/* generated by csscreator.com */ 
html, body{ 
 background:#f5f5f5;
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: "Segoe UI", "verdana", "arial";
 font-size: 12px;
 height: 100%;
} 
.pagewidth{ 
 width:800px; 
 text-align:left;
 margin: 0 auto;
 height: auto; min-height: 100%;
 position: relative;
 z-index:1;
} 
.logoHolder{ 
 width:800px; 
 text-align:left;
 margin: auto;
 background: #ffffff;
} 
#header{
 padding: 5px;
 margin: auto;
 position:relative; 
 height:auto;
 background-color: #fbfbe2; 
 width:960px;
 color: #FFF
} 
.mainCol{ 
 width:790px;
 padding: 5px;
 background: #f0f0ea; 
 margin: auto;
 height: auto;
 }
 .mainColAdmin{
 top: 20%;
 width:840px;
 background: #99dc20;
 margin: auto;
 height: auto;
 }
 .mainColAdmin a{
 color: #FFF;
 text-decoration: none;
 }
  .mainColAdmin a:hover{
 color: #333;
 text-decoration: none;
 }
.leftCol{ 
 width:728px;
 padding: 20px;
 background: #fff;
 color: #333; 
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 140%;
 float: left;
 margin-top: 10px;
 margin-left: 10px;
 height: auto; min-height: 300px;
 border:#f7f7f7 1px solid;
 position: relative;
 }
.leftCol a{
	color: #09F;
	}
 
 .rightCol{ 
 width: 160px;
  font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding: 20px;
 background: #FFF url(../images/bgBorder.gif) top left repeat-x;
 float: right;
 margin-top: 10px;
 margin-right: 10px;
 height: auto !important; min-height: 300px;
 border:#f7f7f7 1px solid;
 }
.footer{
 font-family:Arial, Helvetica, sans-serif; 
 font-size: 10px;
 font-weight: bold;
 width: 790px;
 color:#333;
 height: auto; 
 background-color:#ccc; 
 clear:both;
 margin: 0 auto;
 padding: 5px;
 text-align: center;
 } 
 .footer a{ color: #000; font-size: 10px}
.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 */  
/*Buttons*/
	.buttons ul{
		margin: 0px;
		padding: 0px;
		}
	.buttons li{ 
	padding: 0px 0px;
	margin: 0px;
	float: left;
	list-style: none;
	}	
	.buttons a{
	color: #E6E9CD;
	display: block;
	padding-top: 0px;
	height: 35px;
	text-align: center;
	margin: 0px;
	background: #000;
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	text-indent: -9999px;
		}

	.buttons a.B1 {
	width: 126px;
	background-position: -18px -18px;
	}
	.buttons a:hover.B1 {
	width: 126px;
	background-position: -162px -17px;
	}
	.buttons a.B2 {
	width: 126px;
	background-position: -18px -62px;
	}
	.buttons a:hover.B2 {
	width: 126px;
	background-position: -162px -61px;
	}
	.buttons a.B3 {
	width: 126px;
	background-position: -18px -107px;
	}
	.buttons a:hover.B3 {
	width: 126px;
	background-position: -162px -106px;
	}
	.buttons a.B4 {
	width: 125px;
	background-position: -6px -113px;
	}
	.buttons a:hover.B4 {
	width: 125px;
	background-position: -133px -113px;
	}