﻿/* CSS WATERVLIET LAYOUT STYLES */

html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}:focus {	outline: 0;} body {	line-height: 1;	color: black;	background: white;} ol, ul {	list-style: none;}

body {
	background-color: #a7a7a7;
}



/*MASTHEAD AREA DIVS*/
#wrapper_msthdBg {
	width: 100%;
	height: 379px;
	background-image: url(../images/Bgs/VlietHP09bg_msthdwrap.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-color: #5f0707;
}

#box_shortcut {
	width: 1000px;
	height: 1px;
	background-color: #444444;
	margin: 0px auto;
}

#wrapper_msthd {
	width: 1000px;
	height: 378px;
	background-image: url(../images/Bgs/VlietHP09bg_msthd.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
}

#wrapper_msthdLftCol {
	width: 162px;
	height: 378px;
	float: left;
}

#wrapper_msthdRtCol {
	width: 838px;
	height: 378px;
	float: left;
}

/*MASTHEAD LEFT COLUMN DIVS*/
#box_msthdLogo1 {
	width: 162px;
	height: 147px;
}
#box_LftNav {
	width: 162px;
	height: 231px;
}

/*MASTHEAD RIGHT COLUMN DIVS*/
/*Top Row Divs - Masthead, Info, Array*/
#wrapper_RtColTop {
	width: 835px;
	height: 304px;
}
#box_RtColTopLft {
	width: 274px;
	height: 304px;
	float: left;
}
#box_RtColArray {
	width: 561px;
	height: 282px;
	padding-top: 22px;
	float: left;
}
/*Masthead Logo and Info Divs*/
#box_msthdLogo2 {
	width: 274px;
	height: 147px;
}
#box_msthdInfo {
	width: 256px;
	height: 145px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 12px 0px 0px 18px;
}

/*TOP LINKS NAVIGATION DIVS - Links, Search*/
#wrapper_toplinks {
	width: 823px;
	height: 27px;
	padding: 24px 0px 0px 12px;
}
#box_toplinks {
	width: 459px;
	height: 27px;
	float: left;
}
#wrapper_srchForm {
	width: 350px;
	height: 27px;
	float: left;
}
#box_srchField {
	height: 27px;
	float: left;
}
#box_gobutton {
	width: 27px;
	height: 26px;
	padding-left: 6px;
	padding-top: 1px;
	float: left;
}
.search_field {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*Horizontal Navigation Bar*/
.Hzntlnav {
    width: 459px;
	height: 23px;
    margin: 0px;
    padding: 4px 0px 0px 0px;
}
.Hzntlnav ul {
    width: 459px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.Hzntlnav li {
	margin: 0px;
    padding: 0px;
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
    text-align: left;
    float: left;
}
.Hzntlnav li a {
	width: 98px;
	display: block;
	height: 16px;
	padding: 0px;
	margin: 0px;
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}
.Hzntlnav li a:hover {
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.Hzntlnav li a.directions {
      width: 113px;
}
.Hzntlnav li a.contact {
      width: 113px;
}
.Hzntlnav li a.search {
      width: 135px;
}
.Hzntlnav_bullet {
	margin-right: 6px;
	padding-top: 2px;
	border: none;
	float: left;
}


/*A TO Z NAVIGATION AREA DIVS*/
#wrapper_AtoZ {
	width: 835px;
	height: 23px;
}
#box_AtoZhdr {
	width: 156px;
	height: 23px;
	float: left;
}
#box_AtoZnav {
	width: 650px;
	height: 21px;
	padding-top: 2px;
	float: left;
}
/*AtoZ Horizontal Navigation Bar*/
.HzntlAtoZnav {
    width: 650px;
    margin: 0px;
    padding: 0px;
}
.HzntlAtoZnav ul {
    width: 650px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
	white-space: nowrap;
}
.HzntlAtoZnav li {
	margin: 0px;
    padding: 0px;
    text-align: center;
    float: left;
}
.HzntlAtoZnav li a {
	width: 16px;
	display: block;
	height: 16px;
	padding: 1px 0px 1px 0px;
	margin: 0px 1px 1px 0px;
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.HzntlAtoZnav li a:hover {
	background-color: #ddb452;
}

/*------------MAIN CONTENT AREA DIVS--------------*/
#wrapper_contentBg {
	width: 100%;
	min-height: 348px;
	background-image: url(../images/Bgs/VlietHP09bg_cntntwrap.jpg);
	background-repeat: repeat-x;
}
* html #wrapper_contentBg {height:348px;}

