﻿/* CSS SCHUYLERVILLE CSD LAYOUT */

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_HP {
	background-image: url(../images/Bgs/schuyHP_pgBg.jpg);
	background-repeat:repeat-x;
	background-color: #737b95;
}

#shortcut {
	width: 1000px;
	height: 15px;
	margin: 0px auto;
}

/*MASTHEAD AREA DIVS*/
#wrapper_msthd {
	width: 1000px;
	height: 168px;
	margin: 0px auto;
	background-image:url(../images/Bgs/schuyInPbg_msthd.jpg);
	background-repeat: no-repeat;
	background-color: #ae5311;
}
#box_msthdLftCol {
	width: 634px;
	height: 168px;
	float: left;
}
#box_msthdRtCol {
	width: 361px;
	height: 168px;
	float: left;
}
#box_msthdLogo {
	width: 634px;
	height:99px;
}
#box_msthdLogo2 {
	width: 634px;
	height:40px;
}
.TopLinks {
	width: 614px;
	height: 20px;
	padding: 9px 0px 0px 20px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #efc662;
	text-decoration: none;
}
.TopLinks a {
	color: #efc662;
	text-decoration: none;
}
.TopLinks a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.TopLinks_vertSlash {
	color: #ffffff;
}

#box_date {
	width: 325px;
	height: 24px;
	padding: 115px 30px 0px 0px;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: right;
}
#box_schNav {
	width: 340px;
	height: 29px;
}

/*LEFT COLUMN PG AREA DIVS*/
#box_navigation {
	width: 160px;
	padding: 0px 0px 0px 16px;
}
.hdr_LftNav {
	width: 160px;
	height: 19px;
}


/*MAIN CONTENT AREA DIVS*/
#wrapper_content {
	width: 1000px;
	min-height: 414px;
	height:auto !important;
	height:414px;
	margin: 0px auto;
	background-image: url(../images/Bgs/schuyInPbg_cntntRiver.jpg);
	background-repeat:repeat-x;
	background-color:#4b5573;
}
#wrapper_cntntColfills {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Bgs/schuyInPbg_cntntColfills.gif);
	background-repeat:repeat-y;
}
#wrapperTmplt3_cntnt {
	width: 948px;
	margin: 0px;
	padding: 0px 26px;
}
#wrapper_cntntLftCol {
	width: 176px;
	background-image: url(../images/Bgs/schuyInPbg_lftNavgradient.jpg);
	background-repeat: repeat-x;
	margin: 0px 30px 0px 0px;
	padding: 12px 0px 0px 0px;
	float: left;
}

#wrapper_cntntCtrCol {
	width: 559px;
	min-height: 406px;
	height:auto !important;
	height:406px;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 4px 0px;
	border-top: 4px solid #ffffff;
	background-image: url(../images/Bgs/schuyInPbg_newsgradient.jpg);
	background-repeat: repeat-x;
	float: left;
}
#wrapperTmplt2_cntntRtCol {
	width: 764px;
	min-height: 406px;
	height:auto !important;
	height:406px;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 4px 0px;
	border-top: 4px solid #ffffff;
	background-image: url(../images/Bgs/schuyInPbg_newsgradient.jpg);
	background-repeat: repeat-x;
	float: left;
}
#wrapperTmplt3_cntntCol {
	width: 940px;
	min-height: 406px;
	height:auto !important;
	height:406px;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border: 4px solid #ffffff;
	background-image: url(../images/Bgs/schuyInPbg_newsgradient.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

#wrapper_cntntRtCol {
	width: 201px;
	margin: 0px;
	padding: 0px;
	border-top: 4px solid #ffffff;
	float: left;
}
#wrapper_cntntInfoBox {
	width: 201px;
	margin: 0px;
	padding: 0px 0px 8px 8px;
	float: right;
}
#btmFill_cntntCols {
	width: 1000px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}


/*News Headlines Divs*/
#box_newsHdr {
	width: 542px;
	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: #cea849;
}
#boxTmplt2_newsHdr {
	width: 747px;
	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: #cea849;
}
#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: #cea849;
}
.News {
	width: 527px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	padding: 0px 15px 6px 17px;
}
.News a {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
}
.Tmplt2News {
	width: 732px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	padding: 0px 15px 6px 17px;
}
.Tmplt2News a {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
}
.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;
}


/*QUICK LINKS COLUMN DIVS*/
/*Quick Links Navigation Divs*/
#box_qlinkHdr {
	width: 201px;
	height: 28px;
}
.qlinkNav {
	width: 189px;
	background-color: #e0bda4;
	margin: 0px 0px 4px 0px;
	padding: 6px 6px 9px 6px;
}	
.qlinkNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}	
.qlinkNav ul li {
	width: 189px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	text-indent: 4px;
	margin: 0px;
	padding: 0px;
}
.qlinkNav ul li a {
	width: 189px;
	display: block;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	padding: 2px 0px 3px 0px;
	margin: 0px;
	text-decoration: none;
	border-bottom: 1px solid #cf966d;
}
.qlinkNav ul li a:hover {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	background-color: #edcfb9;
}
/*More INFO Divs*/
#box_moreinfoHdr {
	width: 201px;
	height: 28px;
}
.box_moreinfoTxt {
	width: 189px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
	margin: 0px;
	padding: 0px 6px 9px 6px;
	background-color: #c0c5cb;
}
.box_moreinfoTxt a {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #353636;
}


/*FOOTER AREA DIVS*/
#wrapper_footer {
	width: 1000px;
	padding: 0px;
	background-color: #4b5473;
	margin: 0px auto;
}
#box_footerLogo {
	width: 176px;
	margin: 0px 27px 0px 0px;
	padding: 4px 0px 6px 0px;
	text-align: center;
	background-color: #505977;
	float: left;
}

#box_footerAddress {
	width: 160px;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #c8d2e8;
	float: left;
}
.footerInfo {
	width: 607px;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #c8d2e8;
	float: left;
}
.footerInfo a {
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #c8d2e8;
}
#btmfill_footer {
	width: 1000px;
	height: 1px;
	clear: both;
}

/* photo gallery styles */


.overallGallery {
	border: 1px solid #333333;
	background-color: #fff;
	margin: 10px auto;
	padding: 10px;
	width: 700px;
	position: relative;
	} 

.glaBox {
	background-color: #f6f0e1;
	margin: 10px auto;
	padding: 10px;
	width: 600px;  /* set to gallery width */
	position: relative;
	} 

.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: 425px; /* 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: #3e4a1b;
		}

/* 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:530px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
	margin: 0 6px;
	position: relative;
}

.subgrab ul {
	position:relative;
	left: -90px; /* 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:72px;  /* fixed width of thumbnails, important */
	display: block;
	padding:0px;
	height:72px;
	margin: 0 10px 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*/
	/* styling */
	cursor:pointer;
	cursor: hand;
	border:0px;
	}

.subButton {
	float: left;
	position: relative;
	top: 20px;
}

.subButton  img{
	cursor: pointer;
	cursor: hand;
	}

