/* Begin Resets */
* {margin:0; padding:0; }
html { overflow-y: scroll; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
ul { list-style: none inside; }
p { font-size: 1.3em; line-height:1.3em; margin-bottom: 1em; color:#33362f; }
a { outline: none; }
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
/*blockquote:before, blockquote:after, q:before, q:after {content: ""; }*/
/*blockquote, q {quotes: "" ""; }*/
a img, fieldset { border: 0; outline: none; }

/* Begin General Typography & Colors */
body {
	background: #002941 url("../images/background-image.gif") 0 0 repeat-x;
	color: #FFF;
	text-align: center;
}

a {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #a1cfe5;
	text-decoration: underline;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}

.hide {
	display: none;
}
.hidden {
	visibility: hidden;
	display: none;
}
hr {
	visibility: hidden;
	clear: both;
}
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.textright {
	text-align: right;
}

/*Wrappers
------------------------------------------------------------------*/
#wrapper {
	background: #004C6C;
	width:980px;
	margin: 0 auto;
	text-align: left;
		}
#midwrapper{
	width: 980px;
}		

#bottomwrapper{
	width: 980px;
}

/*header
------------------------------------------------------------------*/
#header{		
	height: 130px;
	width: 980px;
	}
#logo {
	width:300px;
	height:130px;
	position: absolute;
}
#menubar {
	background: #003853;
	width: 680px;
	height:42px;
	margin-left: 300px;
	margin-top: 86px;
	position: absolute;
	}
	
/* Body Class
------------------------------------------------------------------*/

p {
	font: 1.3em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #ffffff;
	}

h1 {
	font: 36px arial, sans-serif;
	color: #a1cfe5;
	line-height: 1.3;
	font-weight: normal;
	margin: 0;
	}

h2 {
	font: 3.3em Arial, Helvetica, sans-serif;
	color: #a1cfe5;
	line-height: 1.2em;
	font-weight: normal;
	}
	
 h3 {
	font: 2.2em Georgia, arial, sans-serif;
	font-style: italic;
	color: #d4edac;
	line-height: 1.2em;
	margin-bottom: 0.8em;
	font-weight: normal;
}

h4 {
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #d4edac;
	line-height: 1.2em;
	margin: 0.8em 0 0.3em 0;
	font-weight: normal;
}


/*Nav
-------------------------------------------------------------------*/
#nav {
	position: absolute;
	width: 650px;
	left: 0px;
	top: 13px;
	}
	
#nav li {
	list-style: none;
	float: left;
	padding: 0px 25px;
	border-right: 1px solid #7CB3B0;
}
#nav a {
  	color: #689d9b;
 	font: 1.5em arial, sans-serif;
  	text-decoration: none;
}

#nav li.selected a {
	color: #FFF;
}

#nav a:hover {
	color: #d4edac;
}

/*Sidebar
-------------------------------------------------------------------*/
#sidebar{
	height: 345px;
	width:  269px;
	float: left;
}
#sidebarpic{
	width:181px;
	height:280px;
	position: absolute;
	margin-top: 4px;
	margin-left: 4px;

}

#sidepictbac{
	background-image: url("../images/sidepicbac.jpg");
	background-repeat: no-repeat;
	width:189px;
	height:289px;
	position: absolute;
	margin-left: 80px;
	margin-top: 27px;
}

/*Main Picture Layout
-------------------------------------------------------------------*/
#midpicback{
	background-image: url("../images/mainpicbkgrnd.jpg");
	background-repeat: no-repeat;
	width:645px;
	height:289px;
	position: absolute;
	margin-top: 27px;
	margin-left: 299px;
}

#homepic1{
	position: absolute;
	width:425px;
	height:280px;
	margin-left: 5px;
	overflow: hidden;
	margin-top: 5px;
}
#homepic2{
	position: absolute;
	width:207px;
	height:137px;
	margin-left: 433px;
	margin-top: 5px;
	overflow: hidden;
	top: 0px;
	left: 1px;
}
#homepic3{
	position: absolute;
	width:207px;
	height:137px;
	overflow: hidden;
	margin-left: 433px;
	margin-top: 147px;
	top: 1px;
	left: 1px;
}


/*Middle wrapper layout
-------------------------------------------------------------------*/

#htmlplane{
	background-image: url("../images/htmlplane.jpg");
	background-repeat: no-repeat;
	float: left;
	width:  270px;
}

.htmltextbox {
	float: right;
	height: 120px;
	width:  190px;
	margin-top: 15px;
	text-align: right;
}

.htmltextbox h1 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #a1cfe5;
	line-height: 1.4em;
	margin-right: 20px;
	font-weight: normal;
}

/* Main Body
-------------------------------------------------------------------*/

.textbox {
	width: 425px;
	float: left;
	margin-left: 30px;
	margin-top: 0;
	padding: 0;
}

/* Photo Gallery
-------------------------------------------------------------------*/

.toppadding {
	padding-top: 25px;	
}
	
table.gallery {
	background-color: #488283;
	padding: 3px;
}

table.gallery td {
	padding: 3px;
}

/*Contact plane
-------------------------------------------------------------------*/
#contactbar {
	background-image: url("../images/contactmap.jpg");
	background-repeat: no-repeat;
	float: left;
	width: 212px;
	margin-left: 10px;
}

.contacttexttitle {
	width:  128px;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.contacttext {
	padding: 10px 0px 10px 20px;
}
.contacttext p {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #d4edac;
	line-height: 1.26em;
	margin-bottom: 0.6em;
}

#contactbar h3 {
	margin-bottom: 0.3em;		
}


/*Footer
-------------------------------------------------------------------*/
#footer{
	height: 195px;
	width: 980px;
	background: url("../images/footer.gif") bottom left no-repeat;
	}
	
#footer p {
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #d4edac;
	line-height: 1.1;
	padding-left: 300px;
	padding-top: 160px;
}