@charset "utf-8";
body {
	background: url(images/body_bg.png) repeat-x top #bfbfbf;
	font-family: Arial, Helvetica, sans-serif;
}
a img{
border: none;	
}
div#wrapper{
	margin: 0 auto;
	width: 840px;
	padding: 10px;
	background: #fff;
}
div#header{
	background: url(images/header_bg.png) no-repeat top;
	display: block;
	height: 150px;
}
div#mainbody{
	background: #e5e5e5;
	padding-bottom: 5px;
}
div#news{
	font-size: 71%;
	line-height: 1.2em;
	height: 340px;
	display: block;
	padding-top: 20px;
}
div#news span.newsDate{
	font-size: 105%;
	color: #a00;
	font-weight: bold;
}
div#news a{
	font-size: 105%;
	color: #1579c5;
	font-weight: bold;
}
div#news p{
	width: 165px;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
div#welcome{
	padding-left: 280px;
	padding-right: 20px;
	background: url(images/content2_bg.png) no-repeat top;
	display: block;
	height: 340px;
	width: 320px;
	float: left;
	padding-bottom: 10px;
	color: #fff;
	font-size: 72%;
	padding-top: 15px;
}
div#welcome p{
	margin-bottom: 0px;
	margin-top: 10px; 
}

div#welcome h1{

}
br.clear{
	clear: both;	
	height: 1px;
}

div#concerned{
	float: left;
	background: url(images/concerned_bg.png) no-repeat;
	margin-right: 10px;
}
#resources{
	background: url(images/resources_bg.png) no-repeat;
	margin-right: 10px;
}
#support{
	background: url(images/support_bg.png) no-repeat;
}
div.info_box{
	float: left;
	width: 160px;
	height: 260px;
	padding: 0 20px;
}
div.info_box p{
	/*margin-top: 150px;*/
	width: 161px;
	font-size: 70%;
	margin: 0px;
	padding: 0px;
}
div.info_box a{
	color: #1579c5;
	text-decoration: none;
	background: url(images/info_box_arrows.png) no-repeat right;
	padding-right: 16px;
	font-size: 70%;
	font-weight: bold;
}
div.info_box a:hover{
	text-decoration: underline;	
}
div.info_box a.link_box{
	background: none;
	height: 150px;
	display: block;
	margin: 0px;
	padding: 0px;
}
div.info_box a.link_box:hover{
	text-decoration: none;
}
h1{
	color: #ffcf40;
	font-size: 170%;
}
div#partners{
	display: block;
	font-size: 78%;
	float: left;
	clear: left;
	color: #666;
	font-weight: bold;
	margin-top: 40px;
}
div#footer{
	background: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #ccc;
	font-size: 72%;
	font-weight: bold;
	padding: 10px 10px;
	clear: both;
	margin: 0 10px;
}
div#footer span.rights{
	float: left;
}
div#footer span.docs{
	float: right;
}
div#sidebar{
	float: left;
	width: 170px;
	margin-left: 20px;
	margin-right: 20px;
}
ul#main{
	list-style-type: none;	
	font-size: 75%;
	font-weight: bold;
	float: left;
	display: block;
	background: none;
	padding: 0px;
	margin: 0px;
	margin-left: 50px;
	
}
ul#main li{
	float: left;	
	position: relative;
}

ul#main ul{
	display: none;	
}
ul#main li a{
	border-right: 1px solid #ccc;	
	text-decoration: none;	
	padding: 2px 15px 2px 15px;
	margin-top: 9px;
	color: #ccc;
	display: block;
	text-transform: uppercase; 
}

ul#main li a:hover{
	color: #fff;
}

ul#main li.on a{
	background: #e5e5e5;
	-moz-border-radius: .5px;
	-webkit-border-radius: .5px;
	color: #444;
	padding: 7px 15px 7px 15px;
	border:0px;
	margin-left: -1px;
}

ul#main li.on{
	margin-top: -5px;	
}
ul#main li.last a{
	border: none;
}
div#nav{
	background: url(images/nav_bg.png) repeat-x top;	
	clear: both;
	color: #ccc;
	padding: 0px;
	margin:0px;
	text-align: center;
	display: block;
	height: 30px;
}
span.nav_left{
	background: url(images/nav_left.png) no-repeat top left;
	width: 17px;
	height: 30px;
	display: block;
	float: left;
}
span.nav_right{
	background: url(images/nav_right.png) no-repeat top left;
	width: 18px;
	height: 30px;
	display: block;
	float: right;
}
.mainmenu{
	width: 800px;
	display: block;
}
hr.edit_delimit{
	display: none;	
}

/* sub menu stuff */
ul#main li ul{
	display:none;
	position:absolute;
	z-index: 21;
	top: 28px;
	background:#000;
	padding:0px 0px 0px 5px;
	margin:0px;
	width:175px;
	text-align:left;
}
ul#main li ul ul{
	display:none;
	position:absolute;
	z-index: 22;
	top:-2px;
	left:175px;
	background:#000;
	padding:5px 0px 0px 5px;
	margin:0px;
	width:175px;
	text-align:left;
	
}
ul#main li.on ul{
	display:none;
	position:absolute;
	z-index: 21;
	top: 35px;
	left: -2px;
}
ul#main li ul li{
	text-transform: none;
	z-index: 23;
	padding:0px;
	margin:0px 0px 5px 0px;
	display:block;
	float: none;
	background:#000;
}
ul#main li ul li a{
	background: #000;
	text-transform: none;	
}
ul#main li:hover ul li a{
	color:#ccc;
	border:none;
}
ul#main li:hover ul li a:hover{
	color: #FFF;
}
ul#main li:hover > ul{
	display:block;
}
ul#main li.on ul{
	background: #e5e5e5;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	color: #000;
}
ul#main li.on ul li a{
	color: #777;	
}
ul#main li.on ul li a:hover{
	color: #333;	
}
h1.welcome_title{
	margin: 0px;
	padding: 0px;
	margin-left: 60px;
	margin-bottom: -10px;
}