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

body {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #313031;
	background:url('../images/bg_body.gif');
}

img {border: none;}

h1 {font-size: 16px; margin: 5px;}
h2 {font-size: 14px; margin: 5px;}
h3 {font-size: 12px; margin: 5px;}
h4 {font-size: 10px; margin: 5px;}

a:visited {color:#313031;}

p {margin: 0 5px;}

#wrapper {
	width: 750px;
	height: auto;
	margin: 0 auto;
	background: #ffffff;
}

#top {
	width: 750px;
	height: 20px;
	color: #ffffff;
	background: #000000;
	text-align: center;
	font-size: 10px;
}

#header {
	width: 750px;
	height: 100px;
}

#navigation {
	width: 750px;
	height: 25px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #313031;
	background:url('../images/bg_nav.gif') repeat-x;
}

#navigation a {color: #313031; text-decoration: none;}
#navigation ul {display: inline-block; padding: 0; margin: 0 5px;}
#navigation li {display: inline-block; padding: 0; margin: 3px;}

#content {
	width: 750px;
	min-height: 800px;
}

#content a:link {text-decoration: none; color: #313031;}
#content a:hover {text-decoration: underline; color: #ffc300;}
#content p {margin: 10px; 20px;}

#footer {
	width: 750px;
	height: 100px;
	background: #000000;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}

#footer a {text-decoration: none; color: #ffc300;}

.logo {float: left;}
.mainbox {width: 100%; min-height: 100px;}
.mainbox h2 a{color: #313031; text-decoration: none;}
.mainbox img {float: left; clear: both; margin:0 5px 2px 5px;}
.social {width: 80px; height: 40px; float: right; margin: 5px;}
.clear {clear: both;}