/*
Theme Name: 
Theme URI: 
Description: 
Version:
Author: 
Author URI: 
Tags: 
*/

/* Housekeeping */

@import url("reset.css");

html, body, #wrap {
	height: 100%;
	}

body > #wrap {
	height: auto; min-height: 100%;
	}

body {
	font: 62.5% Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background-image: url("img/bg_body.png");
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	background-color: #FFF;
	}

b, strong {
	font-weight: bold;
	}

i, em {
	font-style: italic;
	}

/* Clearfix Hack */

.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 */

/* Main Elements */

#wrap {
	text-align: left;
	background-image: url("img/bg_footer_stripe.png");
	background-position: bottom left;
	background-repeat: repeat-x;
	}

#main {
	margin: 0 auto;
	width: 874px;
	padding-top: 69px;
	padding-bottom: 198px; /* must be same height as the footer */
	background-image: url("img/bg_main.png");
	background-position: top left;
	background-repeat: no-repeat;
	}  

#header {
	margin: 0 auto;
	width: 874px;
	height: 44px;
	}

#pagetitle {
	margin: 0 auto;
	width: 874px;
	text-align: right;
	font-weight: bold;
	font-size: 1.8em;
	color: #3d3d3d;
	padding-bottom: 25px;
	}

#pagetitle_smallmargin {
	margin: 0 auto;
	width: 874px;
	text-align: right;
	font-weight: bold;
	font-size: 1.8em;
	color: #3d3d3d;
	padding-bottom: 15px;
	}

#footer {
	margin: 0 auto;
	width: 874px;
	position: relative;
	margin-top: -198px; /* negative value of footer height */
	height: 198px; /* this is important */
	clear: both;
	background-image: url("img/bg_footer_block.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	}

/* Building Blocks */

div.block {
	width: 874px;
	clear: both;
	float: left;
	}

div.bluetwo {
	background-image: url("img/bg_bluetwo.png");
	background-position: top left;
	background-repeat: repeat-y;
	}

div.bluethree {
	background-image: url("img/bg_bluethree.png");
	background-position: top left;
	background-repeat: repeat-y;
	}

div.divider {
	border-bottom: 1px solid #0279af;
	}

div.onecol {
	width: 163px; /*163-7*/
	padding-right: 7px;
	}

div.twocol {
	width: 331px; /*331-7*/
	padding-right: 7px;
	}

div.threecol {
	width: 500px; /*500-7*/
	padding-right: 7px;
	}

div.fourcol {
	width: 669px; /*669-7*/
	padding-right: 7px;
	}

div.full {
	width: 874px;
	}

div.onecolremainder {
	width: 702px;
	}

div.twocolremainder {
	width: 486px;
	}

div.threecolremainder {
	width: 367px;
	}

div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}

div.padded {
	padding: 25px 0px 13px 0px;
	}

div.padded_left {
	padding-left: 15px;
	}

div.padded_all {
	padding: 25px;
	}

div.padded_sides {
	padding: 0px 25px 0px 25px;
	}

/* Links */

a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #0078ae;
	}

a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #0078ae;
	}

#footer a:link, #footer a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
	}

/* Text Formatting */

p {
	color: #343434;
	font-size: 1.2em;
	margin: 0px 0px 12px 0px;
	}

p.small {
	color: #888;
	font-size: 1.0em;
	}

#footer p {
	color: #FFF;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.8em;
	padding: 145px 0px 0px 35px;
	}

div.padded_p p {
	margin-right: 25px;
	}

h2.padded, p.padded {
	margin-left: 25px;
	margin-right: 25px;
	}

h1 {
	color: #343434;
	font-weight: bold;
	font-size: 2.2em;
	margin: 0px 0px 12px 0px;
	}

h2 {
	color: #343434;
	font-weight: bold;
	font-size: 1.8em;
	margin: 0px 0px 12px 0px;
	}

h3 {
	color: #343434;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0px 0px 12px 0px;
	}

h2.blue {
	color: #0e4057;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0px 0px 0px 7px 0px;
	}

h3.green {
	color: #3a6828;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0px 0px 12px 0px;
	}

h3.nomargin {
	margin-bottom: 0px;
	}

/*List*/

ul, ol {
	color: #343434;
	font-size: 1.2em;
	margin: 0px 0px 12px 35px;
	}
	
ul {
	list-style: circle;
	}

ol {
	list-style: decimal;
	}

ul.spaced li {
	margin-bottom: 12px;
	}

/*Table*/

table {
	margin: 0 auto;
	font-size: 1.2em;
	margin-bottom: 12px;
	}

td {
	padding: 12px;
	border-bottom: 1px solid #FFF;
	}

td.heading {
	background-color: #14526f;
	color: #FFF;
	}

td.data {
	background-color: #CCC;
	color: #343434;
	}
	
/*Images*/

img.intext {
	float: left;
	border: 1px solid #FFF;
	margin: 0px 15px 0px 25px;
	}

/*Dropdown list*/

#jsddm {
	margin: 0;
	padding: 0
	}
	
#jsddm li {	
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	margin: 0px 7px 0px 0px !important;
	}

#jsddm li a {	
	display: block;
	background: #20548E;
	text-decoration: none;
	width: 162px;
	color: #EAFFED;
	white-space: nowrap;
	}

#jsddm li a:hover {	
	background: #FFFFFF;
	}
		
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-left: 1px solid #075b81;
	border-right: 1px solid #075b81;
	border-bottom: 1px solid #075b81;
	}
		
#jsddm li ul li {
	float: none;
	display: inline;
	margin: 0px !important;
	}
		
#jsddm li ul li a {
	width: 147px;
	background: #FFFFFF;
	color: #2c5a6e;
	padding: 7px;
	}
		
#jsddm li ul li a:hover {
	background: #075b81;
	color: #FFF;
	}
		
#jsddm li.off ul li a {
	width: 147px;
	background: #c0d6e0;
	}
		
#jsddm li.off ul li a:hover {
	background: #075b81;
	}

/*Gallery*/

#imageContainer { 
	height: 179px;
	margin-bottom: 15px;
	}  

#imageContainer img {
	display: none; 	
	position: absolute; 	
	top:0px; 
	left:25px; 	
	height:179px;  	
	width:317px; 	
	opacity: -0.01; 
	} 


	