html, body{
margin:0;
padding:0;
text-align:center;
background:#eeeeee;
}

a:link{
color:#4b9fc6;
text-decoration:underline;
}

a:visited{
color:#4b9fc6;
text-decoration:underline;
}

a:hover{
color:#4b9fc6;
text-decoration:none;
}

a:active{
color:#4b9fc6;
text-decoration:none;
}

h1{
font:bold 33px Verdana;
color:#4b9fc6;
padding:15px 0 0 8px;
margin:0;
}

h2{
font:bold 12px Verdana;
color:#4b9fc6;
margin:0;
padding:0 0 0 8px;
}

h3{
font:bold 18px Verdana;
color:#4b9fc6;
margin:10px 0;
}

h4{
font:bold 18px Verdana;
color:#4b9fc6;
margin:10px 0;
}

p{
font:12px Verdana;
color:#333;
margin:10px 0;
}

/************************* Classes *********************/ 

.name{
font:bold 12px Verdana;
color:#fff;
float:left;
padding:6px 0 0 10px;
}

.date{
font:bold 12px Verdana;
color:#fff;
float:right;
padding:6px 10px 0 0;
}

.email{
background:url(../images/email.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333;
}

.www{
background:url(../images/www.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333;
}

.ip{
font:12px Verdana;
color:#333;
}

.textfield{
padding:4px;
background:#fff;
border:1px solid #ccc;
color:#64abd0;
font:12px Verdana;
margin:0 0 5px 0;
}

label{
font:bold 12px Verdana;
color:#666;
}

.submit{
background:#c7e5fc;
border:1px solid #4b9fc6;
font:12px Verdana;
color:#4b9fc6;
}

.paging a{
padding:2px;
font:bold 12px Verdana;
text-decoration:none;
background:#c7e5fc;
border:1px solid #4b9fc6;
}

.paging a:visited{
padding:2px;
font:bold 12px Verdana;
text-decoration:none;
background:#c7e5fc;
border:1px solid #4b9fc6;
}

.paging a:hover{
text-decoration:underline;
background:#c7e5fc;
}

.paging a:active{
text-decoration:underline
}

.paging .current{
padding:2px;
font:bold 12px Verdana;
text-decoration:none;
background:#4b9fc6;
border:1px solid #4b9fc6;
color:#fff;
}

.nav span{
font:11px Verdana;
color:#333;
}

.reply span{
font:11px Verdana;
}

#login a{
color:#fff;
}

#login a:visited{
color:#fff;
}

#login p{
font:bold 11px Verdana;
color:#333;
}

/************************** Divs ***********************/

#container{
text-align:left;
margin:0 auto;
padding:0;
width:534px;
height:100%;
}

#content{
float:left;
width:534px;
background:#fff;
border:1px solid #e6e6e6;
}

#top{
background:#c7e5fc;
width:514px;
height:97px;
float:left;
margin:0 0 0 10px;
}

#menu{
background:#4b9fc6;
width:514px;
height:35px;
float:left;
margin:0 0 0 10px;
}

.messagec{
width:514px;
float:left;
margin:0 0 15px 10px;
}

.messagetop{
background:#4b9fc6;
width:514px;
height:29px;
float:left;
}

.message{
width:492px;
border:1px solid #e6e6e6;
background:#fff;
float:left;
padding:0 10px 5px 10px;
}

.reply{
width:504px;
background:#fff;
float:left;
margin:20px 0 10px 10px;
padding:0 0 5px 10px;
border-top:1px solid #e5e5e5;
}

#footer{
width:534px;
float:left;
text-align:right;
font:11px Verdana;
color:#4b9fc6;
background:none;
padding:0 0 10px 0;
}

.paging{
float:left;
width:502px;
margin:5px 0 0 10px;
padding:5px 0 5px 0;
}

.nav{
float:left;
width:502px;
height:20px;
margin:15px 0 0 10px;
padding:0;
}

#login{
margin:30px auto;
width:170px;
height:100%;
background:#85bdda;
border:1px solid #4e93b7;
text-align:left;
padding-left:20px;
}

.admin{
width:514px;
float:left;
margin:0 0 15px 10px;
}

/************************* menu styles ***********************/

#menu ul{
font:bold 12px Verdana;
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
display:inline;
}

#menu li a{
color:#fff;
float:left;
padding:10px 10px 11px 10px;
text-decoration:none;
}

#menu li a:hover{
color:#4b9fc6;
text-decoration:none;
background:#fff;
}