/*  color palatte - quiet mind
	background-color: #BDC7A3; light green
	background-color: #747A64; dark green
	background-color: #C7B9A3; pale pink
	background-color: #7A7264; pants brown
	background-color: #383838; charcoal
	background-color: #C7C7C7; silver
	background-color: #DBC785; tan
	
	infobox colors:
		EEE4C3; beige
		E5D171; gold ECDD95 F3E9B9  F8F3DB  
		EFBD7B; peach
		F3CE9C; pale peach
*/

/* ----- ----- Core Styles ----- ----- */

body {
	background: #E3E6CF url(../img/bg_gray.gif);
	/* background-color:#ece9d8; */
	margin:0px;
	font-size: 80%; /* plays nice with browser text resizing. set everything else in ems. if you want to change anything, just change this.*/
}

/* set text-align center for IE5 */
body {
	text-align:center;
}

BODY, TD, P, UL, OL, FORM, TD P, UL P, OL P, FORM P, A { 
	font-family: verdana, arial, helvetica, sans-serif; 
	color: #222;
}

/* ----- ----- Layout Styles ----- ----- */

#container {
	margin: 0px auto;
	background-color:#ffffff; 
	border: 1px solid #7A7264;
	text-align:left;
	width:800px;
	position: relative;
}

#header		{
	background:#999999 url(../img/header3_title.jpg) no-repeat top center;
	height:150px;
	position:relative;
}

#header p {display:none;}

#subheader, .subheader, .subheader2 {
	background-color: #666666;
	height:1.5em;
	padding: 0px;
	margin: 0px;
}

.subheader2 {
	background-color:#666666;
}

#main{
	width:550px;
	float:right;
	position:relative;
	background-color: #ffffff;
	height: 500px; /* HACK: IE uses height as min-height, so set here, and override below for standards compliant browsers */
	min-height: 500px;
	border-left: 1px solid #C7B9A3;
}

div#container>div#main { /* overrides the #main{height} attribute above for standards compliant browsers */
	height:auto;
}

#main_wide{
	width:750px;
	float:right;
	position:relative;
}

#main2{
	padding:10px 30px 10px 20px;

}

#sidebar {

	width:249px;
	float:left;
	margin:0px 0px 0px 0px; 
}

#sidebar2 {
	padding: 15px 10px;
}

#container.bg, #container.bg #sidebar {background-color: #EEEEDD;}

#footer {
	clear:both;
	height:2.5em;
	background-color: #666666;
	margin: 0px;
	text-align:center;
}

/* ---------- Format Styles ----- ----- */
p {
	font-size: 1.0em;
	line-height: 1.4em;
}

h1,h2,h3,h4 {font-family: georgia, times, serif; }
h1 {font-size: 1.6em;margin: 20px 0px 25px 0px;}
h2 {font-size: 1.4em;margin: 2em 0em auto auto;}
h3 {font-size: 1.2em;margin: 2em 0em auto auto;}
h4 {font-size: 1.0em;}

/*other colors for <a>: #EE7C37 #324F54 #CA692F #B35D29*/
a {color:maroon;text-decoration:underline;}
a:visited,a:active,a:hover {text-decoration:underline;}

img { border:none; }

.bold	{font-weight: bold;}

.more a:after, a.more:after, .previous a:before, a.previous:before {
  content:"\2192";
  font-family:Verdana,Sans-serif;
  font-size:110%;
  color:#c93;
  white-space:nowrap;
  padding-left:0px;
}

ul.links {
	margin-bottom: 30px;
}
ul.links li {
	margin: 10px 0px;
	list-style-image: url(../img/icon_link.gif);
}

.dateBar {
	text-align: right; 
	font-style: oblique;
	margin-bottom:2em;
	color: #523B25;
}

/* ----- ----- Navigation Styles ----- ----- */

#subheader	{padding: 0px 25px;}

ul.nav {
	margin: 0px 25px 0px 25px;
	padding: 0;
	list-style-type: none;
	text-align:center;
}

ul.nav li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width:9em;
	border-left:1px solid #C09F68;
}

ul.nav li:first-child {
	border-left:none;
}

ul.nav li a {
	color: #ffffff;
	height:1.5em;
	line-height:1.4em;
	display:block;
	padding: 0;
	margin: 0;
}

.nav a, .nav a:link, .nav a:visited, .nav a:hover {
	text-decoration: none;
	font-weight:bold;
}

ul.nav li.current a{	
	background-color: #333333;
}

.nav a:hover { 
	background-color: #333333;
	color: #fff; 
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignleft {float:left;}
.alignright {float:right;}

/* ---- ---- Sidebar / Infoboxes ---- ---- */

div#sidebar h3 {
	font-size:1.1em;
	line-height: 1.4em;
	color:#333333;
	border-bottom:1px dotted gray;
	margin: 35px 0px 5px 0px; 
}

div#sidebar .tip	{
	font-style:italic;
	font-size:.9em;
}

.infoBox, .infoBox2 {
	background-color: #d3deda;
	margin: 20px 0px;
	padding: 10px 0px;
	border: 1px solid #bbb;
}

.linkBox {
	background-color: #fff;
	margin: 15px 0px;
	border-top: 2px solid #C7B9A3; 
	border-bottom: 2px solid #C7B9A3; 
}

.infoBox .contents, 
.infoBox2 .contents,
.linkBox .contents {
	padding: 0px 10px;
	margin: 0px;
}

