/* --------- COLORS ---------- */
/*  
Header Blue - #00017F
Cerulean Blue - #2968A6
Sky Blue Pale - #99CCFF
Bold Orange - #FF8C00 
Mustard Yellow - #FAAA32
Pale Green Grey - #DFDFDF
*/

* { padding: 0; margin: 0; }

body {
	background: #99CCFF;
	color: #111;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
}

/* -------- FONTS -------------- */
a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
}

span.altlink {color:#000099;font-weight:bold;text-decoration:none}

h1,h2,h3 {
	font-size:1.1em;
	font-weight: bold;
	padding: 0.4em 0.8em;
	margin: 1em 0em 0.2em 0em;
}

#container h2 {background-color:#FAAA32}
#container #outer #inner #content h2 {background-color:transparent;}

img {
	border:0;
}

div.spacer {
	clear:both;
	line-height:0.5em;
}

hr {
	border:0;
	height:15px;
	background:url(../images/hr.gif) 50% 0 no-repeat;
	margin:0.2em;
}

hr {
	display:list-item;
	list-style: url(../images/hr.gif) inside;
	filter: alpha(opacity=0);
	width:0;
}

td	{
	font-size:0.75em;
}

/* ---------- CENTERED CONTAINER ---------- */
#container	{
	background-color:#CFCFCF;
	border-left: 1px solid #513A44;
	border-right: 1px solid #452E39;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
} 

/* ---------- HEADER SECTION ----------- */
#banner,#header,#logo,#slideshow,#footer {background-color:#00017F}
#header {
	text-align: left;
	width:100%;
	height:125px
}

#header #logo img {margin:0px;padding:0px} 

#logo	{
	float:left;
	width:360px
}

#subnav	{
	border:1px solid #6B86E7;
	display: inline;
	float:right;
	margin:16px 34px 0 0px;
	padding:3px 5px;	
	width: 137px
}

#subnav span a, #subnav span a:link, #subnav span a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#99CCFF;
	letter-spacing:1px;
	text-decoration: none
}

/* ------- MAIN MENU IN HEADER ---- */

#navbar	{
	float:right;
	margin:36px 8px 0 0px;
	width:50%
}

ul.menu {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FAAA32;
	text-transform:uppercase;
	list-style:none
}

ul.menu li {
	display: inline;
	margin: 0;
	padding:0px 3px
}

ul.menu,
ul.menu li a {
	padding:3px;
}

ul.menu li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FAAA32
}

ul.menu li a:hover {
	background: #00013F;
	color: #fff !important;
	text-decoration:none
}

ul.menu li a.selected,
ul.menu li a.selected:hover {
	color: #fff !important;
	background: #00013F;
	text-decoration:none
}

/* ----------OUTER AND INNER-------------- */
#outer	{ 
	border-left: solid 200px #FAAA32;  /* color of left column */ 
	background-color:#DFDFDF; /* color of content column */
} 

#inner	{ 
	margin:0px;
	width:100%;
} /* An IE/PC pecularity */ 

/* --------------LEFT COLUMN ------------- */
#left {
 	width:200px; 
 	float:left; 
	position:relative; 
	margin-left:-200px; 
	margin-right:1px;
	min-height:390px;
	height:390px;
	_height:340px;/* Underscore hack from Wellstyled */
}

#inner #left {font-size:0.96em;line-height:1.5em}

/* -----------------CONTENT--------------------- */
#content{ 
	background:#DFDFDF;
	position:relative;
}

#slideshow {
	padding:12px 3px 18px 0px;
}

p {
	font-size:0.94em;
	line-height:1.7em;
	margin:0.2em 1.2em 1.2em 1.0em;
}

#content ul,li	{
	font-size:0.97em;
	line-height:1.2em;
	list-style:circle;
	margin:0em 0 0.7em 1em;
}

/* ----------------GALLERY-------------------- */

.gallery	{
	  margin:0; padding:0;
	  overflow:hidden;
	  width:98%;
	  list-style:none;
	}

