html, body {height:100%}
body {
	padding:0;
	margin:0;
	background-color:#FEE8C8;
	background-image: url(http://gausebuiltboats.com/images/background_Chart_B.jpg); 
}
#outer{
	height:100%;
	min-height:100%;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:-42px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:124 px;
	
}

#left {
position:relative;/*ie needs this to show float */
width:5px;
float:left;
margin-left:-4px;/*must be 1px less than width otherwise won't push footer down */
padding-top:126px;/*needed to make room for header*/
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:3px;padding-right:2px}

#right {
position:relative;/*ie needs this to show float */
width:5px;
float:right;
margin-right:-4px;/*must be 1px less than width otherwise won't push footer down */
padding-top:126px;/*needed to make room for header*/
}

#footer {
	width:100%;
	clear:both;
	height:40px;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
\height:42px;/* for ie5 */
he\ight:40px;/* for ie6 */
}

#clearheader{height:126px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centercontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#headerdiv {
    background-color:#BD9987;
	color:#FFFFFF;
	width: 770px;
	height: 124px;
	}

P {
	text-align : left;
	padding-left : 10px;
	padding-right : 5px;
}

P.center  {
	text-align: center;
}

P.block {
   clear : both;
}


H1 {
	text-align : center;
	margin : 1px;
}

H2 {
	text-align : center;
	margin: 15px;
	color: #8D6957;
}

H2.left {
	text-align : left;
}

A, A:link, A:active, a:visited {
	color: #8D6957;
	font-weight: bold;
	text-decoration : none;
}

A:HOVER {
	color: #FF9900;
	text-decoration: underline;
}

#MainMenu {
	margin: 0px;
	padding: 0px;
	width: 770px;
	height: 24px;
}
#MainMenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#MainMenu li {
	display: inline;
}
#MainMenu a, #MainMenu a:link, #MainMenu a:active, #MainMenu a:visited {
	padding: 5px 8px 20px 8px;
	color: #FFFFCC;
	background-color: transparent;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}
#MainMenu a:hover {
	color: #FFCC55;
}
#BottomMenu {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#BottomMenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#BottomMenu li {
	display: inline;
}
#BottomMenu a, #BottomMenu a:link, #BottomMenu a:active, #BottomMenu a:visited {
	margin: 7px;
	color: #CC9966;
	background-color: transparent;
	font-size: 14px;
	line-height:24px;
	font-style: italic;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}
#BottomMenu a:hover {
	color: #996633;
}


/*
*This Class will keep images to the left and wrap text to the right.
*/

IMG.left {
	float: left;
	margin-right : 10px;
	margin-bottom : 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}

/*
*This Class will keep images to the right and wrap text to the left.
*/

IMG.right {
	float:right;
	margin-left : 10px;
	margin-bottom : 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}
IMG.center {
	clear: both;
	text-align: center;
	margin-bottom : 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}
IMG.nowrap {
clear : both;
	margin-left : 10px;
	margin-bottom : 10px;
}


DIV.block {
    clear : both;
}
#Feature_ExpandMainThumb {
	Position: relative;
	left: 0px;
	top: 0px;
	z-index: 10000;
}
#Feature_ExpandMainThumb a {
	float: left;
	display: block;
	width: 400px;
}
#Feature_ExpandMainThumb a:hover {
	border-color: #CCCCCC;

}
#Feature_ExpandMainThumb span {
	display: none;
}

#Feature_ExpandMainThumb a:hover span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FF0000;
	z-index: 10000;
}

#Feature {

}
#Feature Img {
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
	margin: 10px 10px 0px 10px;
}
#Feature H1 {
	margin: 10px;
	text-align: center;
	padding: 0px;
	font-size: x-large;
	font-weight: bold;
	color: #AD8977;
}
#Feature H2 {
	margin: 10px;
	text-align: center;
	padding: 0px;
	font-size: large;
	font-weight: bold;
	color: #333333;
}
#Feature H3 {
	margin: 3px 10px 10px 10px;
	text-align: left;
	padding: 0px;
	font-size: medium;
	font-weight: bold;
	color: #AD8977;
}
#Feature H4 {
	margin: 10px 10px 0px 10px;
	text-align: left;
	padding: 0px;
	font-size: smaller;
	font-weight: bold;
	color: #111111;
}
#Feature H5 {
	margin: 3px 10px 10px 10px;
	text-align: left;
	padding: 0px;
	font-size: small;
	font-weight: bold;
	color: #AD8977;
}
#Feature A, #Feature A:Visited, #Feature A:Link, #Feature A:Active {
	color: #888888;
	font-size: small;
	text-align: center;
} 
#Feature A:Hover {
	color: #AD8977;

}

