/* CSS Document */

body {
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
line-height: 18px;
}

#wrapper {
margin: 0 auto;
width: 990px;
}

#logo {
text-indent: -9999px;
}

.logo {
background:url(img/tropical_logo.jpg) no-repeat center top;
}

#wrapper .last {
margin-right: 0;
padding-right: 0;
border-right: 0;
}


/******** Header *******/
h1, h2, h3, h4 {
margin-top: 0;
}

h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; margin-bottom: 10px; }
h4 { font-size: 12px; }
/******** End Header *******/


/******** Main Navigation *******/
#main_nav {
/*background: url(img/main_nav_bg.jpg) no-repeat center top;*/
height: 50px;
left: 270px;
position: absolute;
top: 290px;
width: 720px;
}

#main_nav ul {
list-style-type: none;
position: absolute;
margin: 10px 10px 0 35px;
padding-left: 0;
}

#main_nav li {
float: left;
border-right: 2px solid #fff;
font-weight: bold;
font-size: 14px;
margin-right: 15px;
padding-right: 15px;
}

a:link, a:active,  a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #00A300;
text-decoration: none;
}

#main_nav .selected a{
color: #00A300;
}
/******** End Main Navigation *******/


/******** Left Column *******/
td.left_col table {
margin: 0 0 20px;
}
td.left_col table h3 { color: #006699; }

/******** Main Column *******/
td.main_col table {
margin: 0 0 20px;
}

.with_border {
background: url(img/main_colbg.jpg) repeat-x left top;
border: 1px solid #66CCFF;
padding: 10px;
margin: 0 0 20px;
}

table.with_border h2 { margin-bottom: 3px; color: #006699;}
.title_border { border-bottom: 1px solid #66CCFF; }
img.left { float: left; margin: 0 15px 15px 0px; }
img.right { float: right; margin: 0 0px 15px 15px; }

/******** Right Column *******/
td.right_col table {
background: url(img/main_colbg.jpg) repeat-x left top;
border: 1px solid #66CCFF;
padding: 10px;
margin: 0 0 20px;
}

td.right_col table h3 { color: #006699;}


/******** A Button More *******/
p.btn_more { float: right; margin: 0; }
p.btn_more a { border: 2px solid #66CCFF; background: url(img/btn_more_bg.jpg) repeat-x left top; display:block; padding: 4px 7px; font-weight: bold; }


/******** Ul *******/
ul { margin-top: 8px; font-size: 12px; }
/******** P *******/
p { clear: both; font-size: 12px; margin: 8px 0 8px; }


/******** Hr *******/
hr { clear: both; border: 1px dotted #66CCFF; margin: 15px 0; }