﻿/* Home Page Layout Styles */

.body_HP {
	background-image:url(../images/HP/HP_pgBkgd.jpg);
	background-repeat:repeat-x;
	background-color:#B2BDCA;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

#Pg_wrapper {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}
/*Masthead to Top Navigation Area Divs*/
#msthd_shortcut {
	width:780px;
	height:1px;
	margin:0px;
	padding:0px;
}
#msthd_banner {
	width:780px;
	height:94px;
	margin:0px;
	padding:0px;
	border-bottom: 1px solid #FFFFFF;
}
#wrapper_msthdLft {
	width:286px;
	height:94px;
	margin:0px;
	padding:0px;
	float:left;
}
#wrapper_msthdRt {
	width:494px;
	height:94px;
	margin:0px;
	padding:0px;
	float:left;
}
#msthd_topRt {
	width:494px;
	height:71px;
	margin:0px;
	padding:0px;
}

/*Content Area Main Format Divs*/
div#cntnr_PgTitle {
	width:778px;
	height:29px;
	background-color:#EFE0BA;
	padding:0px;
	margin:0px;
	border-left:1px solid #B2BDCA;
	border-right:1px solid #B2BDCA;
}
div#cntnr_PgTitleBrdr {
	width:778px;
	height:3px;
	padding:0px;
	margin:0px;
	border-left:1px solid #B2BDCA;
	border-right:1px solid #B2BDCA;
}
div#goldrule {
	width:590px;
	height:3px;
	padding:0px;
	margin:0px;
	border-top:1px dotted #BA8B0B;
}
div#bluerule {
	width:590px;
	height:3px;
	padding:0px;
	margin:0px;
	border-top:1px dotted #617292;
}

div#cntnr_content {
	width:778px;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	border-left:1px solid #B2BDCA;
	border-right:1px solid #B2BDCA;
	border-bottom:1px solid #B2BDCA;
}
div#box_lftCol {
	width:181px;
	padding:6px 0px 0px 0px;
	margin:0px;
	float:left;
}
div#box_ctrCol {
	width:415px;
	padding:6px 0px 0px 0px;
	margin:0px;
	float:left;
}
div#box_ctrColtmplt2 {
	width:595px;
	padding:6px 0px 0px 0px;
	margin:0px;
	float:left;
}
div#box_ctrColtmplt3 {
	width:778px;
	padding:6px 0px 0px 0px;
	margin:0px;
	float:left;
}
div#box_rtCol {
	width:180px;
	padding:0px;
	margin:0px;
	float:right;
}
div#box_btmFill {
	width:776px;
	height:1px;
	padding:0px;
	margin:0px;
	clear:both;
}
/*MAIN CONTENT SECTION DIVS*/

/*Center Column*/
#ctrCol_content {
	width:410px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:1px solid #B2BDCA;
}
#ctrColtmplt2_content {
	width:590px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:1px solid #B2BDCA;
}
#ctrColtmplt3_content {
	width:770px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#ctrCol_col2box {
	width:150px;
	margin:12px 10px 6px 6px;
	background-color:#FFFFFF;
	padding:0px 0px 0px 6px;
	float:right;
}

/* photo gallery styles */


.overallGallery {
	border: 1px solid #333333;
	background-color: #fff;
	margin: 10px auto;
	padding: 10px;
	width: 700px;
	position: relative;
	} 

.glaBox {
	background-color: #EFE0BA;
	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;
	}



.thumbsBox{
	width: 600px;
	margin: 0 auto;
}

.dnews {
	float:left;
}
		



