/* South Colonie Inside Page Layout Styles */

.body_InP {
	background-image: url(../images/Bgds/SColHPbg_pg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}

/*INSIDE PAGE MASTHEAD AREA DIVS*/
#wrapper_InPbg1 {
	width:100%;
	background-image: url(../images/Bgds/SColHPbg_pgtop.jpg);
	background-repeat: repeat-x;
}
#wrapper_InPbg2 {
	width:100%;
	background-image: url(../images/Bgds/SColHPbg_topCtr.jpg);
	background-repeat: no-repeat;
	background-position:center top;
}
#box_shortcut{
	width:1000px;
	height: 1px;
	margin: 0px auto;
	padding: 0px;
}
#wrapper_msthd1 {
	width: 1000px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
}
#box_msthd1 {
	width: 400px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#box_spacer {
	width: 590px;
	height: 20px;
	margin: 0px;
	padding: 30px 10px 0px 0px;
	text-align: right;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float:left;
}
#box_msthd2 {
	width: 1000px;
	height: 84px;
	margin: 0px auto;
	padding: 0px;
}
#box_schNav {
	width: 1000px;
	height: 42px;
	margin: 0px auto;
	padding: 0px;
	border-bottom: 4px solid #e3cc8f;
}
/*SCHOOL INSIDE PAGE MASTHEAD AREA*/
#wrapperSCH_msthd2 {
	width: 1000px;
	height: 84px;
	margin: 0px auto;
	padding: 0px;
}
#boxSCH_msthd2 {
	width: 765px;
	height: 84px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#boxSCH_address {
	width: 225px;
	height: 54px;
	margin: 0px;
	padding: 30px 10px 0px 0px;
	text-align: right;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float:left;
}
#boxSCH2_msthd2 {
	width: 800px;
	height: 84px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#boxSCH2_address {
	width: 190px;
	height: 54px;
	margin: 0px;
	padding: 30px 10px 0px 0px;
	text-align: right;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float:left;
}


/*INSIDE PAGE MAIN CONTENT AREA DIVS*/
/*TOP LINKS AREA DIVS*/
#wrapper_content {
	width: 967px;
	margin: 0px auto;
	padding: 0px 17px 0px 16px;
	background-image: url(../images/Bgds/SColHPbg_content.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#wrapper_toplinks {
	width: 967px;
	height: 39px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
#box_toplinksCntr {
	width: 760px;
	height: 19px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	float:left;
}
#box_toplinksNav {
	width: 755px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #dfc991;
}
#box_toplinksNav_gal {
	width: 363px;
	height: 19px;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	border: 1px solid #dfc991;
}
#wrapper_date {
	width: 200px;
	height: 24px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #560023;
	text-align: right;
	float: left;
}

/*CONTENT 3 COLUMN DIVS*/
#wrapper_contentColumns {
	width: 967px;
	margin: 0px;
	padding: 0px;
}
/*LEFT COLUMN DIVS*/
#box_LftCol {
	width: 162px;
	margin: 0px;
	padding: 0px 19px 0px 0px;
	float: left;
}
#box_mainNavHdr {
	width: 162px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
#box_mainNav {
	width: 162px;
	margin: 0px 0px 24px 0px;
	padding: 0px;
}
#box_resourcesHdr {
	width: 162px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
#box_resourcesNav {
	width: 162px;
	margin: 0px;
	padding: 0px;
}

/*TEMPLATE 1 CONTENT COLUMN DIVS*/
#box_CtrCol {
	width: 579px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#box_CtrCol img {
	position: relative;
	z-index: 100;
	}

#box_newsHdr {
	width: 579px;
	height: 34px;
	margin: 0px;
	padding: 0px;
}
#box_newsPic {
	width: 310px;
	margin: 0px 0px 6px 6px;
	padding: 6px;
	background-color: #f4e4bd;
	float: right;
}
#box_newsPicWide {
	width: 360px;
	margin: 0px 0px 6px 6px;
	padding: 6px;
	background-color: #f4e4bd;
	float: right;
}
#box_FtrdGallery {
	width: 200px;
	margin: 0px 0px 6px 6px;
	padding: 6px;
	background-color: #f4e4bd;
	float: right;
}
.ftrdgal_heading {
	width: 190px;
	height: 16px;
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#713539;
	padding: 2px 4px 2px 6px;
	margin: 0 0 6px 0; 
}

/*TEMPLATE 2 CONTENT COLUMN DIVS*/
#boxTmplt2_CtrCol {
	width: 786px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#boxTmplt2_newsHdr {
	width: 786px;
	height: 34px;
	margin: 0px;
	padding: 0px;
}

/*TEMPLATE 3 CONTENT COLUMN DIVS*/
#boxTmplt3_CtrCol {
	width: 967px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	margin: 0px;
	padding: 0px;
}
#boxTmplt3_newsHdr {
	width: 967px;
	height: 34px;
	margin: 0px;
	padding: 0px;
}
/*GALLERY PAGES CONTENT AREA*/
.box_gallery_descript {
	width: 967px;
	margin: 0px;
	padding: 0px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #563d01;
}
.box_gallery_descript a {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #563d01;
}
#wrapper_gallery {
	width: 967px;
	margin: 0px;
	padding: 0px;
}


/*RIGHT COLUMN DIVS*/
#box_RtCol {
	width: 186px;
	margin: 0px;
	padding: 3px 0px 0px 21px;
	float: left;
}
#box_moreinfoHdr {
	width: 180px;
	height: 23px;
	margin: 0px;
	padding: 0px;
}
#box_sidebar {
	width: 158px;
	margin: 0px 0px 18px 0px;
	padding: 10px;
	border: 1px solid #dfc991;
}
#box_btmfill {
	width: 967px;
	height: 2px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#box_footer {
	width: 900px;
	height: 43px;
	margin: 0px auto;
	padding: 25px 25px 5px 75px;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #a8a8a8;
	background-image: url(../images/Bgds/SColSchPbg_SClogo.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.footerlink {
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #a8a8a8;
}
.footerlink a{
	color: #a8a8a8;
}

/* PHOTO GALLERY STYLES */


.overallGallery {
	border: 1px solid #333333;
	background-color: #fff;
	margin: 10px auto;
	padding: 10px;
	width: 700px;
	position: relative;
	} 

.glaBox {
	background-color: #F0E3C2;
	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: 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;
}