/***********************************************/
/* middle_tn_css.css                            */
/***********************************************/

/*********** HTML tag styles *********************/

html {
}

body{

color: #039;
margin: 0px;
padding: 0px;
height: 100%;
font-family: "Comic Sans MS", Arial, sans-serif;
}

td,tr,p,div {
}

h1, h2, h3, h4, h5, h6 {
font-family: "Comic Sans MS", Arial, sans-serif;
margin: 0px;
padding: 0px;
}
#header {
border-left:3px #FF6600 solid;
}
#top_spacer{
height:35px;
width:750px;
background: url(../images/layout_top.gif) left #003399 no-repeat;
}
h3{
font-size: 114%;
font-weight: bold; 
color: #FCFCFA;
background-color: #0B252B;
}

h4{
font-size: 100%;
font-weight: normal;
}

h5{
font-size: 100%;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
margin: 0;
padding: 0;
}

/*Main Body*/
#main_body {
border-left:3px #FF6600 solid;
width: 753px;
color:#003399;
background-color:#FFFFFF;
border-bottom:1px #FF6600 solid;
}
#content{
padding: 10px 180px 10px 10px;
margin:0;
}

/*Side Bar*/
#right_col {
border-left: 1px #FF6600 solid;
width:170px;
clear:both;
float:right;
padding-bottom:60px;
}

#right_col img {
padding:10px;
border:none;
}

#right_col a {
text-decoration:none;
}

/*Footer*/
#footer {
clear: both;
padding:0 0 5px 0;
margin:0;
width:750px;
}

#footer p {
margin:0 0 20px 0;
padding: 0;
text-align:right;
}

/***********  navigation style ***********/
#nav {
float:left;
width:570px;
}
#nav li {
float:left;
margin: 10px 0 20px 8px;
}
#nav a {
display:block;
text-indent:-999em;
}
#marina_link {
height:67px;
background: url(/images/nav/marina.gif) center top no-repeat;
width: 85px;
/*background-image: url(../images/xmarina.gif);
width:90px;*/
}
#houseboats_link{
height:67px;
background: url(/images/nav/houseboats.gif) center top no-repeat;
width: 97px;
/*background-image: url(../images/xhouse.gif);
width:111px;*/
}
#cabins_link{
height:67px;
background: url(/images/nav/cabins.gif) center top no-repeat;
width: 64px;
/*background-image: url(../images/xcabins.gif);
width:77px;*/
}
#restaurant_link {
height: 67px;
background: url(/images/nav/restaurant.gif) center top no-repeat;
width: 97px;
}
#camping_link{
height:67px;
background: url(/images/nav/camping.gif) center top no-repeat;
width: 81px;
/*background-image: url(../images/xcamp.gif);
width:96px;*/
}
#faqs_link{
height:67px;
background: url(/images/nav/faqs.gif) center top no-repeat;
width: 82px;
/*background-image: url(../images/xfaqs.gif);
width:91px;*/
}
#marina_link:hover {
/*background-image: url(../images/omarina.gif);*/
background-position: bottom;
}
#houseboats_link:hover{	
/*background-image: url(../images/ohouse.gif);*/
background-position: bottom;
}
#cabins_link:hover{
/*background-image: url(../images/ocabins.gif);*/
background-position: bottom;
}
#restaurant_link:hover {
background-position: bottom;
}
#camping_link:hover{
/*background-image: url(../images/ocamp.gif);*/
background-position: bottom;
}
#faqs_link:hover{
/*background-image: url(../images/ofaqs.gif);*/
background-position: bottom;
}


/***********  links style ***********/
a {
color:#FF6600;
text-decoration:none;
}
a:hover {
color:#003399;
text-decoration:underline;
}
/****************** MISC ******************/
.clear_float {
	clear: both;
}
.left_float {
	float:left;
}
.right_float {
float:right;
}
.center {
text-align: center;
}
#mikes_img {
margin-left:50px;
border:none;
}
/**************** General Styles ******************/

a:link {
  color: #FF6600;
  text-decoration: none;
}
a:visited {
  color: #FF6600;
  text-decoration: none;
}
a:active {
  color: #FF6600;
  text-decoration: underline;
}
a:hover {
  color: #FF6600;
  text-decoration: underline;
}

.submenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  padding-right: 17px;
  display: none;
}
.submenu a:link {
  color: #003399;
  text-decoration: none;
}
.submenu a:visited {
  color: #003399;
  text-decoration: none;
}
.submenu a:active {
  color: #FF6600;
  text-decoration: none;
}
.submenu a:hover {
  color: #FF6600;
  text-decoration: none;
}

.mainText {
  font-family: "Comic Sans MS", Arial;
  font-size: 14px;
  font-weight: normal;
}

.smallText {
  font-family: "Comic Sans MS", Arial;
  font-size: 12px;
  font-weight: normal;
}

.XsmallText {
  font-family: "Comic Sans MS", Arial;
  font-size: 10px;
  font-weight: normal;
}
.smallArial {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.XsmallArial {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#FF6600;
}
div.footer .XsmallArial a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#FF6600;
  text-indent:0;
}
.picture {
clear:both;
margin: 0 auto;
text-align:center;
padding-bottom:20px;
}