/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body_bg.gif);
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#e8e4d6;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#e8e4d6;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
.pb {padding-bottom:15px;}
.blue {color:#5098ac;}
.white {color:#fff;}
/* ============================= main layout ====================== */

#main { width:757px; margin:0 auto; text-align:left;}

#column_left {width:236px; float:left;}

#column_right {width:521px; float:left;}

.col1, .col2 {float:left;}
.container {width:100%;}


.more {color:#5098ac; font-weight:bold; text-decoration:none;}
.more:hover {color:#953116;}


h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:104px; line-height:1.25em; font-size:0.75em;}
h2 {font-size:1.667em; text-transform:uppercase; font-family:times new roman, tahoma; font-weight:normal; line-height:1em; margin-bottom:14px;}
h3 {text-transform:uppercase;}

li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:13px;}
li a {color:#e8e5d5; line-height:1.833em; font-weight:bold; text-decoration:none;}
li a:hover {text-decoration:underline;}

.date { background:url(images/list_bg.gif) no-repeat 0 5px; padding-left:15px;}
.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 29px 0; float:left;}
.down {color:#ffffff; font-weight:bold; text-decoration:none;}
.down:hover {color:#e8e4d6;}
.p {padding-top:15px;}

/* ============================= header ====================== */

.header {background:#15181e url(images/header_tall.gif) right repeat-y;}
.header a {background:url(images/header_a.gif) no-repeat 0 5px; font-size:0.917em; text-decoration:none; color:#8a8c8f; padding-left:12px;}
.header a:hover {color:#fff;}
#column_left .header {padding:10px 0 8px 34px;}
#column_right .header {padding:10px 31px 8px 0; text-align:right;}

.menu {background:url(images/menu_bg.gif) right repeat-y; border-bottom:1px solid #6c502f; width:100%;}
.menu ul {padding:36px 0 22px 22px;}
.menu li { text-transform:uppercase; background:none; padding:0;}
.menu li a {color:#ffffff; text-decoration:underline; background:url(images/menu_li_bg.gif) no-repeat 0 1px; padding-left:24px; display:block; height:35px; line-height:1.5em;}
.menu li a:hover {color:#a55136; text-decoration:underline; background:url(images/menu_li_bga.gif) no-repeat 0 1px;}
.menu .active {color:#a55136; text-decoration:underline; background:url(images/menu_li_bga.gif) no-repeat 0 1px;}

/* ============================= middle ====================== */
#column_left h3 {color:#ebe2b8;}

.box1 {background:url(images/box1_tall.gif) top repeat-x #6e5c44; padding:26px 20px 33px 19px;}
.box1 .more {color:#fff;}

.box2 {background:#e8e4d6; padding:24px 20px 49px 19px; color:#776d5d;}
.box2 h2 {color:#953116;}
.box2 h3 {color:#403632;}
.box2 li {background:url(images/box2_list_bg.gif) no-repeat 0 7px;}
.box2 li a {color:#5098ac;}

.box3 {background:url(images/box3_bg.gif) left repeat-y; border-top:1px solid #bbb484; border-bottom:1px solid #c6bf8b; padding:19px 25px 31px 21px;}
.box3 .more {color:#ffffff;}
.box3 .more:hover {color:#dddddd;}

.box3a {border-bottom:1px solid #b0b183; border-top:none; background:url(images/box3a_tall.gif) left repeat-y; padding:0;}
.box3a .padding {padding:19px 20px 30px 21px; background:url(images/box3a_bg.gif) top left no-repeat;}

.box3b {border-bottom:1px solid #96ad9f; border-top:none; background:url(images/box3b_tall.gif) left repeat-y; padding:0;}
.box3b .padding {padding:19px 20px 31px 21px; background:url(images/box3b_bg.gif) top left no-repeat;}

.line {border-bottom:1px solid #fff; padding-bottom:13px; margin-bottom:10px;}
.near_pic {padding-top:5px;}
/* ============================= footer ====================== */

.foot {height:52px;}
#footer {color:#fff; padding:24px 0 64px 22px; font-weight:bold;}
#footer a {color:#e7a349; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= index ============================= */

#index .box3 ul {margin-top:13px;}

/* ============================= index-1 =========================== */

#index_1 .box1 { padding:26px 20px 28px 19px;}

#index_1 .box2 {padding:24px 36px 49px 19px;}

#index_1 .box2 .container {padding:25px 0 23px 0;}
#index_1 .col1 {width:246px;}
#index_1 .col2 {width:220px;}

#index_1 .box3 p {padding-top:20px;}
#index_1 .box3 .pb {padding-bottom:18px;}
/* ============================= index-2 =========================== */

#index_2 .box1 { padding:26px 10px 28px 19px;}

#index_2 .box2 { padding:24px 36px 49px 19px;}
#index_2 .box2 h2 {margin-bottom:18px;}

#index_2 .box1 .container {padding:20px 0 0 0;}
#index_2 .col1 {width:259px;}
#index_2 .col2 {width:229px;}

#index_2 .box3 { padding:19px 35px 39px 23px;}


/* ============================= index-3 =========================== */

#index_3 .box1 { padding:26px 20px 28px 19px;}

#index_3 .box2 {padding:24px 25px 40px 19px;}

#index_3 .box2 .container {padding:23px 0 23px 0;}
#index_3 .col1 {width:246px;}
#index_3 .col2 {width:220px;}

#index_3 .box3 .pb {padding-bottom:18px;}
#index_3 .box3 { padding:19px 35px 36px 23px;}

/* ============================= index-4 =========================== */
#index_4 .box1 { padding:26px 20px 52px 19px;}
#index_4 .extra {padding-bottom:30px;}

#index_4 .box3 .pb {padding-bottom:19px;}

/* ============================= index-5 =========================== */

#index_5 .box1 { padding:26px 20px 28px 19px;}
#index_5 .box2 {padding:24px 25px 56px 19px;}
#index_5 .box3 { padding:19px 35px 35px 23px;}

/* ============================= index-5 =========================== */

#index_6 .box1 { padding:26px 20px 60px 19px;}
#index_6 .box3 { padding:19px 35px 39px 23px;}

/* ============================= lightbox =========================== */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */