html
{
height:100%;
width:100%;
}

body
{
background-color:#FFFFFF;
color:#000000;
direction:ltr;
font-family:"Verdana Ref",Tahoma,Arial,sans-serif;
text-align:center;
position:relative;
border-style:solid;
border-color:#000000;
border-width:0px;
height:95%;
width:98%;
}

a:link
{
color: #000000;
}
a:visited
{
color: #000000;
}
a:hover
{
color: #000000;
}
a:active
{
color: #000000;
}

.BoldText
{
font-weight:bold;
}

.smallText
{
font-size:x-small;
}

.italicText
{
font-style:italic;
}

.centered
{
text-align:center;
}

.bottomAlign
{
vertical-align:bottom;
}

#titlebar
{
width:87%;
height:6%;
border-style:dotted;
border-color:#000000;
border-width:0px;
text-align:center;
padding-left:13%;
}

#titlebar img
{
height:100%;
}

#titlebar h1
{
font-size:xx-large;
font-weight:normal;
letter-spacing:15px;
word-spacing:25px;
font-variant:small-caps;
}

#titlebar h4
{
font-weight:bold;
color:red;
text-align:right;
padding-right:10%;
}

div#leftmenu
{
border-style:solid;
border-color:#000000;
border-width:0px;
float:left;
height:84%;
width:13%;
text-align:center;
position:relative;
font-size:small;
}

div#scroller
{
border-style:solid;
border-color:#000000;
border-width:1px;
height:88%;

overflow-x:hidden;
overflow-y:scroll;
white-space:nowrap;
scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
text-align:center;
position:relative;
margin:1%;
}

div#scroller img
{
display:block;
clear:both;
text-align:center;
margin-top:10%;
margin-left:auto;
margin-right:auto;
border-width:0px;
}

.navPic
{
cursor:pointer;
visibility:hidden;
}

div#maincontainer
{
border-style:solid;
border-color:#000FFF;
border-width:0px;
height:84%;
width:86%;
text-align:center;
position:relative;
float:right;
}

div#news
{
float:left;
border-style:solid;
border-color:#FFF000;
border-width:0px;
text-align:center;
height:100%;
width:79%;
position:relative;
}

div#news div#homepage
{
text-align:left;
height:70%;
padding:10%;
position:relative;
border:none;
}

#photoCount
{
border-style:solid;
border-color:#00FF00;
border-width:0px;
font-size:small;
height:10%;
padding-top:5%;
vertical-align:bottom;
position:relative;
}

#photoCount span
{
font-weight:bold;
}

.image_frame
{
border-style:solid;
border-color:#00FFFF;
border-width:0px;
text-align:center;
height:80%;
position:relative;
padding:0%;
margin:0%;
}

.image_frame img
{
text-align:center;
border-style:solid;
border-color:#00FF00;
border-width:0px;
height:100%;
position:relative;
}

.navigate_left
{
border-style:solid;
border-color:#FF00FF;
border-width:0px;
text-align:center;
float:left;
height:100%;
width:10%;
position:relative;
display:table-cell;
}

.navigate_right
{
border-style:solid;
border-color:#FF00FF;
border-width:0px;
text-align:center;
float:right;
height:100%;
width:10%;
position:relative;
}

.navigate_left img, .navigate_right img
{
text-align:center;
border-style:solid;
border-color:#000000;
border-width:0px;
position: relative;
top:50%;
left:33%;
display:block;
float:left;
}

.img_overlay
{
visibility:hidden;
z-index:2;
background-color:#000000;
color:#FFFFFF;
border-style:solid;
border-color:#FFFFFF;
border-width:1px;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
-khtml-opacity: 0.80;
font-size:small;
font-weight:normal;
text-align:center;
display:block;
height:10%;
position: relative;
}

#top_overlay
{
top:0%;
left:33.3%;
margin-right:66.3%;
width:33.3%;
position:absolute;
}

#bottom_overlay
{
bottom:10%;
left:33.3%;
margin-right:66.3%;
width:33.3%;
}

.img_overlay span#copyright
{
font-size:x-small;
font-weight:normal;
}


.hideDetails
{
visibility:hidden;
}

.showDetails
{
visibility:visible;
}

div#footer
{
border-style:solid;
border-color:#00FF00;
border-width:0px;
height:4%;
width:87%;
font-size:xx-small;
text-align:center;
padding-top:1%;
padding-left:13%;
bottom:0%;
right:0%;
clear:both;
z-index:99;
}

.formButton
{
background:#FFFFFF;
border-style:ridge;
border-color:grey;
border-width:2px;
font-size:x-small;
}