/* CSS WATERVLIET LAYOUT STYLES */

td { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

th { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

tr { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

thead { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

tfoot { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

tbody { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

caption { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

table { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

legend { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

label { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

form { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

fieldset { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

li { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

ul { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

ol { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

dd { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

dt { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

dl { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

var { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

tt { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

sup { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

sub { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

strong { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

strike { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

small { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

samp { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

s { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

q { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

kbd { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

ins { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

img { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

font { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

em { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

dfn { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

del { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

code { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

cite { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

big { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

address { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

acronym { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

abbr { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

pre { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

blockquote { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

p { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h6 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h5 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h4 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h3 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h2 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

h1 { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

iframe { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

object { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

applet { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

div { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

body { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}

html { margin: 0; 	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;}:focus {	outline: 0;} body {	line-height: 1;	color: black;	background: white;} ul {	list-style: none;}

ol {	list-style: none;}

body {
	background-color: #a7a7a7;
	background-image: url(../images/Bgs/VlietInPbg_Pg.jpg);
	background-repeat:repeat-x;
}



/*MASTHEAD AREA DIVS*/
#wrapper_msthdBg {
	width: 100%;
	background-image: url(/images/Bgs/VlietHP09bg_msthdwrap.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#wrapper_Pg {
	width: 1000px;
	background-image: url(/images/Bgs/VlietInPbg_cntntCol.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
}
#wrapper_PgTmplt3 {
	width: 1000px;
	background-color: #ffffff;
	margin: 0px auto;
}
#wrapper_PgLayer2 {
	width: 1000px;
	background-image: url(/images/Bgs/VlietInPbg_cntnt2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#wrapper_PgLayer2Tmplt3 {
	width: 1000px;
	background-image: url(/images/Bgs/VlietInPbg_cntnt2tmplt3.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#wrapper_LftCol {
	width: 164px;
	background-image:url(/images/Bgs/VlietInPbg_msthdLft.jpg);
	background-repeat:no-repeat;
	float: left;
}

#wrapper_RtCol {
	width: 836px;
	background-image:url(/images/Bgs/VlietInPbg_msthdRt.jpg);
	background-repeat:no-repeat;
	float: left;
}
#wrapper_RtColHS {
	width: 836px;
	background-image:url(/images/Bgs/VlietSchPbg_msthdrtHS.jpg);
	background-repeat:no-repeat;
	float: left;
}
#wrapper_RtColEL {
	width: 836px;
	background-image:url(/images/Bgs/VlietSchPbg_msthdrtEL.jpg);
	background-repeat:no-repeat;
	float: left;
}



/*MASTHEAD DIVS*/
#box_shortcut {
	width: 164px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
#box_msthdLogo1 {
	width: 164px;
	height: 126px;
	margin: 0px;
	padding: 0px;
}
#box_msthdLogo1Tmplt3 {
	width: 164px;
	height: 126px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
#box_msthdLogo2 {
	width: 836px;
	height: 127px;
	margin: 0px;
	padding: 0px;
}

#box_LftNav {
	width: 164px;
	height: 270px;
	margin: 0px;
	padding: 0px;
}

#box_noLftNav {
	width: 164px;
	height: 84px;
	margin: 0px;
	padding: 0px;
}

/*TOP NAVIGATION & PAGE TITLE DIVS*/
/*Top Nav & Date Divs*/
#wrapper_TopLinks {
	width: 836px;
	height: 42px;
	margin: 0px;
	padding: 0px;
}
#box_toplinks {
	width: 610px;
	height: 29px;
	padding: 13px 0px 0px 15px;
	float:left;
}
#box_date {
	width: 201px;
	height: 29px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 13px 0px 0px 0px;
	text-align: right;
	float: left;
}

/*Page Title Div*/
#box_PgTitle {
	width: 806px;
	height: 34px;
	font: bold 24px/26px "Trebuchet MS", sans-serif;
	color: #07263c;
	margin: 0px;
	padding: 8px 0px 0px 30px;
}
#boxSchHP_PgTitle {
	width: 806px;
	height: 42px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
#boxSchP_PgTitle {
	width: 806px;
	height: 34px;
	font: bold 24px/26px "Trebuchet MS", sans-serif;
	color: #fff;
	margin: 0px;
	padding: 8px 0px 0px 30px;
}


/*MAIN CONTENT AREA DIVS*/
/*Main Content Wrappers*/
#wrapper_content {
	width: 836px;
	margin: 0px;
	padding: 21px 0px 0px 0px;
}
#wrapper_contentTmplt2 {
	width: 788px;
	margin: 0px 0px 21px 0px;
	padding: 21px 18px 0px 30px;
}
#wrapper_contentTmplt3 {
	width: 952px;
	margin: 0px 0px 21px 0px;
	padding: 21px 18px 0px 30px;
}

/*Main Content Columns*/
.box_contentTxt {
	width: 558px;
	margin: 0px 16px 21px 0px;
	padding: 0px 18px 0px 30px;
	border-right: 1px dotted #bdbdbd;
	float: left;
}
.box_contentTxt ul {
	list-style-image:url('/images/shared/list_bullet.gif');
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	padding-left:18px;
}
.box_contentTxt ul li {
	margin-bottom:4px;
}
.box_contentTxt ul li a {
	color:#6a1818;
}
/*SCHOOL HOME PAGES MAIN CONTENT COLUMNS*/
#wrapper_jrHSCol {
	width: 286px;
	margin: 0px 18px 0px 15px;
	padding: 0px 0px 12px 0px;
	float: left;
}
#wrapper_srHSCol {
	width: 286px;
	margin: 0px 18px 0px 0px;
	padding: 0px 0px 12px 0px;
	float: left;
}
#wrapper_ELCol {
	width: 572px;
	margin: 0px 18px 0px 15px;
	padding: 0px 0px 12px 0px;
	float: left;
}
#wrapperSchHP_rtCol {
	width: 196px;
	margin: 0px 0px;
	padding: 0px 0px 12px 0px;
	float: left;
}

/*JR & SR HS HOME CONTENT*/
.box_photofeature {
	width:286px;
	height:177px;
	margin:0px;
	padding:0px;
}
.box_photofeature_EL {
	width:572px;
	height:250px;
	margin:0px 0px 6px 0px;
	padding:0px;
}
.boxSchHP_newsHdr {
	width:286px;
	height:26px;
	margin:0px;
	padding:0px;
}
.boxSchHP_stories {
	width:260px;
	height:290px;
	padding:12px;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	overflow:auto;
}	
.boxSchHP_stories_EL {
	width:548px;
	height:270px;
	padding:12px;
	border-top:1px solid #bdbdbd;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	overflow:auto;
}	
.boxSchHP_morestories {
	width:260px;
	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;
}	
.boxSchHP_morestories a {
	color:#133852;
	text-decoration:none;
}	
.boxSchHP_morestories a:hover {
	color:#6a1818;
	text-decoration:underline;
}	
.boxSchHP_morestories_EL {
	width:548px;
	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;
}	
.boxSchHP_morestories_EL a {
	color:#133852;
	text-decoration:none;
}	
.boxSchHP_morestories_EL a:hover {
	color:#6a1818;
	text-decoration:underline;
}	


/*SCHOOL PAGES RIGHT COLUMN*/
/*Jr.-Sr. High School*/
.boxSchHP_chronicle {
	width:196px;
	height:129px;
	margin:0px;
	padding:38px 0px 10px 0px;
}
/*Elementary School*/
.boxSchHP_UPK_hdr {
	width:196px;
	height:26px;
	margin:0px;
	padding:0px;
}
.boxSchHP_UPK {
	width:176px;
	height:140px;
	padding:3px 8px 3px 10px;
	background-color: #fff;
	text-align:center;
	border-left:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	margin-bottom: 13px;
}

/*Elementary & High Schools*/
.boxSchHP_eventsHdr {
	width:196px;
	height:26px;
	margin:0px;
	padding:0px;
}
.boxSchHP_events {
	width:176px;
	height:153px;
	padding:8px 8px 10px 10px;
	border-left:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	overflow:auto;
}	
.boxSchHP_rtCol_info {
	width:196px;
	margin:0px;
	padding:6px 0px 6px 0px;
}


/*Features Divs*/
#box_featuresHdr {
	width: 164px;
	height: 15px;
	margin-bottom: 4px;
	text-align: center;
}
#box_features {
	width: 164px;
	text-align: center;
}


/*RIGHT COLUMN CONTENT AREA DIVS*/
#wrapper_contentRtCol {
	width: 196px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	float: left;
}

#box_qlinkHdr {
	width: 196px;
	height: 19px;
}
#box_qlinks {
	width: 184px;
	padding: 9px 6px 6px 6px;
	background-color: #904f4f;
}
#box_sidebarTxt {
	width: 196px;
	margin: 0px;
	padding: 12px 0px 0px 0px;
}
#box_sidebarTxt img {
	padding:4px;
	background-color:#fff;
	border:1px solid #d69906;
	margin-bottom:4px;
}

/*FOOTER AREA DIVS*/
#wrapper_footerBg {
	width: 100%;
	background-image: url(/images/Bgs/VlietInPbg_footermrgns.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;
}


/*photo gallery divs*/

#wrapperTmplt3_cntnt {
	width: 948px;
	margin: 0px;
	padding: 0px;
}


#wrapperTmplt3_cntntCol {
	width: 940px;
	min-height: 406px;
	height:auto !important;
	height:406px;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border: 4px solid #ffffff;
	background-color: #ffffff;
}


#boxTmplt3_newsHdr {
	width: 923px;
	height: 21px;
	font: 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
	padding: 7px 0px 0px 17px;
	background-color: #6F7177;
}


.Tmplt3News {
	width: 906px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	padding: 0px 15px 6px 17px;
}
.Tmplt3News a {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
}

/*------BOTTOM FILL HACKS------*/
#btmFillTmplt3 {
	width:1000px;
	height: 7px;
	clear: both;
}
#btmFill_RtCol {
	width:836px;
	height: 1px;
	clear: both;
}
#btmFill {
	width:1000px;
	height: 7px;
	background-image:url(/images/Bgs/VlietInPbg_cntntBtm.gif);
	background-repeat:no-repeat;
	clear: both;
}


/*--------PHOTO GALLERY STYLES--------*/

.glaBox {
	margin: 10px auto;
	padding: 10px;
	width: 600px; /* set to gallery width */;
	position: relative;
	border: 2px #904F4F solid;
} 

.galleria_container {
	width: 600px;  /* set to gallery width */
	height: 425px; /* set to gallery height */
	margin: 0 0 20px 0;
	text-align: left;
	}

.galleria_wrapper {
	width: 600px; /* set to gallery width */
	height: 400px; /* set to gallery height */
	overflow: hidden;
}
.glaBox .galleria_container {
	text-align: center;
	
}

.myBox {
	position: absolute;
	height: 400px; /* set to gallery height */
	}
	
.myBox img {
	margin: 0 auto;
	}

	.galleria_wrapper{ /* wraps main image */
		clear: both;
		margin: 0;
		position: absolute;
		height: 400px; /* set to gallery height */
		top: 10px; 
		left: 10px;
		}   
	
	.captionBox {
		position: absolute;
		top: 10px;
		left: 10px;
		vertical-align: bottom;
		width: 600px;  /* set to gallery width */
		height: 1px;
		}
	
	.captionBack {
		}
	
	.caption {
		/*color: #000;*/
		z-index: 500;
		padding:  10px 10px;
		/*background-image: url('/images/gallery/trans.png');*/
		position: relative;
		top: 398px;
		height:40px;
		text-align: center;
		font: 11px/14px  Verdana, Arial, Helvetica, sans-serif;
		color: #560023;
		}

/* Thumbs */ 

.active {
}

.glaBox ul {
		list-style: none;
}


.glaBox ul li {
		list-style: none;
}


.gallery {
	display: none;
	}
.galleria{
	clear: both;
	display: block;
	float: left;
	padding: 0; 
	list-style:none;
	padding: 0px;
	margin: 0 ;
	}

.galleria li.active div{
	display:block;
	}

.galleria li.active div img{
	display:block;
	}

.galleria li .caption{
	display:block;
	padding-top:.5em;
	}
* html .galleria li div span{
	width:600px; /* MSIE bug */
	}

.galleriaNav {
	clear: both;
	float: left;
	height: 1px;
	position: relative;
}

.clearMe {
	clear: both;
}

.buttons img  {
	text-decoration: none;
	border: 0px;
}

.buttons a  {
	text-decoration: none;
	border: 0px;
}

/* gallery buttons */

.galleryNext {
	position: absolute;
	top: -325px;
	left: 615px;
}

.galleryPrevious {
	position : absolute;
	top: -325px;
	left: -45px;
}

/*  thumbs */


.subgrab {
	float:left; /* important for inline positioning */
	width:380px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
	margin: 0 auto;
	position: relative;
}

.subgrab ul {
	position:relative;
	left: -85px; /* width of .subgrab ul li plus margins and paddin  */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	padding-bottom:10px;
}

.subgrab ul li{
	float: left; /* important for inline positioning of the list items */
	width:65px;  /* fixed width of thumbnails, important */
	display: block;
	padding:0px;
	height:65px;
	margin: 0 23px 0 0;
	overflow: hidden;
	border: 4px solid #fff;

}

.subgrab ul li img {
	margin-bottom:-4px; /* IE is making a 4px gap below an image inside of an anchor (<a href...>) so this is to fix that*/
	cursor:pointer;
	cursor: hand;
	border:0px;
	}

.subButton {
	float: left;
	position: relative;
	top: 15px;
}

.subButton  img{
	cursor: pointer;
	cursor: hand;
	}


.thumbsBox{
	width: 440px;
	margin: 0 auto;
}