@charset "UTF-8";
/* Lost Sea CSS Document */

body {
	background-image:url(../images/15original.gif);
	color: black;
	padding: 0;
	margin: 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:10pt;
	text-align:left;
}

#bodydiv {
	position: relative;
	width: 800px;
	margin: 0 auto;
}
#bodymain {
	background-color: #cc9966;
	width: 800px;
	float:left;
	margin: 0 auto;
	border-top:0px;
	border-right: 3px solid #996633;
	border-bottom: 3px solid #996633;
	border-left: 3px solid #996633;
}

#head {
	background-color: #996633;
	width: 100%;
	float:left;
	position:relative;
	height: 50px;
}
#head-pic {
	background-color: #ffffff;
	width: 100%;
	float:left;
	position:relative;
	height: auto;
	border: 0px solid gray;
}

#top_banner {
	background-color: #003366;
	width: 100%;
	float:left;
	position:relative;
	height: 30px;
	border: 0px solid gray;
}
#column2 {
	position: relative;
	width: 175px;
	float: left;
	margin: 0px;
	border:0px solid
}

#side_nav {
	position: relative;
	width: 175px;
	float: left;
	border: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 9pt;
	border:0px solid
}

*html #side_nav {
	position: relative;
	width: 150px;
	float: left;
	border: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 9pt;
	border:0px solid
}

*html #column2 {
	position: relative;
	width: 150px;
	float: left;
	margin: 0px;
	border:0px solid
}

#side_nav span {
	color:  #4c6364;
}
#side_nav span a:link {
	text-decoration: none
}
#side_nav span a:visited {
	color:  #4c6364;
	text-decoration: none
}
#side_nav span a:hover {
	color: white;
	text-decoration: none;
}
#side_nav a {
	display:block;
/*	border-bottom: 1px dashed gray;
*/}
#side_nav a:hover {
	background-color:#FFCC80;
}
#side_nav a:link {
	text-decoration: none
}
/*#side_nav a:visited {
	color:  #4c6364;
	text-decoration: none
}*/
#side_nav a:active {
	color: #4c6364;
	text-decoration: none;
}

#ddblueblockmenu {
border-bottom-width: 0;
width: 199px;
}

*html #ddblueblockmenu {
border-bottom-width: 0;
width: 150px;
}

#ddblueblockmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10pt;
	color:#000000;
	line-height:13pt;
}
#ddblueblockmenu li a {
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 199px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	color: #000000;
}

*html #ddblueblockmenu li a {
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	width: 167px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	color: #000000;
}

#ddblueblockmenu div.menutitle {
	width:199px;
	color: black;
	padding: 5px 0;
	padding-left: 5px;
	background-color: #ffbb66;
	font: bold 95% Georgia, Times New Roman, Times, serif;
}

*html #ddblueblockmenu div.menutitle {
	width:150px;
	color: black;
	padding: 5px 0;
	padding-left: 5px;
	background-color: #ffbb66;
	font: bold 95% Georgia, Times New Roman, Times, serif;
}



#contentmain {
	background-color: #FFFFFF;
	position:relative;
	float:left;
	width: 624px;
	height:auto;
	border-left:0px solid #4c6364;
}


#body_full {
	position:relative;
	display:block;
	float:left;
	height:87%;
	width:345px;
	margin-left:26px;
	margin-bottom:20px;
	border:0px solid;
	line-height:15pt;
}
*html #body_full {
	position:relative;
	display:block;
	float:left;
	height:87%;
	width:345px;
	margin-top:10px;
	margin-left:16px;
	margin-bottom:20px;
	border:0px solid;
	line-height:15pt;
}
#body_full {
	color: #000000;
}
#body_full a:link {
	color:#993300;
	text-decoration:none
}
#body_full a:visited {
	color:#003366;
	text-decoration: none
}
#body_full a:hover {
	color: #003366;
	text-decoration: underline;
}

#right_col {
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:200px;
	margin:20px 0px 20px 26px;
	border:0px solid;
	line-height:15pt;
}

#right_pic {
	position:relative;
	display:block;
	float:left;
	height:150;
	width:200px;
	margin:0px 0px 10px 0px;
	border:0px solid;
}

#right_pic_text {
	position:relative;
	display:block;
	float:left;
	height:150;
	width:200px;
	margin:0px 0px 10px 0px;
	border:0px solid;
}

#footer_info {height:50px; width:100%; border:0px solid #FF0000; float:left; position:relative; display:block}

#assoc_logo {height:auto; width:auto; border:0px solid #FF0000; float:left; position:relative; display:block; margin:5px 8px 0px 35px}

#assoc_copy {height:40px; width:190px; border:0px solid #FF0000; float:left; position:relative; display:block; color:#000000; font-family:'Times New Roman', Times, serif; font-size:9px;}

#bottom_contact {height:30px; width:175px; border:0px solid #FF0000; float:left; position:relative; display:block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center}

#bottom_contact2 {height:30px; width:175px; border:0px solid #FF0000; float:left; position:relative; display:block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; width:auto; height:auto; margin:8px 0px 0px 25px; font-weight:bold; font-style:italic}


#bottom_contact2  a:link {
	color:#FFCC80;
	text-decoration:none
}
#bottom_contact2  a:visited {
	color:#FFFF99;
	text-decoration: none
}
#bottom_contact2  a:hover {
	color:#cc9966;
	text-decoration: underline;
}

#bottom_banner {
	background-color: #003366;
	width: 100%;
	float:left;
	position:relative;
	height: 30px;
	padding:3px 0px 4px 0px;
	border: 0px solid gray;
}


.style14 {font-weight:bolder; font-style:italic; font-size:16px}
.style12 {font-weight:bolder; font-style:italic; font-size:13px; border-bottom:1px dashed #666666}

.home {color:#FFCC99; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:0px 0px 3px 35px}

.header_slogan {float:left; margin:10px 0px 0px 20px; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-size:27px; color:#FFFFFF}




/*button*/

a.squarebutton{
background: transparent url('../images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}