﻿/*MAIN PAGE WRAPPER*/
p {
	margin: 0px;
	padding: 0px;
}
div#wrapper {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
div#wrapper2 {
	width:780px;
	margin:auto 0px;
}
/*MASTHEAD & ADDRESS DIVS*/
div#box_shortcut {
	width:780px;
	padding:0px;
	margin:0px;
}
div#cntnr_msthd {
	width:780px;
	height:86px;
	padding:0px;
	margin:0px;
}
div#box_msthdHdr {
	width:616px;
	height:86px;
	padding:0px;
	margin:0px;
	float:left;
}
div#box_KCVlogo {
	width:164px;
	height:86px;
	padding:0px;
	margin:0px;
	float:right;
}
/*SEARCH & TOP NAV LINKS*/
div#cntnr_topNavSch {
	width:605px;
	height:26px;
	margin:0px;
	padding:0px;
}
/*CONTAINER FOR LEFT NAV & CONTENT*/
div#wrapper_navTmplt3 {
	width:780px;
	margin:0px;
	padding:0px;
}
div#wrapper_content {
	width:780px;
	background-color:#EFE7DE;
	margin:0px;
	padding:0px;
}
/*AtoZ NAV DIVS*/
div#cntnr_mststuff {
	width:605px;
	height:294px;
	background-color:#C46202;
	padding:0px;
	margin:0px;
	float:right;
}
/*div#cntnr_atoz {
	width:605px;
	height:33px;
	background-color:#C46202;
	margin:0px;
	padding:0px;
}*/

/*LEFT COL SCHOOL CONTACT INFO DIV*/
div#box_SchContact {
	width:155px;
	margin: 10px;
	padding:6px 0px 0px 0px;
	border-bottom: 1px solid #C46202;
}

/*DIVIDER RULES BETWEEN MAIN NAV LINKS*/
div#cntnr_divider {
	width:780px;
	height:8px;
	margin:0px;
	padding:0px;
}
div#box_lftRule {
	width:175px;
	height:8px;
	margin:0px;
	padding:0px;
}

#lftCol_RecentNews {
	width:165px;
	min-height:150px;
	/*height: auto !important;
	height: 150px;*/
	margin:0px 0px 12px 10px;
	padding:0px;
	border-bottom:4px solid #C46202;
}
#lftCol_counselCtr {
	width:168px;
	min-height:150px;
	margin:0px 0px 12px 7px;
	padding:0px 0px 6px 0px;
	border-bottom:4px solid #C46202;
}
/*MAIN CONTENT SECTION DIVS*/
div#box_pgHdr {
	width:605px;
	height:27px;
	background-color:#3E294D;
	margin:0px;
	padding:6px 0px 2px 0px;
	clear:both;
}
div#box_pgHdr2 {
	width:605px;
	margin:0px;
	padding:0px;
}

.wrapper_Tmplt3 {
	width:780px;
	margin:0px;
	padding:0px;
}




div#box_pgHdr_Tmplt3 {
	width:780px;
	height:27px;
	background-color:#3E294D;
	margin:0px;
	padding:6px 0px 2px 0px;
}
div#cntnr_content {
	width:605px;
	padding:0px;
	margin:0px;
	float:right;
}

div#cntnr_2colTxt {
	width:605px;
	padding:0px;
	margin:0px;
}
div#box_lftCol {
	width:175px;
	padding:0px;
	margin:0px;
	float:left;
}
div#box_ctrCol {
	width:412px;
	padding:0px 0px 20px 0px;
	margin:0px;
	float:left;
}
div#box_ctrColTmp2 {
	width:595px;
	padding:6px 10px 0px 0px;
	margin:0px;
}
div#box_ctrColSpTmp3 {
	width:760px;
	min-height:400px;
	/*height: auto !important;
	height:400px;*/
	padding:6px 10px 0px 10px;
	margin:0px;
}
div#box_rtCol {
	width:190px;
	padding:0px;
	margin:0px;
	float:right;
}
div#box_ctrbtmFill {
	width:605px;
	padding:0px;
	margin:0px;
	clear:both;
}

div#box_btmFill {
	width:780px;
	padding:0px;
	margin:0px;
	clear:both;
}
/*MAIN CONTENT FEATURES DIVS*/
div#cntnr_PhotoArea {
	width:605px;
	height:235px;
	margin:0px;
	padding:0px;
}
div#box_ctrPhoto {
	width:415px;
	height:235;
	padding:0px;
	margin:0px;
	float:left;
}
div#cntnr_rtCaption {
	width:190px;
	height:235px;
	background-color:#367385;
	padding:0px;
	margin:0px;
	float:right;
}
div#box_rtCaption {
	width:170px;
	height:215px;
	padding:10px;
	margin:0px;
}
/*DIVIDER RULES BETWEEN PHOTO + CAPTION BOX & MAIN CONTENT*/
div#cntnr_photoRules {
	width: 605px;
	height: 8px;
	margin:0px;
	padding:0px;
}
div#box_photoBtmRule {
	width: 415px;
	height: 8px;
	background-color:#9C1B02;
	margin:0px;
	padding:0px;
	float:left;
}
div#box_CaptBtmRule {
	width: 190px;
	height: 8px;
	background-color:#184B5C;
	margin:0px;
	padding:0px;
	float:right;
}

