﻿* {
  border-width: 0px;
	margin: 0;
	padding: 0;
}

body {
	font-size: 100%;
	font-family: Arial, "Trebuchet MS", sans-serif;
	text-align: center;
	background: #000099 url(images/background-blue.gif) no-repeat center top;
}
ul {
	padding-left:20px;
	color: white;
}

#page {width:992px; margin:0px auto; text-align:center;}

.customfont {
	font-family: "Monotype Corsiva";
	font-size: 40px;
    color: yellow;
}

#header {
	height: 125px;
	width: 992px;
	background: url(images/topbg-blue.gif);
	text-align: left;
}

#logo {
  text-align:left;
  letter-spacing:-2px;
  font:34px Arial, "Trebuchet MS", sans-serif;
  margin-left:18px;
  margin-top:24px;
  color:#FFF;
  width:364px;
  height:70px;
  float: left;
}

#slogan {
  text-align:left;
  margin-left:50px;
  font:14px Arial, "Trebuchet MS", sans-serif;
  letter-spacing:0px;
  color:#FFF;
}
img.top {
	float: left;
	vertical-align: text-top;
	padding-right: 8px;
}


/* TOP NAVIGATION BAR */
#nav {
	width: 580px;
	float: left;
	margin-top: 70px;
}

/* #nav-menu-left {
  background:url(images/navbar-left.gif) no-repeat top left;
  width:25px;<img src="images/background-blue.gif" width="1352" height="1018" alt="" border="0"><img src="images/background-blue.gif" width="1352" height="1018" alt="" border="0"><img src="images/body-bg-b.gif" width="992" height="140" alt="" border="0">
  height:55px;
  float: left;
}
#nav-menu-right {
  background:url('images/navbar-right.gif') no-repeat left top;
  width:25px;
  height:55px;
  float: left;
} */

#nav-menu {
  background:url('images/navbar-bg-blue.gif') repeat-x left top;
  height:55px;
  width:500px;
  float: left;
}

#nav-menu ul {
  list-style:none;
}
  
#nav-menu ul a {
  background-image: url('images/navbar-divider-blue.gif');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
  padding-left: 10px;
  padding-top:5px;
  display: block;
  text-align:center;
  line-height: 50px;
  text-decoration: none;
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 15px;
  font-weight:bold;
  color: #FFF;
}
	
#nav-menu ul a:hover {
  text-decoration:underline;
  text-shadow:0px 0px 3px #0000CC;
}
 
#nav-menu li {
  float:left;
}

/* END NAVIGATION BAR */

/* Large header image of lighthouse, with slogans */
#header2 {
  background:url(images/LighthouseWaveWeb7.gif) no-repeat top left;
  width:992px;
  height:224px;
  text-shadow:2px 2px 2px #000;
}

#header2-slogan1 {
  font:48px Arial, "Trebuchet MS", sans-serif;
  padding:68px 0px 0px 35px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}
#header2-slogan2 {
  font:48px Arial, "Trebuchet MS", sans-serif;
  padding:0px 0px 0px 135px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}
/* end large header */

/* clears all floated elements */
.clearfloats {
  clear:both;
}
/* end clear floats */

/* first content section, lighter brown area */
#content {
	background: #0000FF url(images/body-bg-b.gif) no-repeat left top;
	width: 992px;
	text-align: left;
	padding-top: 35px;
	padding-bottom: 20px;
}

.content-padding {
  padding:0px 10px 0px 10px;
}

.content-padding a {
  font:16px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
}

.content-padding a:hover {
  font:16px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  text-decoration:none;
}

#content h1 {
  font:36px Arial, "Trebuchet MS", sans-serif;
  color:#FFFF00;
  padding-bottom:10px;
}
#content h3 {
  font:24px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  padding-bottom:10px;
}

#content p {
	font: 16px Arial, "Trebuchet MS", sans-serif;
	color: #FFF;
	text-align: left;
	padding-bottom: 10px;
	width: 982px;
}
#content h3 a {
 background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
  font: 24px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  text-decoration: none;
  text-align:left;
  padding-bottom:10px;
}
#content h3 a:hover {
  background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
  font: 24px Arial, "Trebuchet MS", sans-serif;
  color: #FFF;
  text-decoration: underline;
  text-align: left;
  padding-bottom: 10px;
}

/* end content 1 section */

/* image that divides the two different colored content sections */
#body-divider {
	background: #000099 url(images/body-div-blue.gif) no-repeat left top;
	width: 992px;
	height: 23px;
}
#featured-body-divider {
	background: #000099 url(images/body-div-blue.gif) no-repeat left top;
	width: 942px;
	height: 23px;
}

/* end content divider */

/* darker brown content section, "content 2" */
#content2 {
	width: 992px;
	min-height: 250px;
	background: #000099;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
}
.featured {
	float: left;
	width: 400px;
	min-height: 380px;
	background: #000099;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
	height: 192px;
}
.featured h2 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 30px;
}

}
.after1 {
	float: left;
	width: 432px;
	min-height: 250px;
	background: #000099;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
}