#Feature_ExpandSideThumb {
	Position: relative;
	left: 0px;
	top: 0px;
	float: right;
	z-index: 1000;
}
#Feature_ExpandSideThumb a {
	position: relative;
	display: block;
	width: 250px;
	z-index: -10;
}
#Feature_ExpandSideThumb a:hover {
	border-color: #CCCCCC;
}
#Feature_ExpandSideThumb span {
	display: none;
}
#Feature_ExpandSideThumb a:hover span {
	display: block;
	position: absolute;
	right: 0px;
	top: -20px;
	color: #FF0000;
	z-index: 1000;
}

#Img_Left_Expand {
	Position: relative;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 1000;
	margin: 10px;
}
#Img_Left_Expand a {
	position: relative;
	display: block;
	z-index: -10;
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}
#Img_Left_Expand a:hover {
	border-color: #CCCCCC;
}
#Img_Left_Expand span {
	display: none;
}
#Img_Left_Expand a:hover span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FF0000;
	z-index: 10000;
}

#Img_Right_Expand {
	Position: relative;
	left: 0px;
	top: 0px;
	float: right;
	z-index: 1000;
}
#Img_Right_Expand a {
	position: relative;
	display: block;
	z-index: -10;
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}
#Img_Right_Expand a:hover {
	border-color: #CCCCCC;
}
#Img_Right_Expand span {
	display: none;
}
#Img_Right_Expand a:hover span {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #FF0000;
	z-index: 1000;
}

#Latest_News {
	Position: relative;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 1000;
}
#Latest_News img {
	border-style: solid;
	border-width: 2px;
	border-color: #BD9987;
}
#Latest_News a {
	position: relative;
	z-index: -10;
	float: left;
}
#Latest_News a:hover {
	border-color: #CCCCCC;
}
#Latest_News span {
	display: none;
}
#Latest_News a:hover span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FF0000;
	z-index: 1000;
}
#LatestNews_Include {
	text-align: center; 
	float: right; 
	width: 200px; 
	border: 8px solid #BD9987;
	Padding: 8px;
	margin: 10px;
}
#LatestNews_Include H1 {
	color: #8D6957;
	font-size: 16px;
	font-weith: bold;
	padding: 0px 0px 6px 0px;
}
#LatestNews_Include img {
	border: 2px solid #BD9987;
}

div.Admin_Edit {
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: smaller; 
	padding: 5px 10px 5px 10px;
	float: left;
}
#PopText {
	position: relative;
}
#PopText P {
	position: relative;
}
#PopText P a:hover {
	color: #FFCC33;
	background-color: transparent;
	text-decoration: none;
}
#PopText P a span {
	display: none;
}
#PopText P a:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 250px;
	text-decoration: none;
	font-weight: normal;
	color: #222222;
	background-color: #FFFFCC;
	border-width: 2px;
	border-style: solid;
	border-color: #BD9987;
	padding: 3px;
}
#PopText P a:hover span strong{
	font-weight: bold;
	letter-spacing: 2px;
	color:  #AD8977;
}
#PopText P a:hover span img{
	width: 250px;
}

.Next {
	font-family: "arial black", arial;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	color: #8D6957;
	border: none;
	background: none;
	padding: 0px;
	margin-top: 0px;
}
.NextHover {
	color: #FF9900;
	text-decoration: underline;
	}
#Best {
	Position: absolute;
	left: 192px;
	top: 36px;
	float: left;
	z-index: 1000;
	border-style: none;
}
#Best img {
	border-style: none;
	}
#Best a {
	position: relative;
	display: block;
	z-index: 500;
	border-style: none;
}
#Best a:hover {
	border-color: #CCCCCC;
}
#Best span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10000;
}
#Best a:hover span {
	display: none;
}
#HeaderLink {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 155px;
	height: 35px;
}
#HeaderLink a, #HeaderLink a:visited, #HeaderLink a:link, #HeaderLink a:active {
	display: block;
	width:100%;
	height:100%;
	font-size: 32px;
	text-decoration:none;
}
#HeaderLink a:hover {
	border-style: none;
	}