html, body{ 
	margin:0; 
	padding:0;  
	height:100%;
 	color: #333333;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
} 


 
#header p{
	margin:0; 
	padding:0;
}

#header{
	position:relative; 
	width:100%;
	color: #c0c0c0;
	font-size: 42px;
	height:110px; 
	background-color: #333333;
	font-weight: bold;
	} 
 
#leftcol{
	width:180px; 
	float:left; 
	padding:0px;
	position:relative;  
	height:100%;
	background-color: #333333;
		}
 

#rightcol{
	width:180px; 
	position:relative;  
	float:right; 
	height:100px;
	background-color: #333333;
	display:none;	}


#twocols{
	width:1180px; 
	float:right; 
	position:relative;  
}

#pagewidth{ 
		width:1360px; 
		text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
		background-color: #333333;
} 

#hmaincol{
	height:25px;  
	background-color: #333333;
	width:100%;
	width:1360px;
	height:25px;
		color:#FFFFFF;
}

.menubgr{
position:absolute; color:#FFFFFF;
}

.menubgl{
position:absolute;color:#FFFFFF;
}

#maincol{
	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	padding:10px;
	width:1160px;  
	    min-height:250px;
}
 
#footer{
	color: #ffffff;
	font-size: 10px;
	background-color:#333333;
	text-align: center;
	min-height: 50px;
	clear:both;
	 } 
 
#footer a {
	color: #ffffff;
	text-decoration: none;
}

#leftcol a {
	color: #333333;
	text-decoration: none;
}

#leftcol a:hover {
	color: #cccccc;
	text-decoration: none;
}
#maincol a {
	text-decoration: none;
}

#maincol a:hover {
	text-decoration: none;
}

#MenuVerL {z-index:5; float:left; padding:7px 0  0 0; margin:3px 0 0 0; list-style:none; position:relative; width:175px;color:#FFFFFF;}
#MenuVerL ul {padding:0; margin:0; list-style:none; width:175px; height:auto; background: url(../images/trans.gif); position:absolute; left:-9999px; top:0;background-color: #333333;}
#MenuVerL table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#MenuVerL li {float:left; margin-bottom:1px;}
#MenuVerL li a {display:block; float:left; width:175px; height:24px; background:#888888; color:#FFFFFF; line-height:24px; font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; text-indent:10px;}
#MenuVerL li a.fly {background:#888888 url(../images/right-arrow.gif) no-repeat right center;}

#MenuVerL li:hover {z-index:6;position:relative;}
#MenuVerL li a:hover {z-index:6;position:relative; background-color:#CCCCCC; color:#000000;}
#MenuVerL li:hover > a {background-color:#CCCCCC; color:#000000;}

#MenuVerL ul li a {background:#888888;}
#MenuVerL ul li a.fly {background:#888888 url(../images/right-arrow.gif) no-repeat right center;}
#MenuVerL ul ul li a {background:#888888;}
#MenuVerL ul ul li a.fly {background:#888888 url(../images/right-arrow.gif) no-repeat right center;}
#MenuVerL ul ul ul li a {background:#888888;}

#MenuVerL li a.active,
#MenuVerL ul li a.active,
#MenuVerL ul ul li a.active,
#MenuVerL ul ul ul li a.active {background-color:#666666; color:#FFFFFF;}

#MenuVerL :hover ul,
#MenuVerL :hover ul :hover ul,
#MenuVerL :hover ul :hover ul :hover ul {left:170px;}

#MenuVerL :hover ul ul,
#MenuVerL :hover ul :hover ul ul {left:-9999px;}

#MenuVerL ul li:hover > a {background-color:#CCCCCC; color:#000000;}
#MenuVerL ul ul li:hover > a {background-color:#CCCCCC; color:#000000;} 



 /* Default link styling */

#MenuHor {
	padding:0;
	margin:0; 
	list-style:none; 
	height:24px; 
	position:relative; 
	background-color: #333333;
	color:#FFFFFF;
	z-index:5; 
	font-family:arial, verdana, sans-serif;
			 
	margin-left:auto; 
	margin-right:auto; 
	width: 500px;
		
	
}
#MenuHor table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#MenuHor li {float:left; margin-right:1px;}
#MenuHor li a {display:block; float:left; height:24px; line-height:24px; background-color:#888888; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:11px; font-weight:bold; padding:0 10px 0 10px;}


/* Style the list OR link hover. Depends on which browser is used */

#MenuHor li a:hover {z-index:6; position:relative; color:#000000; background-color:#CCCCCC;}
#MenuHor li:hover {position:relative; z-index:6;}

#MenuHor li:hover > a {color:#000000; background-color:#CCCCCC;}
#MenuHor li:hover > a.sub { padding:0 30px 0 10px;color:#000000; background-color:#CCCCCC;}

#MenuHor li a.active {color:#FFFFFF; background-color:#666666;}

#MenuHor li a.sub { padding:0 30px 0 10px;background: #888888 url(../images/down-arrow.gif) no-repeat right center;}
#MenuHor li a.sub.active { padding:0 30px 0 10px;color:#FFFFFF; background:#666666 url(../images/down-arrow.gif) no-repeat right center;}

#MenuHor :hover ul {z-index:6;left:0; top:24px; width:150px; background-color:#CCCCCC;}

/* keep the 'next' level invisible by placing it off screen. */
#MenuHor ul, 
#MenuHor :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#MenuHor :hover ul :hover ul
{z-index:6;left:160px; top:0px; background-color:#CCCCCC; white-space:nowrap; width:100px; z-index:6; height:auto;}


#MenuHor ul li a {width:170px; padding:0; text-indent:10px; background-color:#888888; color:#FFFFFF; height:24px; line-height:24px;}
#MenuHor li:hover {position:relative;}
#MenuHor li a:hover {position:relative; background-color:#CCCCCC; color:#000000;}
#MenuHor li:hover > a {background-color:#CCCCCC; color:#000000;}

#MenuHor ul li a {background-color:#888888;}
#MenuHor ul li a.fly {background:#888888 url(../images/right-arrow.gif) no-repeat right center;}
#MenuHor ul ul li a {background-color:#888888;}
#MenuHor ul ul li a.fly {background:#888888 url(../images/right-arrow.gif) no-repeat right center;}
#MenuHor ul ul ul li a {background-color:#888888;}

#MenuHor li a.active,
#MenuHor ul li a.active,
#MenuHor ul ul li a.active,
#MenuHor ul ul ul li a.active {background-color:#666666; color:#FFFFFF;}

#MenuHor :hover ul ul,
#MenuHor :hover ul :hover ul ul {left:-9999px;}

#MenuHor ul li:hover > a {background-color:#CCCCCC; color:#000000;}
#MenuHor ul ul li:hover > a {background-color:#CCCCCC; color:#000000;}







/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;}  
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}