/* CSS Document */

*{
padding:0;
margin:0;
}

body{
background-image:url(images/tropical_beach.gif);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#33BBA9;
padding-bottom: 20px;
}
/*---------------------------START OF HEADER SCRIPT----------------------*/
#header{
margin:15px;
}
#header h1 {
font-size: 22px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;}
#header h2 {
font-size: 14px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;}
/*---------------------------END OF HEADER SCRIPT------------------------*/
/*---------------------------START OF TOPNAV-----------------------------*/

#topnav {
height: auto;
width: 443px;
padding-left: 50px;
background-color:transparent;
margin-left: 30px;
margin-bottom: 20px;}
#topnav ul li {
list-style: none;
display: inline;}
#topnav a {
display: block;
padding: 10px;
float: left;
height: auto;
color: #ffffff;
text-decoration:none;}
#topnav a:hover {
display: block;
padding: 10px;
height: auto;
float: left;
color: #ffffff;
text-decoration:underline;
background-color:#3377bb;}
/*-------------------------END OF TOPNAV------------------------------*/
#main {
float: left;
border: 5px solid #ffffff;
width:430px;
margin-left: 30px;
margin-bottom: 20px;}
#wrapper{
float: left;
width:416px;
background:#DBF0F9;
padding: 5px;
border: 2px solid #3377bb ;}
#wrapper h1 {
font-size:16px;
color:#3377bb;
text-align:left;}
#wrapper a {
font-size:14px;
color:#3377bb;
text-decoration:none;
padding-left:20px;}
#wrapper a:hover {
background-color:#3377bb;
color:#ffffff;}