@charset "UTF-8";
/* CSS Document */



body {
	background-image:url(../images/bg.png);
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	text-align:justify;
	margin:0;
	padding:0;
	}

p {
	margin:5px 0;
	}

h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	color:#fff;
	background-color:#3fa9f5;
	margin:15px 0 0 0;
	width:105px;
	padding:5px;
	}

h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	color:#fff;
	background-color:#3fa9f5;
	margin:15px 0 4px 0;
	width:75px;
	padding:3px 5px;
	}

#wrapper {
	margin: 20px auto;
	width: 786px;
	position:relative;
	
	}

/* BEGIN HEADER */


#headertop {
	margin: 0;
	width: 786px;
	height:140px;
	border-bottom: solid 1px #b3b3b3;
	
	}
	
#logotop {
	position: absolute;
	top:20px;
	width: 287px;
	height:110px;
	z-index:1;
	float:left;
	}

#logotop img {
		text-decoration:none;
		border:0px;
}

/* begin menu */

.menu {
	width: 230px;
	height: 80px;
	margin: 0;
	float:right;
	}

.menu ul {
	margin:0;
	}

.menu li {
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	padding-left:15px;
	padding-top:10px;
	font-size:14px;
	height:15px;
	text-align:right;
	float:right;
	list-style:none;
	text-transform: uppercase;
	}

.menu li a {
	padding:0 5px;
	color:#fff;
	background-color:#ccc;
	text-decoration: none;
	}
	
.menu li a:hover {
	color:#fff;
	background-color:#3fa9f5;
	}
	
.menu li.active a {
	color:#fff;
	background-color:#3fa9f5
	}
	
/* eind menu */

#headermiddle {
	width:500px;
	float:left;
	}
#headermiddle2 {
	width:120px;
	float:right;
	margin-left:10px;
	}
	
#headermiddle3 {
	width:125px;
	float:right;
	margin-left:10px;
	}
	
#full {
	widows:786px;
	height:155px;
	padding-bottom:5px;
	border-bottom: solid 1px #b3b3b3;
	}	

#headermid-right{
	float:right;
	}
	
#headerbottom {
	clear:both;
	margin-top:10px;
	padding:3px;
	border: solid 1px #b3b3b3;
	background-color:#fff;
}

/* END HEADER */

/* BEGIN MAIN */

#main {
	height:300px;}

ul.list {
	font-size:90%;
	border-top:solid 1px #b3b3b3;
	margin:0;
	padding: 10px 0 0 0;
	}
	
#col-left{
	width:524px;
	height:300px;
	float:left;
	}
	
#col-left li{
	margin:0;
	width:165px;
	height:60px;
	float:left;
	border:solid 1px #b3b3b3;
	margin: 0 4px 4px 0;
	list-style:none;
	background-color:#fff;
	text-align:center;
	}

#col-left li a img{
	text-decoration: none;
	border:none;
}

#col-right{
	width:262px;
	height:300px;
	float:right;
	
	}

#col-right li{
	margin:0;
	width:262px;
	height:20px;
	float:left;
	border-bottom:solid 1px #b3b3b3;
	margin: 0 0px 4px 0;
	padding: 4px 0;
	list-style:none;
	text-transform: uppercase;
	}	
	
#col-right li a {
	color:#000;
	text-decoration: none;
	}

#col-right li a:hover {
	color:#3fa9f5;
	text-decoration: none;
	}
	
/* END MAIN */


/* BEGIN FOOTER */

#footer {
	margin-top:18px;
	padding-top:10px;
	border-top:solid 1px #b3b3b3;
	
	}
	
#copy {
	float:left;
	font-size:80%;
	width:200px;
}

#footer-logo {
	float:right;
	width:120px;
	padding-top:0px;
	height:15px;
}


/* END FOOTER */
