html,body{
 margin:0;
 padding:0
}

body{
 font: 10pt "Comic Sans MS",Verdana,Arial,sans-serif;
 text-align: center;
 background: #CBEAFF url("img/bg.jpg") repeat-x top center;
 padding-bottom:20px;
}

a{color: #808080;text-decoration: underline;}
a:hover{text-decoration: none;}
a img{border: none;}

#huge_container{
 width: 940px;
 padding: 0;
 margin: auto;
 position: relative;
 z-index: 10;
}

#reg_box{
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	border-bottom: 0;
}

#reg{
	text-align: left;
	width: 100%;
	margin: 0;
}

#reg td{
	margin: 0;
	padding: 2px;
	height: 35px;
	border-bottom: 1px solid #000;
	vertical-align: bottom;
}

#foxy{
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 101;
}

#big_container{
 position: relative;
 width:820px;
 margin: auto;
 background: #5FBCFF url("img/container_bg.jpg") repeat-x top center;
 z-index: 100;
}

#big_container_bottom{
 position: relative;
 bottom: 10px;
 width:820px;
 margin: auto;
 background: transparent url("img/container_bottom.gif") no-repeat top center;
 z-index: 100;
}

span.small{font-size: 80%;}
p{margin-top:0;}

h2,h3{font: normal normal 150% "Trebuchet MS",Arial,sans-serif;}
h1{font: normal normal 200% "Trebuchet MS",Arial,sans-serif;}

h2{font-size:160%;}
h3{font-size:120%;}

#header{
	/*width:100%;*/
	overflow:hidden;
	background: transparent url("img/head.jpg") no-repeat top center;
	height: 235px;
	text-align:left;
}

#header h1, #menu{
	width:770px;
	margin:0 auto;
	
}

#header h1{
	padding: 100px 0 2px 0; /* 2 = 100 */
	color: #FFF;
}

#header span{
	padding: 0;
	margin: 0 0 0 25px;
}

#nav,#nav li{list-style-type:none;margin:0;padding:0;}
#nav{font-size: 80%;}
#nav li{float:left;margin-left: 3px;text-align: center;}
#nav a{float:left;width: 95px;padding: 5px 0;background: #404040;text-decoration:none;color: #FFF;}
#nav a:hover{color: #000000;}/*#7D63A9*/
#nav li.activelink a,ul#nav li.activelink a:hover{background: #2A2A2A;}

#container{
	width:800px;
	margin: auto;
	padding: 0 0 10px;
	text-align:left;
	background: transparent url("img/content_bg.jpg") repeat-y;
}

#content{
	width: 560px;
	margin: 0 0 10px 181px;
	
}
#content h2{margin: 0;color: #007BC4;}

#main_content{padding: 10px 0 0 0;}
#main_content h3{font-weight: bold;}
#main_content p,#main_content ul,#main_content ol{
	font-size: 11pt;
}

.comments div{background: #EEE;margin-bottom:10px;}
.comments p{padding: 10px;margin:0;}
.comments .odd{background:#bbE6ed;}

#side{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 170px;
}

#side p{
	margin: 0;
	padding: 0 10px;
	color: #30A8FF;
}

#side a{color: #949494;text-decoration: underline;}
#side a:hover{text-decoration: none;}

#navigation{
	margin: 0;
	padding: 0;
	background: transparent;
	font: 10pt Verdana,Arial,sans-serif;

}
#navigation li:hover{cursor: pointer;}
#navigation ul{list-style: none;}

#navigation li{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 155px;
}

#navigation li a{
	padding: 5px 0 5px 4px;
	display: block;
	color: #505050;
	background: #FED772 url("img/navigation_bg.png") no-repeat right center;
	text-decoration: none;
	overflow: hidden;
}

#navigation li a.active{
	background-color: #F2CC6D;
}

#side ul li{height: 25px;}

#footer{clear:both;width:750px;margin:0;padding-top: 10px;background: transparent;color: #000000;text-align:center;}
#footer p{margin:0;font-size: 8pt;}
#footer a{color: #000000;border-bottom: 1px solid #ffffff;}

.clearfloat {

	/* this class should be placed on a div or break (br) element and should be placed after
	the #maincontent but before the #footer. */
	
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.noborder{border: 0;}
.medium{font-size: 9pt;}
.small{ font-size: 7pt;}