/* CSS Document */

html{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em}

body{font-size:0.9em; 
}

h1{font-size:1.5em; font-weight:bold;}
h2{font-size:1.1em; font-weight:bold;}

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;}


/* DIVS */

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

#breadcrumbs{
font-size:0.9em;
float:left;
clear:both;
width:590px; height:30px; 
margin:0 0 0 170px;
}

#logo{
float:left;
height:150px;
width:760px;
text-align:right;
margin-bottom:10px;
clear:both;
}

#date{
float:right;
width:200px; height:40px;
font-size:100%;
text-align:right;
padding:10px 20px 10px 0;
}

#content{
float:left;
width:580px; height:auto;
padding-bottom:20px;
}

.floatright300{
width:300px; height:auto;
margin: 0 0 10px 10px;
float:right;
font-size:0.9em;
color:#666; background-color:#FFF;
padding-bottom:10px;
border-bottom:1px solid #666;
}

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

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

.imageleft200{
float:left;
width:200px; height:auto;
margin:5px 10px 10px 0;
}

.imageleft270{
float:left;
width:270px; height:auto;
margin:5px 10px 10px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}


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

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

.imageright225{
float:right;
width:230px; height:auto;
margin:5px 0 10px 5px;
}


#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;
}

#sponsors{
float:right;
clear:both;
width:200px; height:auto;
margin: 0 0 10px 5px;
font-size:0.9em;
padding:5px;
border: solid 1px #006;
color:#000; background-color:#EAEAEA;
}


/* 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;}

.boldred {color:#CC0033; font-weight:bold; font-size:0.95em;}
.boldred a:link{color:#CC0033; font-weight:bold; font-size:0.95em; text-decoration:underline;}
.boldred a:visited{color:#CC0033; font-weight:bold; font-size:0.95em; text-decoration:underline;}
.boldred a:hover{color:#CC0033; font-weight:bold; font-size:0.95em; text-decoration:none;}
.boldred a:active{color:#CC0033; font-weight:bold; font-size:0.95em; text-decoration:underline;}

.boldredcentered {color:#CC0033; font-weight:bold; font-size:0.95em; text-align:center;}

/* Navigation */

#navcontainer{
float:left;
width:150px;
height:auto;
margin:0 20px 10px 0;
}

#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;
}

.donate{color: #000;
background-color:#FFAB29;}