@charset "utf-8";
/* CSS Document */

html,body{
			height:100%;
			}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#04252a url(/assets/images/wsg_tempograd_2.gif) repeat-x;
	color:#FFFFCC;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

 #container { 
	width: 1024px; 
	background:#04252A url(/assets/images/bg_alter3.jpg) repeat-y;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; 
} 

#header { 
	width: 100%;
	background:  url(/assets/images/header_right.gif) no-repeat top right;
	padding-top:3px;
	padding-left:2px; 
	padding-bottom:3px;
	}
	  
 #header h1 {
	margin: 0;  
	padding: 10px 0; 
}


.logo{
	   float:left;
	   padding-left:3px;
	   }

#banner{
		float:right;
		width:820px;
		margin:10px auto;
	 	}

#banner img{
			padding-left:1px;
			border-left:1px solid #000;
			border-bottom: 2px solid #000;
			}

 #mainnav{
      width:100%;
	  background-image:url(/assets/images/menu_full_no.gif);
	  background-repeat:no-repeat;
	  background-position:50% 50%;
	  background-color:transparent; 
	  z-index:1;
}

.menu {padding:18px 0 0 110px; margin:0; list-style:none; height:60px; position:relative; font-family:arial, verdana, sans-serif;}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#ffffff; text-decoration:none; font-size:95%; font-weight:bold; padding:0 14px 0 20px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 14px 0 12px; height:40px;}
.menu li a.top_link:hover {color:#000;}
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down {}

.menu li:hover > a.top_link {color:#000;}
.menu li:hover > a.top_link span {}
.menu li:hover > a.top_link span.down {}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:22px; top:36px; right:2px; background: #f0c05e; padding:3px 0; border:1px solid #9f854f; white-space:nowrap; width:210px; height:auto;}
.menu :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:210px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:90%; height:30px; width:210px; line-height:25px; text-indent:3px; color:#000; text-decoration:none; border:1px solid #f0c05e; border-width:0 0 0 1px;}
.menu :hover ul.sub li a.fly {}
.menu :hover ul.sub li a:hover {background:#493617; color:#fff;}
.menu :hover ul.sub li a.fly:hover {color:#fff;}
.menu :hover ul li:hover > a.fly { color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:122px; top:-4px; background:#fff; padding:3px 0; border:1px solid #493617; white-space:nowrap; width:93px; z-index:200; height:auto;}


#mainContent {
			 
 	
} 

.frame{
       padding-left:8px;
		}


#footer { 
	padding: 7px 10px 7px 10px;
	border-top:2px #080D0F solid;
	text-align: right;
	font-family: verdana, arial;
	font-size:.75em;
	font-weight: normal;
	background:#1D1D1D;
    color:#C8BD97;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}

#footer a:link, a:visited, a:hover{
		   text-decoration:underline;
		   color:#C8BD97;
		   font-weight:bolder;
		   }

.clearfloat { 
	clear:both;
    height:1px;
    font-size: 1px;
    line-height: 1px;
}