.infoBox h3, .infoBox .title ,
.infoBox2 h3, .infoBox2 .title, 
.linkBox h3, .linkBox .title {
	color: #036;
	margin:5px 0px 0px 0px;
	text-align: center;
	font-size:1em;
	font-weight: bold;
	font-family: Verdana;
	text-transform: uppercase;
	letter-spacing: 2px;
	
}

.infoBox ul, 
.infoBox2 ul, 
.linkBox ul  {
	margin: 10px 0px;
	padding-left: 20px;
}

.infoBox ul li, 
.infoBox2 ul li, 
.linkBox ul li {
	margin: 4px 0px;
	
}

.infoBox a, .infoBox a:link, .infoBox a:hover, .infoBox a:visited, .infoBox a:active,
.infoBox2 a, .infoBox2 a:link, .infoBox2 a:hover, .infoBox2 a:visited, .infoBox2 a:active,
.linkBox a, .linkBox a:link, .linkBox a:hover, .linkBox a:visited, .linkBox a:active {
	border-bottom:1px dotted maroon;
	text-decoration:none;
}

.theme1a {background-color: #d3deda;}
.theme1b {background-color: #F3E9B9;}
.theme1c {background-color: #fcf0dc;}

/* ----- ----- Post Styles ----- ----- */

#header p {
	text-align: right;
	position:absolute;
	bottom:0px;
	font-size:1.4em;
	color:beige;
	margin:5px 10px;
	font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica;
}

div.post {
	border-bottom: 1px solid #C7B9A3;
	margin: 0px 0px 1.5em 0px;
	line-height: 1.5em;
}

div.post h2 {
	color:#333;
	font-size: 1.4em;
	font-family: Georgia, Times, Serif;
	margin-bottom:1em;
	margin-top:auto;
}

div.post .footer {
	margin: 20px 0em;
}

div.post .footer, div.post .footer a {
	font-size: 0.85em;
	color: #888888;
}

div.post img {
	border:1px solid black;
	/*display:block;*/
	margin: 15px 0px 0px 0px;
}
div.post p.caption {
	margin-top:0px;
	margin-bottom:20px;
	font-size:0.85em;
	font-style:italic;
}

div.post ul li{
	margin: 0px;
	padding: 0px;
	border: 0px black solid;
}
div.post ul{
	border: 0px black solid;
}
/* ----- ----- Form Styles ----- ----- */

form.inputForm label,form.inputForm input,form.inputForm select {
	display: block;
	width: 275px;
	float: left;
	margin-bottom: 15px;
}

form.inputForm label {
	padding-left:10px;
}
form.inputForm label.required {
	background: url(../img/required.gif) no-repeat -10px -1px;
	padding-left:10px;
}

form.inputForm input, form.inputForm select {
	margin-left: 15px;
}

form.inputForm textarea	{
	width:400px;
	height:8em;
}

form.inputForm label {
	text-align: left;
	width: 100px;
}

form.inputForm div.multi input, form.inputForm div.multi label, form.inputForm div.multi p {
	display:block;
	width: auto;
	float: left;
}

form.inputForm div.multi p {
	width: 275px;
	margin:0px;
	padding-left:10px;
}

form.inputForm br {clear:left;}

form.inputForm fieldset {
	border: none;
	background: #EEEEDD;
	padding: 1em 1em 0em 1em;
	margin: 10px 0px;
}

form.inputForm div.controls {
	width: 80%;
	margin: 25px auto;
	text-align:center;
}

form.inputForm div.controls input {
	float:none;
	display:inline;
	width:auto;
	padding: 0em 2em;
}

form.inputForm input.hidden {
	width: auto;
}

.error, .error p, .error li	{color: red;}

div#error {
	background: url(../img/exclamation.gif) no-repeat top left;
	padding: 0px 0px 0px 20px;
}

/* ----- ----- Table Styles ----- ----- */

table {
	background-color:  #555555;
	border: 1px solid #aaa;
	border-collapse : collapse;
	border-spacing: 1px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom:30px;
	font-size:1em;
}

tr.shade td {
	background-color: #F7F7EF;  /*#EEEEDD; #F6F1E0;*/
}

td {
	background-color: #ffffff;
	border: 1px solid #aaa;
	padding: 2px 3px;
	text-align:left;
	vertical-align:top;
	
}

th {
	background-color:  #bbb; /*#EEE4C3; */
	border: 1px solid #6A7078; /*#DBC785;*/
	text-align: center;
	padding:2px;
}

td ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:2em;
	padding-left:1em;
	
}

td a {
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
}

/* ----- ----- Link Preview ----- ----- */

.pdf{
	width:20px;
	padding:0 20px 0 0;
	background: url(../img/icon_pdf.png) no-repeat right;
}
.zip{
	width:20px;
	padding:0 23px 0 0;
	background: url(../img/icon_zip.png) no-repeat right;
}
.doc{
	width:20px;
	padding:0 20px 0 0;
	background: url(../img/icon_doc.png) no-repeat right;
}
.ppt{
	width:20px;
	padding:0 20px 0 0;
	background: url(../img/icon_ppt.png) no-repeat right;
}
.xls{
	width:20px;
	padding:0 20px 0 0;
	background: url(../img/icon_xls.png) no-repeat right;
}

/* ----- ----- Footer Styles ----- ----- */

#footer p, #footer p a {
	padding:5px 0px 0px 0px;
	color: #ffffff;
}
#footer a {color:#ffffff;text-decoration:underline; font-weight:normal}

/* ----- ----- Lightbox Styles ----- ----- */

#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(../img/lightbox/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(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }


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

#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;
	}