BODY{
background-image: url('../images/gui2008/aom_bg2.jpg');
background-repeat: repeat;
background-attachment: fixed;
    background-color: #787f85;
	scrollbar-face-color: #24296a; 
	scrollbar-shadow-color: #131639; 
	scrollbar-highlight-color: #24296a; 
	scrollbar-3dlight-color: black; 
	scrollbar-darkshadow-color: #053353; 
	scrollbar-track-color: black; 
	scrollbar-arrow-color: #FFCC00; 
	font-family:verdana; 
}

/* Link Styles*/

.link:link { text-decoration: none;color: #57AFED;font-size: 18px; font-family :helvetica; font-weight: bold;}
.link:active { text-decoration: none; color: #57AFED;font-size: 18px;  font-family :helvetica; font-weight: bold;}
.link:visited { text-decoration: none; color: #57AFED; font-size: 18px; font-family :helvetica; font-weight: bold;} 
.link:hover { text-decoration: underline; color: #ffffff;font-size: 18px;  font-family :helvetica; font-weight: bold;}

.menulink:link { text-decoration: none;color: #ffcc00;font-size: 12px; font-family :helvetica; font-weight: bold;}
.menulink:active { text-decoration: none; color: #ffcc00;font-size: 12px;  font-family :helvetica; font-weight: bold;}
.menulink:visited { text-decoration: none; color: #ffcc00; font-size: 12px; font-family :helvetica; font-weight: bold;} 
.menulink:hover { text-decoration: underline; color: #ffffff;font-size: 12px;  font-family :helvetica; font-weight: bold;}

.submenulink:link { text-decoration: none;color: #ffffff;font-size: 11px; font-family :helvetica; font-weight: bold;}
.submenulink:active { text-decoration: none; color: #ffffff;font-size: 11px;  font-family :helvetica; font-weight: bold;}
.submenulink:visited { text-decoration: none; color: #ffffff; font-size: 11px; font-family :helvetica; font-weight: bold;} 
.submenulink:hover { text-decoration: underline; color: #ffcc00;font-size: 11px;  font-family :helvetica; font-weight: bold;}

A:link { 
text-decoration: none; 
color: #57AFED;
font-size: 11px; }

A:active { 
text-decoration: none; 
color: #57AFED;
font-size: 11px;  }

A:visited { 
text-decoration: none; 
color: #57AFED; 
font-size: 11px; } 

A:hover { 
text-decoration: underline; 
color: #ffffff;
font-size: 11px;  }


/* Text & HRs */


.SmallText {  
font-size:10px; 
font-family:verdana; 
color: white; 
}
.SmallestText {  
font-size:9px; 
font-family:verdana; 
color: white; 
}

.Text {  
font-size:12px; 
font-family:verdana; 
color: white; 
}


.title {  
font-size:14px; 
font-family:verdana; 
color: #ffcc00; 
}

/* Content Area Styles*/
.TopMenu { 
padding-top: 94px;
font-size:12px; 
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-family:verdana, helvetica;  
color: #ffffff; 
}

/* Content Area Styles*/
.BottomMenu { 
padding-top: 8px;
font-size:12px; 
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
font-family:verdana, helvetica;  
color: #ffffff; 
}

.LeftContent { 
padding-top: 0px; 
padding-left: 8px; 
padding-right: 8px; 
font-size:12px; 
font-family:verdana; 
color: white; 
}

.RightContent { 
padding-top: 6px; 
padding-left: 4px; 
padding-right: 95px; 
font-size:12px; 
font-family:verdana; 
color: white; 
}

.ContentBox { 
padding-top: 15px; 
padding-left: 15px; 
padding-right: 15px; 
padding-bottom: 15px;
font-size:12px; 
font-family:arial; 
color: white; 
width: ;  
background-color: #3e454a;
border-top:1px solid #9199a0; 
border-right:1px solid #9199a0; 
border-left:1px solid #9199a0; 
border-bottom:1px solid #9199a0;
border-face:1px solid #3e454a;
float:center;
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

.ContentBox2 { 
padding-top: 15px; 
padding-left: 15px; 
padding-right: 15px; 
padding-bottom: 15px;
font-size:12px; 
font-family:arial; 
color: white; 
width: ;  
background-color: #1e2124;
border-top:1px solid #9199a0; 
border-right:1px solid #9199a0; 
border-left:1px solid #9199a0; 
border-bottom:1px solid #9199a0;
border-face:1px solid #3e454a;
float:center;
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

.ContentBox3 { 
padding-top: 15px; 
padding-left: 15px; 
padding-right: 15px; 
padding-bottom: 15px;
font-size:12px; 
font-family:arial; 
color: white; 
width: ;  
background-color: #3e454a;
border-top:1px solid #9199a0; 
border-right:1px solid #9199a0; 
border-left:1px solid #9199a0; 
border-bottom:1px solid #9199a0;
border-face:1px solid #3e454a;
float:center;
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

.content { 
padding-top: 2px; 
padding-left: 25px; 
padding-right: 25px; 
font-size:12px; 
font-family:verdana; 
color: white; 
}

.topheader { 
padding-top: 8px;
font-size:18px; 
padding-right: 40px;
font-weight: bold;
font-family:verdana, helvetica;  
color: #ffffff; 
}
.bottomheader { 
padding-top: 8px;
font-size:12px; 
padding-left: 0px;
font-weight: bold;
font-family:verdana, helvetica;  
color: #ffcc00; 
}


.Submenu { 
padding-top: 4px; 
padding-left: 18px; 
padding-right: 14px; 
padding-bottom: 4px;
font-size:10px; 
font-family:verdana; 
color: white; 
}


/* Right Context Menu Styles*/

.skin0{
position:absolute;
width:165px;
background-color:#000000;
font-family:Verdana;
line-height:16px;
cursor:default;
font-size:10px;
z-index:100;
visibility:hidden;
border-top:1px solid #FFcc00; 
border-right:1px solid #FFcc00; 
border-left:1px solid #FFcc00; 
border-bottom:1px solid #FFcc00;
float:center;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

.menuitems{
padding-left:10px;
padding-right:10px;
font-size:10px; 
font-weight: bold;
font-family:verdana, helvetica;  
color: #ffffff; 
}
.menuitems:hover{
padding-left:10px;
padding-right:10px;
font-size:10px; 
font-weight: bold;
font-family:verdana, helvetica;  
}




/* Form Button and Form Field Styles*/
.FormField { 
font-size:12px; 
font-family:arial, helvetica;  
font-weight:bold; color: #ffffff; 
border-top:1px solid #ffcc00;
border-right:1px solid #ffcc00;
border-left:1px solid #ffcc00;
border-bottom:1px solid #ffcc00;
border-face:0px solid #ffcc00;
background-color: #000000;

}

.FormButton  {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
font-size: 12px; 
font-family :arial, helvetica; 
font-weight:bold; color: #ffffff; 
border-top:1px solid #ffcc00;
border-right:1px solid #ffcc00;
border-left:1px solid #ffcc00;
border-bottom:1px solid #ffcc00;
border-face:0px solid #ffcc00;
background-color: #000000;
}

.FormTitle { 
font-family :verdana, helvetica; 
text-decoration: none; 
color: #59B4F4;
font-size: 12px; }


.FormText { 
font-family :verdana, helvetica; 
text-decoration: none; 
color: #ffffff;
font-size: 12px; }



/* DrownDown Menu Styles*/

#menu {

width: 100%;

float: right;

padding-left:100px;

}

#menu ul {

border-width: 0px;

list-style: none;

margin: 0;

padding: 0;

width: 12em;

float: right;

width: 180px;

}

#menu a, #menu h2 {

font: 10px/12px arial, helvetica, sans-serif;

display: block;

border-width: 0px;

border-color: #FFcc00;

margin: 0;

padding: 1px 1px;

}



#menu h2 {



text-transform: uppercase;

}



#menu a {



text-decoration: none;

}



#menu a:hover {

color: #a00;

}



#menu li {position: relative;}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

}



#dropmenudiv{

position:absolute;

border:1px solid #FFcc00;

padding: 2px;

font: Verdana;

line-height:15px;

background-color: #131639;

font-color: #ffffff; 

z-index:109;



}



#dropmenudiv a{

width: 100%;

display: block;

text-indent: 3px;

padding: 2px solid black;

text-decoration: none;

font-weight: bold;

background-color: #131639;

font-color: #ffffff; 

}



#dropmenudiv a:hover{ /*hover background color*/

filter:alpha(opacity=85);-moz-opacity:1.0;opacity:1.0;
background-color: #FFcc00;
color: #000000; 

}


#divUpControl{position:absolute; width:512; left:0; top:0; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:512; left:0; top:20; z-index:1; text-align: right} 
#divContainer{position:absolute; width:520; height:470; overflow:hidden; top:0; left:0; clip:rect(0,520,470,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0} 


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 1px dashed #ffcc00;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: 90px; /*position where enlarged image should offset horizontally */

}