/* CSS Document */

body{
background-image: url(../images/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000066;}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;}

h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;}

#container{
width: 752px;
margin: 10px auto 10px auto;
}

#header{
width: 752px;
height: 160px;
background-image: url(../images/header.png);
}

#logo{
padding: 15px 0 0 20px;
}

#navbar{
width: 742px;
height: 25px;
background-image: url(../images/navbar.png);
color: #CCCCCC;
text-align: right;
padding: 5px 10px 0 0}

#footer{
width: 752px;
height: 45px;
background-image: url(../images/footer.png);
color: #FFFFFF;
text-align: center;
padding-top: 8px;
}

a.footer:link, a.footer:visited{
color: #FFFFFF;}

a.footer:hover, a.footer:active{
color: #FFFF00}

#page{
width: 740px;
background: url(../images/page_bg.png);
border-left: #666666 solid 1px;
border-right: #666666 solid 1px;
padding: 5px;}

a.nav:link, a.nav:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;}

a.nav:hover, a.nav:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFF00}

#board{
text-align: center;
}

.box{
width: 340px;
background-color: #FFFFFF;
border: #333333 solid 1px;
margin: 0 auto 10px auto;
padding: 5px;
}

.blue{
color: #003399;
}

.purple{
color: #993399;
}

.green{
color: #336600;
}