@import url('css/reset.css');

body {
	background: url(library/images/bg_1.jpg) repeat-x top center fixed #FFF;
	color:#ECEBEB;
	 min-width: 900px; width: 100%; 
	font-family: Arial, "MS Trebuchet", sans-serif;
}
a  {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover { 
color:#f00;
	text-decoration:none;}
 
 #wrap {
	margin:0 auto;
	width:1000px;
}
#head  {
	background-image:url(library/images/briag.jpg);	
	border:none;	
	margin:0;
	height:183px;
	list-style:none;
	float:left;
	width:100%;
}

#head ul  {
	float:right;	
	border:none;	
	list-style:none;
	margin:150px 10px 10px 0;
	
}
#head ul li {
	float:left;
	padding:0 5px 0 5px;
}
#head ul #vpt-logo {
	padding-left:20px;
}
#head ul #iso {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	text-transform: uppercase;

}

#nav {
	clear:both;
	margin:10px 0 10px 0;
	background:url(library/images/navactive-green.gif) repeat-x top left;
	width:980px;
	height:35px;
	padding-left:20px;
	
	

}


 ul#nav {
	
 	list-style:none;
	float:left;
	

}
ul#nav  li {
	
}

ul#nav  li a {border-right:1px solid #32343C;
	float:left;
	padding:9px 15px 0px 15px;
	height:26px;
	visibility: visible; opacity: 1;
	

}

ul#nav  li a:hover { border-right:1px solid #f00;
background:url(library/images/mainnav-active.png) repeat-x center left;
color:#5cc211;

}

.menulink {
	padding:0px 0px 0 0;


}

#copy {
	clear:both;
	background:url(library/images/hp-copy.png) no-repeat top left !important;
	background:url(library/images/hp-copy.gif) no-repeat top left;
	width: 1000px;
	height: 240px;
	padding:10px 30px;
	margin-top:-20px;
}
#copy p { font-size:24px; line-height:1.8em; text-align:justify; letter-spacing:1.5px; text-indent:-9999em;}
#main-links{
	clear:both;
	width:930px; /***  a fairly arbitrary number, but it ensures that all three boxes line up in a row   ***/
}
div.ml-box {
	margin-top:20px;
	margin-right:10px;
	background:url(library/images/boxbground.png) no-repeat top left;
	width:300px;
	text-align:center;
	padding-top:15px;
	float:left;
}
div.ml-box .bb {
	border-bottom:1px dashed #FFFFFF;
	margin:12px 15px;
	height:0px;
}
div.ml-box img.bigimg {
	border:1px solid #32343C;
	padding:7px;
}
div.ml-box p {
	margin:12px auto;
	width:275px;
	background:url(library/images/boxlinkbground.png) no-repeat top left;
	padding:20px 0px;
}
div.ml-box a {
	display:block;
	text-align:left;
	font-size:90%;
	padding:2px 0; /***  allows for the background arrow to not get clipped   ***/
	margin:0 15px;
	background:url(library/images/arrow.png) no-repeat center right !important; /***  ie6 fix   ***/
	background:url(library/images/arrow.gif) no-repeat center right;
	text-transform:uppercase;
}

#footer {
	clear:both;
}

#footer ul  {
	background:url(library/images/boxbground.png) repeat-x top left;
	list-style:none;
	padding:0;
	margin:10px 0;
	width:100%;
	float:left;
}
#footer ul li {
	font-size: 11px; 
	padding:15px 0;
}
#footer ul #copyright {
	float:left;
	padding-left:10px;
}
#footer ul #add-info {
	float:right;
	padding-right:10px;
}


.floater { display: block; width:295px; float: left; height: 85px;   }