/* eric meyer's reset reloaded, minus table elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td */ {margin:0;padding:0;border:0;outline:0;font-size: 100%;/*vertical-align:baseline;background:transparent;*/}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content: none;}
/* remember to define focus styles! */
:focus {outline:1px dotted #005696;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}

/* =ELEMENT SELECTORS */

body {
	padding-bottom:50px;
	background:#1d394e;
	color:#4a5b6a;
	text-align:center;
}
body, table, td, div, input {
	line-height: normal;
	font-size: 10pt;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a {text-decoration: underline;}
a img { border: none; }

a:link {color:#4261a0;}
a:visited {color: #039;}
a:hover, a:active {color:#1d394e;}

h1, h2, h3, h4 { color:#835124; font-weight: bold; }

h1 {
	margin-bottom: 10px;
	font-size: 14pt;
	}
h2 {
	margin: 0 0 8px 0;
	font-size: 13pt;
}
h3 {
	margin: 0 0 6px 0;
	font-size: 12pt;
}
h4 {
	margin: 0 0 4px 0;
	font-size: 11pt;
}

p {
	padding: 0 0 12px 0;
}
hr {
	background: #4a5b6a;
  	border: 0;
  	color: #4a5b6a;
  	height: 1px;
	margin: 15px 0;
	}

ol li {/* set this back to numerals after the reset */
	list-style-type: decimal;
	}

table {	font-size: 100%; /* IE font-size inheritance fix */ }

/* =CUSTOM CLASSES */
/****** =LAYOUT *******/
.pageWrap {
	padding-bottom:40px;
	background:#ceeaff url(images/bg_body.jpg) repeat-x left bottom;
	}

.page {
	width:960px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_page.png) repeat-y center;
}

.mast {
	position:relative;
	height:150px;
	background:#fff url(images/bg_mast.jpg) repeat-x top;
}
.logo { position:absolute; left:-20px;}
* html .logo img {visibility:hidden;}
* html .logo{background:url(images/postcard_ie6.gif) no-repeat;}
.contentWrap {
	background: #fff url(images/bg_content_wrap.jpg) no-repeat;
	padding:20px;
	overflow: auto;
}
.nav {
	border-top:1px solid #fff;
	background: url(images/bg_nav.png) repeat-x;
	overflow:visible;
}

.nav ul {padding-left:267px;}
.nav li {float:left;}
.nav li a {
	display:block;
}
.nav li a:link, .nav li a:visited {
	color:#005696;
	text-decoration:none;
	}
.nav li a:hover{
	background:#2e3c4a;
	background:rgba(46, 60, 74, 0.6);/* CSS3 property, for browsers that can use it */
	color:#0e1e4c;
	text-decoration:none;
	}

.contentHome {
	float:left;
	width:680px;
}
* html .contentHome{display:inline;}/* fix doubled float-margin bug */

.contentBack {
	margin: 0 20px;
}
.sideBar {float: left; width:240px;}
.sideBar img {margin:1px;}
.sideBar a:hover img { margin:0;border:1px solid #835124; }

.content {
	margin: 0 30px;
	font-size: 11pt;
}
.footer {
	width:960px;
	/* height: 48px; */
	margin: 1px auto;
	padding:16px 0;
	background:#d9e4ed;
	background:rgba(255, 255, 255, 0.6);/* CSS3 property */
	font-family:Verdana, tahoma, geneva, sans-serif;
	font-size:9pt;
	text-align:center;
}
.small {
	font-family:Verdana, tahoma, geneva, sans-serif;
	font-size:7pt;
	text-align:left;
}
.footer a:link, .footer a:visited, .footer a:hover {
	color:#1d394e;
	text-decoration:none;
}
.footer a:hover {text-decoration:underline;}


/****** =CONTENT *******/

.content ul, .content ol { /* put back some uniform spacing for both list types */
	margin: 0 0 0 8px;
	padding: 0 0 6px 0;
	}
/* styling both list types so the inner list text aligns, regardless of whether unordered or ordered */
.content ul li { /* use padding here due to rendering of ul bullets (we're replacing with background images) */
	padding: 0 0 6px 20px;
	background: url(images/li.gif) no-repeat left center;
	}
.content ul li.fb {/* facebook list item */
	background:url(images/li_fb.gif) no-repeat 0 2px;
}
.content ol li {/* use margin here due to rendering decimal numbers outside the list item */
	margin: 0 0 6px 20px;
	}
/* now we're adjusting the extra space when lists are nested in other lists */
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
/* reset has removed the stock bullets. now we're adding a background image instead, more consistent than list-style-image */
/* 0 is horizontal coordinate. .5 is vertical. We want the image to be .5em down, to hit the middle of the first line of text. Note this is different from using 50% or center, which would drop the image to the middle of a multiline list item.   */
.content ul li {
	background: url(images/li.gif) no-repeat 0 .5em; 
}
/* various methods to =clear floats */

/* clearfloat and clear0 require 'junk markup' element with this class */
.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	height: 0;
	clear: both;
	}
/* 'self-clearing float' method, as seen at position is everything . net ; */
/* class="clearfix" is applied to parent of floated children, e.g. class="content clearfix", when .content contains floating columns */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}/* have misgivings about telling this to FF, but doesn't seem to hurt */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* give old IE 'hasLayout'. Using zoom: 1; may be better? haven't tested. *//* if zoom works, may eliminate need to filter to IE lt7, hide from IEmac */
.clearfix {display: block;}
/* End hide from IE-mac */
/* end float kludges. begin page layout */

.clear {
	overflow: auto;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}