

/* CSS Document */

body{
margin:0;
padding:0;

}

#Wrapper{
margin-right:auto;
margin-left:auto;
width:930px;
display:block;
}

/***************************** Header *****************************/

#headerWrapper {
	width: 100%;
	background-color:#000033;
	
}

#header{
width:930PX;
margin-left:0px;
height:210px;
border:solid 1px #000033;
background-color:#000033;
}

#headerLogo img {
border:none;
}

#headerWrap{
width:100%;
background-color:#000033;
}

#headerContent{
margin-right:auto;
margin-left:auto;
width:900px;
height:200px;
border:solid 1px #000033;
background-color:#000033;
}

#headerLogo{
display:block;
margin-left:10px;
margin-top:60px;
text-align: left;
}




/***************************** Navigation *****************************/

#navArea{
margin-top:10px;
margin-left:10px;
}

.separator{
padding:0;
margin:0;
display:block;
height:65px;
border-right:dotted 1px #808099;
float:left;
margin-right:2px;
}

#nav, #nav ul{
list-style:none;
padding: 0;
margin: 0;
float:left;
}

#nav li {
padding:0;
margin:0;
float:left;
margin-bottom:0;
}



/************************************Not used CSS - for menu drop downs************************/

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
display:block;
background-color:#000033;
width:175px;
margin:0;
}
	
#nav li ul li a { /* second-level list links */
font-size:0.75em;
width:175px;
float:none;
display:block;
background-color:#808099;
color:#000033;
padding:3px;
margin:0;
background-color:#ffd800;
}

#nav li ul li{
border-top:dotted 1px #808099;

}



#nav li ul li a:hover {
background-color:#fff;
color:#000033;
}
	
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
	
#nav li a { /* first-level list links */
padding:2px;
font-size:0.90em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#808099;
text-decoration:none;
display:block;
margin-right:5px;
float:left;
}

#nav li a:hover {
color:#ffd800;
text-decoration:none;
display:block;
}


	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/********************************************end not used****************************************/



#SecondNav ul li{
border-top:dotted 1px #808099;
}

#SecondNav ul li a{
font-size:0.75em;
width:205px;
display:block;
color:#000033;
margin:0;
padding:5px;
text-decoration:none;
}

#SecondNav ul li a:hover{
background-color:#ffd800;
}

#SecondNav ul li.indent a:hover{
background-color:#ffd800;
width: 185px;
}

#SecondNav ul{
list-style:none;
padding: 0;
margin: 0;
float:left;
}

li.indent {
	width:195px;
	margin-left: 20px;
}


/**************************************navigation end**************************/
#container{ 
margin-left:5px; height:400px; width:469px;
}
#VideoNav {
	background-color:#000033;
}

#video {
	 background-color:#FFF;
	}
/*********************video nav**********/

#innerWrapper{
margin-top:10px;
width:900px;
margin-left:10px;
}

#SecondNav{
float:left;
width:215px;
display:block;
height:550px;
margin-top:40px;
}

#MainContent{
float:left;
width:445px;
margin-left:10px;
text-align: justify;
}

#PlanContent{
width:900px;
margin-left:-82px;
text-align: justify;
}
#PlanContent h2{
margin:0;
padding-bottom:5px;;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#000033;
}

#MainContent img{
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
}

#flashArea{
width:880px;
border:solid 10px #0d0d3d;
height:375px;
}

#newsWrapper{
margin-left:10px;
float:left;
width:220px;
margin-top:40px;
}

.newsItems{
margin-left:5px;
float:left;
display:block;
width:220px;
border-top:dotted 1px #808099;
padding-top:10px;
padding-bottom:10px;
}

.newsItems h2 {
padding-bottom:7px;
}

.homeCol{
margin-top:10px;
width:290px;
display:block;
float:left;
}

.homeCol a{
color:#ffffff;
}

.homeCol a:hover {
color:#ffffff;
}

.LrgSeparator{
margin-top:10px;
height:100px;
border-right:dotted 1px #808099;
float:left;
margin-right:5px;
margin-left:5px;
}

#label{
position:absolute;
margin-left:900px;
margin-top:15px;
}

.pullQuote{
padding:10px;
margin-left: 10px;
width:220px;
background-color:#ffd800;
float:right;
}

.pullQuote img{
display:inline;
}
.pullQuoteText {
	width: 220px;
}

img.endquote {
	float: right;
}

/*******************************footer elements********************************/

#Validate{
float:right;
text-align:right;
}

#address{
float:left;
width:700px;
}

#Validate a{
font-family:Helvetica, sans-serif;
text-decoration:none;
}

#Validate a:hover{
font-family:Helvetica, sans-serif;
text-decoration:underline;
}


#footer{
margin-top:10px;
border-top:dotted 1px #808099;
margin-left:10px;
width:900px;
}

#Validateplan{
float:right;
text-align:right;
}

#addressplan{
float:left;
width:700px;
}

#Validateplan a{
font-family:Helvetica, sans-serif;
text-decoration:none;
}

#Validateplan a:hover{
font-family:Helvetica, sans-serif;
text-decoration:underline;
}


#footerplan{
margin-top:10px;
border-top:dotted 1px #808099;
margin-left:-82px;
width:1100px;
}

#footerplan p {
margin-top: 10px;
font-size: 0.65em;
font-family: Helvetica,sans-serif;
color: #808099;
}

/************* Contact forms etc *******************/

#regform {
background-color:#EEEEEE;
font-size:0.75em;
color:#646567;
font-family: arial;
margin-bottom:10px;
padding:0 20px 10px 10px;
}

#regform input {
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:4px;
width:100%;
}

#regform select {
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:3px;
width:100%;
}

#regform #submitF {
margin-left:160px;

color:#646567;
width:100px;
}

#regform textarea {
border:1px solid #CCCCCC;
height:100px;
width:100%;
}

#regform input.chkbox {
width:20px;
}

.whitelink {
color:#ffffff;
}

.whitelink:hover {
color:#ffffff;
}

img {
border:none;
}

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

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../../images/nextlabel.gif) right 15% no-repeat;}
#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; 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*----------------------Gallery Styling ------------------------- */

#album_container
{margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
background-color: #f7f7f7;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#bbbbbb;
border-top:1px;
border-top-style:solid;
border-top-color:#bbbbbb;
border-left:1px;
border-left-style:solid;
border-left-color:#bbbbbb;
border-right:1px;
border-right-style:solid;
border-right-color:#bbbbbb;
}

#album_container_inner
{margin-left:5px;
margin-top:5px;}

#album_container img {
margin-top:5px;
margin-left:2px;
border-top:2px;
background-color:#FFFFFF;
border-top-color:#FFFFFF;
border-top-style:solid;
padding-top:3px;
}