#wrapper_content {
	width: 1000px;
	min-height: 348px;
	background-color: #e1e1e1;
	margin: 0px auto;
	border-top: 8px solid #133852;
}
*html #wrapper_content {height:348px}


/*Main Content Columns*/
#wrapper_LftCol {
	width: 300px;
	padding-top: 16px;
	float: left;
}
#wrapper_CtrCol {
	width: 488px;
	padding-top: 16px;
	float: left;
}
#wrapper_RtCol {
	width: 196px;
	padding-top: 16px;
	float: left;
}
#btmFill {
	width:1000px;
	height: 1px;
	clear: both;
}

/*LEFT COLUMN CONTENT AREA DIVS*/
/*Schools navigation links div*/
#box_schoolsNav {
	width: 272px;
	height: 97px;
	padding-left: 15px;
}

/*Features Divs*/
#box_featuresHdr {
	width: 272px;
	height: 15px;
	padding: 12px 0px 6px 15px;
}
#wrapper_features {
	width: 272px;
	padding-left: 15px;
}
#features_LftCol {
	width: 141px;
	float: left;
}
#box_suptBlog {
	width: 113px;
	border-bottom: 1px dotted #878686;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 6px 0px;
}
#box_missionLogo {
	width: 113px;
	height: 86px;
	text-align: center;
}
#features_RtCol {
	width: 131px;
	float: left;
}

/*CENTER COLUMN CONTENT AREA DIVS*/
#box_newsHdr {
	width: 470px;
	height: 26px;
}
#wrapper_news {
	width: 468px;
	height: 301px;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #ffffff;
}
/*Div containing Left Column news photo*/
#box_newsPic {
	width: 169px;
	height: 279px;
	padding: 0px 11px 0px 12px;
	border-right: 1px solid #c1c1c1;
	margin: 6px 0px 6px 0px;
	float: left;
}
/*Div containing Right Column news - Top Stories, More Headlines*/
#box_newsStories {
	width: 259px;
	height: 301px;
	padding: 0px 8px;
	overflow: auto;
	float: left;
}
.newsHdrs {
	padding: 9px 0px 3px 0px;
}

.boxHP_morestories {
	width:444px;
	height:14px;
	margin:0px;
	padding:2px 12px 0px 12px;
	background-color:#dedddd;
	border-left:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#133852;
	text-transform:uppercase;
	text-align:center;
}	
.boxHP_morestories a {
	color:#133852;
	text-decoration:none;
}	
.boxHP_morestories a:hover {
	color:#6a1818;
	text-decoration:underline;
}	


/*RIGHT COLUMN CONTENT AREA DIVS*/
#box_announceHdr {
	width: 196px;
	height: 26px;
}
#box_announcements {
	width: 182px;
	height: 180px;
	padding: 6px;
	margin-bottom: 9px;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #ffffff;
	overflow: auto;
}
#box_qlinkHdr {
	width: 196px;
	height: 19px;
}
#box_qlinks {
	width: 184px;
	padding: 9px 6px 6px 6px;
	background-color: #904f4f;
}

/*FOOTER AREA DIVS*/
#wrapper_footerBg {
	width: 100%;
	background-image: url(../images/Bgs/VlietHP09bg_footrwrap.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
}
#wrapper_footer {
	width: 952px;
	padding: 6px 24px 44px 24px;
	background-color: #e1e1e1;
	background-image: url(../images/Bgs/VlietHPbg_btmbricks.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	margin: 0px auto;
}
