body
{
margin: 0;
padding: 0;
text-align: left;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
color: #001433;
background: #181880 url(background.png);
background-repeat:repeat-x;
}

*
{
margin: 0 auto 0 auto;
text-align:left;
}

#logo
{
width:800px;
height:100px;
background-image:url(froginawizardhatlogo.png);
background-repeat:no-repeat;
}

#navigationArea
{
display: block;
height:auto;
position: relative; 
overflow: hidden; 
width: 800px;
}

.naviagationTab
{
text-align:center;
position:relative;
font-size:20px;
width:120px;
height: 60px;
line-height: 30px;
float:left;
color:#0066ff;
font-family: Georgia, Times, "Times New Roman", serif;
}

.naviagationTab a
{
text-decoration:none;
color:#E6F0FF;
}

.naviagationTab a:hover
{
text-decoration:none;
color:#0066ff;
}

.contentAreaWrapper
{
width:800px;
height:auto;
background-color:#FFFFFF;
margin-top:10px;
}

.contentArea
{
position:relative;
width:760px;
min-height: 800px;
top:20px;
margin-left:20px;
background-image:url(contentbackground.png);
background-repeat:repeat-x;
padding-bottom:20px;
}

.contentTitle
{
padding-top:18px;
margin-bottom:0px;
margin-left:16px;
margin-top:16px;
font-size:20px;
}

.contentText
{
line-height:24px;
margin-left:16px;
margin-right:16px;
font-size:14px;
}


.contentText a
{
text-decoration:none;
color:#0066FF;
}

.contentText a:hover
{
text-decoration:none;
color:#001433;
}

#footer
{
width: 800px;
height:80px;
background-image:url(footerbackground.png);
background-repeat:repeat-x;
text-align:center;
font-family: Georgia, Times, "Times New Roman", serif;
font-size:10px;
color:#001433;
padding-top:8px;
}

#footer a
{
text-decoration:none;
font-size:10px;
color:#001433;
}