/* ********** [ GENERAL ] ********** */



* {

	margin: 0px;

	padding: 0px;

}

div.clear {

	clear: both;

}

body {

	margin: 0px;

	padding: 0px;

	cursor: default;

	font: 11px arial, verdana, sans-serif;

	color: #222222;

	background: #ffffff url('bg.jpg') left top repeat;

}

/* ********** [ PAGE ] ********** */



div#page_wrap {

	width: 826px;

	margin: 0 auto;

	background: url('bg_shad.png') center top repeat-y;

	
}

div#page {

	width: 800px;

	margin: 0 auto;

	background: #FFF;

}

/* ********** [ HEADER ] ********** */



div#header_wrap {

	margin: 0px auto;

	width: 800px;

	height: 80px;

	background: url('head_bg.png') left top repeat-x;

	overflow: hidden;

}

div#header {

}

div#header h1 span {

	display: none;

}

div#header h1.logo {

	background: url('logo.png') no-repeat top left;

	display: block;

	float:left;

	height: 72px;

	width: 313px;

	text-indent: -10000px;

	margin-left: 5px;

	margin-top: 4px;

}

div#header h1.logo a, div#header h1.logo a:hover, div#header h1.logo a:visited, div#header h1.logo a:active {

	height: 72px;

	width: 313px;

	display: block;

	text-indent: -10000px;

}

div#header div.callus {

	width: 209px;

	height: 45px;

	float: right;

	background: url('callus.png') left top no-repeat;

	margin-top: 20px;

	margin-right: 10px;

}

/* ********** [ FOOTER ] ********** */



div#footer_wrap {

	margin: 0px auto;

	width: 780px;

	height: 30px;

}

div#footer {

	font: 13px/30px arial, verdana, sans-serif;

	background: url('head_nav_bg.png') left top no-repeat;

	color: #888;

	text-align: center;

	height: 30px;

	width: 780px;

}

div#footer a {

	font: 11px/30px arial, verdana, sans-serif;

	color: #3d3d3d;

	text-decoration: none;

}

div#footer a:hover {

	text-decoration: underline;

}

.foot_info {

	margin-top: 5px;

	width: 780px;

	text-align: center;

	font: 11px/15px arial, verdana, sans-serif;

	color: #3d3d3d;

	text-decoration: none;

}

.foot_info a {

	font: 11px/30px arial, verdana, sans-serif;

	color: #3d3d3d;

	text-decoration: none;

}

.foot_bg {

	width: 826px;

	height: 26px;

	margin: 0 auto;

	background: url('foot_bg.png') left top no-repeat;

	overflow: auto;

}

/* ********** [ CONTAINER ] ********** */



div#container_wrap {

	margin: 0px auto;

	width: 780px;

}

div#container {

}

/* ********** [ CONTENT ] ********** */



#content_wrap {

	padding-bottom: 10px;

}

#content {

}

/* ********** [ MAIN NAVIGATION ] ********** */



div#headernav_wrap {

	margin: 0px auto;

	width: 800px;

	height: 30px;

}

div#headernav {

	height: 30px;

	background: url('head_nav_bg.png') left top no-repeat;

	width: 780px;

	margin: 0 auto;

}

div#headernav ul {

	height: 30px;

	list-style-type: none;

	padding-left: 10px;

}

div#headernav ul li {

	float: left;

}

div#headernav ul li a {

	padding: 0px 10px;

	height: 30px;

	display: block;

	float: left;

	font: bold 12px/30px arial, verdana, sans-serif;

	color: #ffffff;

	text-decoration: none;

}

div#headernav ul li a:hover {

	text-decoration: underline;

}

/* ********** [ USER NAVIGATION ] ********** */



div#usernav {

	height: 20px;

	background: url('user_nav_bg.png') left top no-repeat;

	width: 680px;

	margin: 0 auto;

	

}

div#usernav ul {

	padding-left: 10px;

	list-style: none;

}

div#usernav li {

	float: left;

}

div#usernav ul li a {

	padding: 0px 7px;

	height: 19px;

	float: left;

	display: block;

	font: 11px/20px arial, verdana, sans-serif;

	color: #333;

	text-decoration: none;

}

div#usernav ul li a:hover {

	color: #fff;

}

/* ********** [ COMMON ITEMS ] ********** */



h2, h3, h4, h5, h6 {

	padding-bottom: 5px;

	font: bold 14px/16px arial, verdana, sans-serif;

	color: #0C4D9C;

}

h2 {

	margin-bottom: 5px;

	font: bold 14px/16px arial, verdana, sans-serif;

	border-bottom: 1px solid #d4d4d4;

}

h3 {

	font: bold 13px/16px arial, verdana, sans-serif;

}

h4 {

	font: bold 12px/16px arial, verdana, sans-serif;

}

h4 {

	font: bold 11px/16px arial, verdana, sans-serif;

}

p {

	font: 11px/16px arial, verdana, sans-serif;

	color: #222222;

}

a {

	font: 11px arial, verdana, sans-serif;

	color: #dc6b00;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

/* The hint to Hide and Show */

.hint {

	display: none;

	position: absolute;

	left: 400px;

	width: 200px;

	margin-top: -4px;

	border: 1px solid #c93;

	padding: 10px 12px;

	/* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

    background: #ffc url(pointer.gif) no-repeat -10px 5px;

}

/* The pointer image is hadded by using another span */

.hint .hint-pointer {

	position: absolute;

	left: -10px;

	top: 5px;

	width: 10px;

	height: 19px;

	background: url(pointer.gif) left top no-repeat;

}

/* login */

div#sidebar div.loginbox {

	margin-top: 10px;

	padding: 5px;

}

div#sidebar div.loginbox input.text {

	width: 95px;

}

/* sidebar box */

div.sidebox_wrap {

	margin-top: 10px;

}

div.sidebox {

}

div.sidebox table {

	width: 100%;

	border: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

}

div.sidebox table td {

	vertical-align: top;

}

div.sidebox h3 {

	margin: 0px;

	padding: 0px;

	font: bold 12px/16px arial, verdana, sans-serif;

	color: #0C4D9C;

}

div.sidebox div.data {

	padding: 5px 0px;

	font-size: 11px;

}

/* polls */

div.polls {

	margin-left: 5px;

}

div.polls table td {

	vertical-align: middle;

}