/* basic elements */
html {
	margin: 0;
	padding: 0;
	background-color: #313847;
	}
body {
	line-height: 1.88889;
	background-color: #151A25;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: georgia, sans-serif;
	font-size: 75%;
	background-image: url(images/ack-.gif);
	}
p {
	margin-top: 0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	}
.Menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
	
#border {
	border-top-width: 0.5px;
	border-bottom-width: 0.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC00;
	border-bottom-color: #FFCC00;
}
	
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	}
h1 {
}
a:hover, a:active {
	text-decoration: underline;
	color: #CD8A3D;
	}
#headline {
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	width: 900px;
	background-color: #CCCCCC;
}

.style11 {
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	font-style: oblique;
}
.style13 {
	font-size: 14px;
	text-align: left;
}
.style14 {font-size: 14px; font-style: italic; }
.style16 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.style17 {color: #999999}
.style18 {color: #666666}
#imagelinks {
}
#imagelinks a:link {
	background-color: #252B37;
	margin: 0px;
	padding: 0px;
	border-top-color: #151A25;
	border-right-color: #151A25;
	border-bottom-color: #151A25;
	border-left-color: #151A25;
}
.style19 {
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #252B37;
	padding: 1px;
	border: thin solid #CCCCCC;
}

.style4 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(arrow-right.gif);
	font-size: 13px;
	line-height: 23px;
}
.contentback {
	background-repeat: repeat-x;
}
.style6 {color: #FFFFFF}
.style7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
}
.style8 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}.style4 {
	font-size: 24px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(arrow-right.gif);
	font-size: 12px;
	text-align: left;
}
.style6 {color: #FFFFFF}
.style7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
}
.style8 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style9 {font-size: 100%}

#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 31px;
	text-align: left;
	top: 150px;
	width: 215px;
	color: #FFFFFF;
}

#container #headline span {
	display: none;
}
#tagline  span  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: absolute;
	font-size: 22px;
	font-style: italic;
	height: 40px;
	width: 425px;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	clip: rect(auto,auto,auto,auto);
	left: 475px;
	top: 12px;
	text-align: center;
}
#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height: 76px;
	width: 214px;
	position: absolute;
	left: 0px;
	top: -8px;
}
acronym {
	border-bottom: none;
	}
#image {
	position: absolute;
	left: 2px;
	top: 132px;
	width: 800px;
	background-image: url(images/boat.jpg);
	height: 288px;
	background-repeat: no-repeat;
}
#headline1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	position: absolute;
	width: 800px;
	line-height: normal;
	text-align: center;
	top: 414px;
	left: 1px;
	height: 74px;
	background-color: #C6863E;
}
#bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	list-style-position: outside;
	list-style-type: circle;
	position: absolute;
	left: 270px;
	top: 507px;
	width: 530px;
	line-height: 18px;
	word-spacing: normal;
	font-style: normal;
	text-align: justify;
	height: 597px;
}
#border2 {
	border: thin solid #000000;
}
h1 {
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #FFFFFF;
	font-family: georgia, sans-serif;
	font-size: 36px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
}


.ddcolortabs{
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.ddcolortabs ul{
	font: normal 9px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}

.ddcolortabs li{
	display:inline;
	margin:0 1px 0 0;
	padding:0;
	text-transform:uppercase;
	font-size: 10px;
}


.ddcolortabs a{
	float:right;
	color: white;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 1px;
	background-color: #252B37;
	background-repeat: no-repeat;
	background-position: right top;
}

.ddcolortabs a span{
	float:none;
	display:block;
	padding: 4px 8px 2px 7px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #591f20;
}

.ddcolortabs a:hover span{
background-color: #591f20;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #591f20;
}

.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
	position:absolute;
	top: 0;
	border: 1px solid black; /*THEME CHANGE HERE*/
	border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}

 div.slideshow {
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}

#sponsorAdDiv {
	position:absolute;
	height:1;
	width:1px;
	top:100px;
	left:0;
	z-index: 100;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}


.tabcontent {
display:block !important;
}

/*Eric Meyer's based CSS tab*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}

#tablist li a.current{
background: lightyellow;
}
li {
	list-style-image: url(arrow-right.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#dropinboxv2cover{
	width: 400px; /*change width to desired */
	height: 400px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
	color: #FFFFFF;
}

#dropinboxv2{
	width: 400px; /*change width to above width-20. */
	height: 400px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
	border: 2px solid black; /*Customize box appearance*/
	background-color: #151A25;
	padding: 4px;
	position:absolute; /*Don't change below 3 rules */
	left: 0;
	top: 0;
}
.vid {
	background-image: url(images/vid.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.vid a {
}

.indentmenu{
	font: bold 13px Arial;
	width: 100%; /*leave this value as is in most cases*/
	overflow: hidden;
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*dark purple border*/
	border-width: 1px 0;
	background: black url(images/indentbg.gif) center center repeat-x;
	border: 0px solid #3d4553;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
	float: left;
	color: white; /*text color*/
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid #3d4553; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg2.gif) center center repeat-x;
}

.style22 {
	font-size: 13px;
	list-style-image: url(arrow-right.gif);
	line-height: 23px;
	color: #FFFFFF;
}
.style23 {
	font-size: 24px;
	font-style: italic;
}
.style24 {font-family: Arial, Helvetica, sans-serif}
.style25 {font-size: 18px}