/*MAIN CONTENT & NAVIGATION DIVS*/
div#box_ctrCntnt {
	width:415px;
	padding:0px;
	margin:0px;
}
div#box_QLinkCol {
	width:190px;
	padding:0px;
	margin:0px;
	float:right;
}

/*CONTENT SIDEBAR DIV*/
div#box_sidebar {
	width:150px;
	padding:0px 0px 6px 6px;
	margin:12px 0px 6px 6px;
	background-color:#EFE7DE;
	float:right;
	border-left: 1px dotted #367385;
	border-bottom: 1px dotted #367385;
}
div#box_sidebarcolor {
	width:150px;
	padding:6px;
	margin:12px 0px 6px 6px;
	background-color:#E3D6C6;
	float:right;
}
div#box_sidebar2 {
	width:175px;
	padding:0px 0px 6px 6px;
	margin:12px 0px 6px 6px;
	border-left: 1px dotted #367385;
	border-bottom: 1px dotted #367385;
	background-color:#EFE7DE;
	float:right;
}
div#box_sidebar3 {
	width:325px;
	padding:0px 0px 6px 6px;
	margin:12px 10px 6px 6px;
	border-left: 1px dotted #367385;
	border-bottom: 1px dotted #367385;
	background-color:#EFE7DE;
	float:right;
}

/*SPECIAL TEMPLATE DIVS*/
div#wrapper_SpTmp3top {
	width:780px;
	height:92px;
	padding:0px;
	margin:0px;
}
div#box_SpTmp3topPic {
	width:175px;
	height:92px;
	margin:0px;
	padding:0px;
	float:left;
}
div#box_SpTmp3topLinks {
	width:605px;
	height:92px;
	padding:0px;
	margin:0px;
	float:right;
}
div#cntnr_SpTmp3content {
	width:780px;
	padding:10px 0px 10px 0px;
	margin:0px;
}



div#full_content {
	width:780px;
	padding:0px;
	margin:0px;
	float:left;
}

div#full_content #box_topLinks {
	
		width: 780px;
}

div#full_content #cntnr_atoz {
	
		width: 780px;
}

div#full_content #box_pgHdr {
	
		width: 780px;
}

#full_content #cntnr_atoz {
	background-color: #C46202;
	height: 33px;
	float: left;
}

#full_content #box_ctrColTmp2 {
		padding: 5px 10px;
		width: 760px;
}




/* PHOTO GALLERY STYLES */


.overallGallery {
	border: 1px solid #333333;
	background-color: #eee;
	margin: 10px auto;
	padding: 10px;
	width: 700px;
	position: relative;
	} 

.glaBox {
	border: 1px solid #333333;
	background-color: #eee;
	margin: 10px auto;
	padding: 10px;
	width: 600px;  /* set to gallery width */
	position: relative;
	} 

.galleria_container {
	width: 600px;  /* set to gallery width */
	height: 400px; /* set to gallery height */
	background-color: #fff;
	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;
		}
	.noCaption .captionBox {
		display: none;
		}
	.captionBack {
		}
	
	.caption {
		color: #000;
		z-index: 500;
		padding:  5px 10px;
		background-image: url('../images/gallery/trans.png');
		position: relative;
		top: 350px;
		height:40px;
		text-align: left;
		}

/* 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: -350px;
	left: 615px;
}

.galleryPrevious {
	position : absolute;
	top: -350px;
	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:80px;  /* fixed width of thumbnails, important */
display: block;
padding:0px;
height:80px;
margin: 0 10px 0 0;
overflow: hidden;
}

.subgrab ul li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow 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;
	}


/*  recent gallery */

/*

.recentGalery {
	margin: 0px auto 50px;
	width: 630px;
}	

.recentGalery ul {
	margin: 0px;
	padding: 0px;
}
	
.recentGalery ul li {
	height: 100px;
	width: 100px;
	overflow: hidden;
	float: left;
	padding: 0 5px;
	text-align: center;
}

.recentGalery ul li img {
	height: 100px;
}

*/



.recentGalery {
	margin: 0px auto 50px;
	width: 630px;
}

.recentGalery ul {
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:640px; /* important */
	padding-bottom:10px;
}

.recentGalery ul li{
	float: left; /* important for inline positioning of the list items */
	width: 180px;  /* fixed width of thumbnails, important */
	display: inline;
	padding: 5px 10px;
	height: 105px;
	margin: 0 10px 5px 0;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #000;
}

.recentGalery ul li .imgBox {
	cursor:pointer;
	cursor: hand;
	border:0px;
	clear: both;
	width: 150px;
	height: 75px;
	overflow: hidden;
	display: block;
	margin: 0 auto 5px;
	}




