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

body {
	background: url(library/images/probno_1.jpg) repeat-x center center  fixed #FDEFCC;
	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:url(library/images/briag.jpg) no-repeat;	
	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;

}

/*en*/
#head_en  {
	background:url(library/images/briag_en.jpg) no-repeat;	
	border:none;	
	margin:0;
	height:183px;
	list-style:none;
	float:left;
	width:100%;
}

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

}

#nav {
	clear:both;
	margin:5px 0 5px 0;
	background:url(library/images/navactive-green.png) repeat-x top left;
	width:803px;
	height:35px;
	padding-left:197px;

	
	

}


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

}
ul#nav  li { 
	
}

ul#nav  li a {border-right:1px solid #fff; border-left:1px solid #fff;
color: #003;
	float:left;
	padding:9px 15px 0px 15px;
	height:26px;
	visibility: visible; opacity: 1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	letter-spacing:.5px;
	

}

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

}

.activ { border-right:1px solid #fff; border-left:1px solid #fff;
background:url(library/images/mainnav-active.png) repeat-x center left;
color: #FFF;

}

.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;

	
}
#footer ul #add-info a {	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.6px;
	font-variant:small-caps;}

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

.left_cont { width: 180px; margin:10px 0 0 0; padding: 2px; border: 1px solid #ccc; background-color:transparent; font-family: Arial, Helvetica, sans-serif; font-variant:small-caps; font-size:14px; line-height:18px; }
.left_cont img { padding: 2px; border: 1px solid #ccc; background-color:transparent; }


#long-column .contact_left { padding:0px 0 0px 10px; color:#FDEFCC; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; line-height:20px; font-variant:small-caps; letter-spacing:0.7px; }
#long-column .gps { padding:0px 0 0px 10px; color:#fff; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px; line-height:16px; font-variant:small-caps; letter-spacing:0.7px; }