body {
	background: #004394 url(/library/images/bg.jpg) repeat-x top center;
	background-attachment: fixed; 
	color:#ECEBEB;
	font-family: Arial, "MS Trebuchet", sans-serif;
	margin:0;
}
a, a:visited, a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
img { border:0;}
#wrap {
	margin:0 auto;
	padding:0 40px;
	padding-bottom:20px;
	width:917px;
}

#head ul  {
	background-image:url(/library/images/black-70.png);
	border:1px solid #32343C;
	border-top:none;
	padding:10px 0;
	margin:0;
	list-style:none;
	float:left;
	width:100%;
}
#head ul li {
	float:left;
}
#head ul #vpt-logo {
	padding-left:20px;
}
#head ul #iso {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	text-transform: uppercase;

}
#head ul #iso img {
	padding-right:33px;
	margin-top:53px; /***  the ul has 10 px of padding vertically   ***/
}
#nav {
	clear:both;
}

ul#nav {
	background:url(/library/images/menubg.png) repeat-x top left;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
 	list-style:none;
	float:left;
	width:917px;
	border-left:1px solid #0C0C11;
	border-right:1px solid #0C0C11;
}
ul#nav  li {
	border-right:1px solid #32343C;
	float:left;
}
.menulink {
	padding:0px 25px;
	padding-top:18px;
	padding-bottom:11px;
}

#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: 918px;
	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;   }