html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image:url(../images/bggreenblue.jpg);
 background-repeat: repeat-x;
 background-color:#6a7bff;
} 

a{
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
color: #3300CC;
text-decoration:none;
}

a:hover{
color:#3366FF;
}
  

h1{
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:20px;
color: #666666;
font-weight: 200;
padding:0;
margin:0;
}
  
p {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
color: #666666;
padding-right: 10px;
}

#pagewidth{ 
 width:850px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 padding-right:10px;
 padding-left:10px;
 padding-top:15px;
 background-color:#FFFFFF;
 border-right: solid 2px #777777; 
 border-left: solid 2px #777777;
 border-bottom: solid 2px #777777;
} 
 
#header{
 position:relative; 
 width:500px;
 height:86px; 
 padding-left:10px;
} 

#toprightbox {
 position:relative; 
 height:86px; 
 background-color:#FFFFFF; 
 width:200px;
 float:right;
 text-align:right;
 margin-right:11px;
 
} 


#eventblock{
width:440px;
background-color: #EAEDEE;
border: solid 1px #CCCCCC;
float:left;
padding-left:7px;
padding-right:7px;
margin-bottom: 16px;
clear:both;
}


#loginsearch {
font-family: Arial, Verdana, Helvetica, sans-serif; 
padding-top:13px;
font-size:12px;
color: #999999;
position:relative;
right:100px;
}

#leftcol{
 width:140px; 
 float:left; 
 position:relative; 
 background-color: #FFFFFF; 
 }
 
#leftcol ul li{
position:relative;
left: -27px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
list-style-type: none;
}


#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:636px; 
 margin-top:12px;
 margin-right:11px;
}
 
#newsbox {
border: solid 1px #CCCCCC;
width: 138px;
background-image: url(../images/bocrightbg.jpg);
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
paddin-top:5px;
}

.menuheader {
font-family: Arial, Verdana, Helvetica, sans-serif; 
padding-left:13px;
font-size:12px;
font-weight: bold;
color: #CCCCCC;
}

.leftlinks a{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
font-weight: bold;
line-height: 21px;
color: #3300CC;
}

.leftlinks a:hover {
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
font-weight: bold;
line-height: 21px;
color: #3366FF;
}

 
.#breakerbar{
position: relative;
width: 903px;
left: 11px;
margin-top:-18px;
border-bottom: 1px solid #CCCCCC;
clear:both;
}

#breakerbar{
position: relative;
width:0px;
top:0px;
left: 11px;
border-bottom: 1px solid #CCCCCC;
clear:both;
margin-bottom:10px;
}





#footer{
 position:relative;
 width:830px;
 height:25px; 
 border-top: solid 1px #999999;
 border-bottom: solid 3px #999999;
 background-color: #FFFFFF; 
 clear:both;
 left:10px;
 margin-bottom:20px;
 } 

.bottomlinks {
position: relative;
font-family: Arial, Verdana, Helvetica, sans-serif; 
left:550px;
top:2px;
text-decoration:none;
}

.copyright{
position: relative;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
color: #999999;
top:2px;
text-decoration:none;
}
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.extrapadding {padding-left:30px;}