#content2 p {
  font:15px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  text-align:left;
  padding-bottom:10px;
}

h6 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 14px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h5 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 16px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h4 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 18px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h3 a {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}
h3 a:hover {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	text-decoration: underline;
	padding-bottom: 10px;
	padding-left: 20px;
}

#content2 h2 {
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
}

#content2 h2 a {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 10px;
	padding-left: 30px;
}
#content2 h2 a:hover {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	text-decoration: underline;
	padding-bottom: 10px;
	padding-left: 30px;
}

h6 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 14px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h5 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 16px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h4 {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 18px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

h3 a {
	background: #000099 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 18px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*#content4 h2 {
	background: #553700 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 20px;
}*/

.content2-block {
  width:260px;
  float:left;
}
.content4-block {
  width:274px;
  float:right;
}
.contenttemp-block {
  width:290px;
  float:left;
}
.content2-block p {
  width:260px; 
  float:left;
  text-align:left;
}
/*.content2-block a {
  text-decoration: underline;
  color: #FFF;
  text-align:left;
}
.content2-block a:hover {
  text-decoration: underline;
  color: #FFF;
  text-align:left;
}*/
/*.content2-block h2 {
	background: #553700 url(images/headline-arrow-b.gif) no-repeat left top;
	font: normal 24px Arial, "Trebuchet MS", sans-serif;
	line-height: 25px;
	color: #FFF;
	padding-bottom: 10px;
	padding-left: 30px;
}*/

img.pdf {
	float: left;
	vertical-align: text-top;
	padding-right: 8px;
}

.content4-block p {
  width:274px;
  float:left;
  text-align:left;
}
  /* Two-Column Newsletter*/
  
#newsleft {
	width: 250px;
	margin-right: 20px;
	float: left;
	text-align: left;
	background-color: #3333FF;
	font: 16px Arial, "Trebuchet MS", sans-serif;
	color: #000;
	padding-bottom: 10px;
}
#newsleft p {
	padding: 0px 0px 10px 8px;
}
#newslettercontent p {
	font: 16px Arial, "Trebuchet MS", sans-serif;
	color: #FFF;
	text-align: center;
	padding-bottom: 10px;
}
#newslettercontent h1 {
  font:36px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  padding-bottom:10px;
}

#newsright {
	background: #3333FF;
	width: 680px;
	float:left;
	text-align: left;
	font:16px Arial, "Trebuchet MS", sans-serif;
    color:#FFF;
    padding-bottom:10px;
    padding-left: 10px;
}
#newsright h1 {
  font:36px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  padding-bottom:10px;
}

#newsleft a {
	text-decoration:none;
	color:#FFFF00;
}
#newsleft a:hover {
	text-decoration:underline;
	color:#FFFF00;
}
#newsright a {
	text-decoration: none;
	color: #FFFF00;
}
#newsright a:hover {
	text-decoration:underline;
	color:#FFFF00;
}
#newsleft ol {
	padding-left: 20px;
}
#newsright ol {
	padding-left: 30px;
}

  /* End Two-Column Newsletter */

  /* three column area, vertical dotted divider */
  .content-divider {
    background:url('images/content-divider.gif') no-repeat center top;
    width:2px;
    height:225px;
    float:left;
    padding:0px 20px 0px 20px; 
  }
    .content-divider2 {
    background:url(images/content-divider.gif) no-repeat top center;
    width:2px;
    height:394px;
    float:left;
    padding:0px 60px 0px 60px; 
  }

  /* end divider */

/* end content 2 */

/* subscribe form */
#subscribe {text-align:right; padding-right:15px;}
#subscribe input { margin:1px 0;}
.button {
  background:transparent url(images/submit-b.gif) no-repeat top left;
  padding-bottom:5px; 
  border:none;
  letter-spacing: 1px;
  width:126px;
  height:33px;
  color:#000000;
  font:bold 13px Arial, "Trebuchet MS", sans-serif;
  cursor:pointer;
}
.inputstyle {
	background: #000066;
	width: 200px;
	height: 30px;
	color: #FFF;
	font-size: 14px;
	padding: 0px 5px 0px 10px;
	border: 1px solid #FFFF00;
}
/* end subscribe form */

/* footer of page */
#footer-div {
	background-position: left top;
	background: url(images/footer-div-blue.gif) no-repeat top left;
	width: 992px;
	height: auto;
	margin:0px auto;
	text-align:center;
}
#footer {
	background-position: #000099;
	padding-top: 15px;
	width: 992px;
	height: 100px;
	background: #000099;
	text-align: center;
	margin: 0px auto;
}

#footer p {
  font:12px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
  width: 479px;
  margin-left:250px;
}

#footer a {
  font:12px Arial, "Trebuchet MS", sans-serif;
  color:#FFF;
}
/* end footer */

