/* CSS Document */

html{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:100%}

body{font-size:70%;}

h1{font-size:1.5em; font-weight:bold; font-family:Comic Sans, Comic Sans MS, cursive, Arial, Helvetica; color:#CC0000; margin:0 0 10px 0; padding:0;}
h2{font-size:1.2em; font-weight:bold; font-family:Comic Sans, Comic Sans MS, cursive, Arial, Helvetica;}

img{border:none;}

a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#000;}
a:active{text-decoration:none; color:#000;}

hr{width:80%; margin:0 auto; color:#CC0000;}


/* DIVS */

#wrapper{
margin:10px auto 20px auto; 
padding:0; height:100%; width:780px;
}


#logo{
float:left;
height:75px;
width:370px;
margin-bottom:10px;
}

#date{
float:right;
width:300px;height:40px;
font-family:Comic Sans, Comic Sans MS, cursive, Arial, Helvetica;
font-size:1.2em;
font-weight:bold;
text-align:right;
padding:10px 20px 10px 0;
}

#content{
float:left;
width:740px; height:auto;
padding:15px;
border: solid 1px #CC0000;
font-size:1.2em;
}

.floatleft{
float:left;
width:200px; height:auto;
margin:0; padding:10px;}

.floatleft2{
float:left;
width:200px; height:auto;
margin:0; padding:10px 10px 10px 0;}

.floatleftwider{
float:left;
width:auto; height:auto;
margin:0; padding:10px;
}


.imageleft100{
float:left;
width:100px; height:auto;
margin:5px 10px 10px 0;
}

.imageleft150{
float:left;
background-color:#FFFF99; color:#CC0000;
font-family:Comic Sans, Comic Sans MS, cursive, Arial, Helvetica;
font-size:1.2em;
width:150px; height:auto;
margin:5px 20px 10px 0;
padding:10px;
border: solid 1px #000;
}

.imageright{
float:right;
width:auto; height:auto;
margin:5px 0 10px 25px;
border: solid 1px #000;
}

.imageright150{
float:right;
width:155px; height:auto;
margin:5px 0 10px 5px;
}

.imageright200{
float:right;
width:200px; height:auto;
margin:5px 0 10px 5px;
}

.imageright250{
float:right;
width:250px; height:auto;
margin:5px 0 10px 25px;
border: solid 1px #000;
}

#imageright300{
width:305px;
height:auto;
margin: 10px 0;
padding:0 0 0 5px;
float:right;
text-align:center;
}

#footer{
width:100%;
text-align:center;
font-size:0.9em;
clear:both;
padding:20px 0 0 0;
border-top:1px;
border-top-color:#000;
border-top-style:dotted;
}

#footer2{
width:100%; height:auto;
font-size:0.9em;
clear:both;
padding:10px 0 0 0;
border-top:1px;
border-top-color:#666;
border-top-style:solid;
}

#sponsors{
float:right;
width:150px; height:auto;
margin: 0 0 10px 5px;
text-align:center;
}


/* Classes */

p a:link{text-decoration:underline; color:#000;}
p a:visited{text-decoration:underline; color:#000;}
p a:hover{text-decoration:underline; color:#000;}
p a:active{text-decoration:none; color:#000;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}

.onea{font-size:1em; padding:0 5px;}
.twoa{font-size:1.2em; padding:0 5px;}
.threea{font-size:1.6em; padding:0 5px;}

.centre{text-align:center;}

/* Navigation */

#navcontainer{
float:left;
width:780px;
height:80px;
margin-bottom:20px;
clear:both;
}

#navclisttop{
float:left;
width:150px;
height:20px;
clear:both;
background-image:url(../images/leftnavtop.gif)
}

#navlist
{
padding:10px 1px;
margin-left: 0;
background: #363;
width: 100%;
color: #FFF; 
}

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #FFF dotted;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #EBEBEB; }

#navlist li a:hover
{
color: #363;
background-color:#FFF;
}