.gallery li	{
	float:left;
	display:inline; /* For IE so it doesn't double the 1% left margin */
	width:23.5%;
	margin:0 0 14px 1%; 
	padding:14px 0;
	height:136px; /* Height of img (128) + 2 times 3px padding + 2 times 1px border = 136px */
	position:relative; /* This is the key */
	background: url(../images/slide_bg.gif) no-repeat;
}

.gallery a,
.gallery img	{
	display:block;
	width:100%;
}
a img	{border:none} /* A small fix */
.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active	{
	padding:3px;
	background:#2968A6;
	width:100px; height:128px;
	border:1px solid #dfdfdf;
	position:absolute; top:50%; left:50%;
	margin:-65px 0 0 -56px;
}
.gallery a:hover	{
	background:#dfdfdf;
	border-color:#fff
}

.gallery	{
	margin-top:10px;
}

/* -----------------LIGHTBOX-------------------- */

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center
}

#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
}
#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: 15px bold tahoma, sans-serif;
	background-color: #fff;
	color: #333;
	margin: 0 auto;
	line-height: 1.5em;
}

#imageData{
	padding:0 10px;
	}
#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: #31598C;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

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

/* ------------- PAGES --------------- */
/* Page Numbering */
.pages {
    padding: 1em;
    margin: 1em 0;
    font-size: 11px;
    text-align: center;
}

.pages a, .pages span {
    display: inline;
    padding: 0.4em 0.6em;
    margin-right: 0.9em;
    border: 1px solid #666;
    background: #4B82C1;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #D0E5F9;
    color: #111;
}

.pages img	{
    vertical-align:text-bottom;
    *padding-right:3px;
}

.pages a {
    border: 1px solid #666;
    color:#fff;
    text-decoration: none;
}

.pages a:hover {
    background: #D0E5F9;
    border-color: #2E6AB1;
    color:#111;
    text-decoration:none;
}	

/* ---------- FORMS ------------ */

#webform {
	background: #DFDFDF;
	color: #333;
	border-top:0px dotted #424242;
	border-bottom:0px dotted #424242;
	margin: 1.2em 0;
	padding: 0.5em;
}

input, textarea {
	font:bold 0.95em verdana, arial, helvetica, sans-serif;
	color:#111;
}

label {
	color:#333;
	cursor:pointer;
	padding-left:2px;
	line-height:1.2em;
	vertical-align:top;
}

.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	margin: 0 0 5px;
	padding:4px 8px;
	text-align:left;
}

.textinputHovered {
	background-position:left bottom;
}


.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	overflow:hidden;
	padding:4px 8px;
}

.textareaHovered {
	background-position:left bottom;
}

/* ---- Submit Button------ */

.buttonSubmit {
	width:69px;
	height:26px;
	color:#333;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/formbtn.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

.buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FF8C00;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/formbtn.gif) no-repeat left bottom;
	cursor:pointer;
	border:none;
}	

label.checkbox {
	display: inline;
	font-weight: normal;
}

fieldset {
	background:#DFDFDF;
	border:none;
	margin:0 0 7px 0;
	padding:5px;
}

li.error {
	color:red;
	font-weight:bold;
	line-height:1.2em;
	margin: 0.6em 0 0.6em 1.2em;
}

#feedback {
	width:440px;
	margin:0 0 15em 0;
}


/* -----------------FOOTER---------------------- */ 
#footer	{
	height:25px;
	border-top:1px solid #797979;
	clear: both; 
	margin:0px;
	padding:4px;
	text-align:center;
}

div#footer p	{
	font-size: 0.8em;
	color:silver;
	margin: 2px 20px 2px 20px;
}
div#footer a	{
	color:silver;
	font-weight:normal;
	text-decoration-none
}
div#footer a:link,div#footer a:visited,div#footer a:hover,div#footer a:active	{
	color:silver;
	font-weight:normal;
	text-decoration-none
}