body {
	background: transparent url('images/background.png') top repeat-x;
	color: #333;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 0.875em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	}

/* fonts and links */
a {
	color: #3870a9;
	}
	a:hover {
		border-style: none;
		color: #73a938;
		text-decoration: none;
	}

h1, h2, h3, h4 {
	color: #545454;
	font-family: "Trebuchet MS", verdana, arial;
	margin: 0px;
	letter-spacing: 0.1px;
	font-weight: normal;
}
h1 {
	line-height: 26px;
	padding: 0 0 5px 0;
}
h2 {
	line-height: 24px;
	margin: 5px 0px 5px 0;
	padding: 0;
}
h3 {
	line-height: 22px;
	padding: 0;
}
h4 {
	line-height: 20px;
	padding: 5px 0 5px 0;
}

/* global ids */
#content {
	margin: 0 auto; 
	width: 90%;
}
#header {
	float: left; 
	height: 65px;
	margin: 0;
	padding: 15px 0 5px 0; 
	width: 100%;
}
	#header ul {
		background-color: #dadada;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		float: left; 
		list-style-type : none;
		margin: 10px 0 0 30px;
		padding: 3px; 
		width: 520px; 		
		}
		#header ul li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0 0 0px 0px;
			text-align: center;
			width: 125px;
			}
			#header ul li a {
				background-color: #3b70a7;
				border: 1px solid #666;
				border-radius: 15px;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				color: #fff;
				float: left;
				font: bold 1em calibri;
				padding: 9px 0;
				text-decoration: none;
				width: 125px;
				}
				#header ul li a:hover{
					background-color: #377ec7;
					text-shadow: 0px 0px 1px #000;
					}
#down { 
	background: #fff; 
	float: left; 
	margin: 0 0 10px 0; 
	padding: 10px 0 0 0; 
	width: 100%; 
	}
#right {
	background: #fff; 
	float: right;
	margin: 0; 
	padding: 0; 
	width: 80%;
}
#central { 
	background: #fff;
	float: left;
	margin: 0; 
	padding: 0 1% 0 0px; 
	width: 70%; 
}
#column  {
	background: #fff;
	float: right;
	margin: 0;
	padding: 0 0px 0 0px;
	width: 29%;
}
#left {
	background: #f9f9f9 url('images/left_bg.png') top right repeat-y;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left; 
	margin: 0 1% 10px 0; 
	padding: 0px;
	width: 19%;
}
#footer {
	background: #fff;
	border-top: 1px solid #e3e3e3;
	color: #888;
	float: right;
	font-size: 0.8571em;
	padding: 15px 1% 5px 1%;
	width: 98%;
}
	#footer a {
		color: #888;
	}
		#footer a:hover{
			color: #4d4d4d;
		}
	#footer ul {
		border: none;
		float: right; 
		list-style-type : none; 
		margin: 0;
		padding: 0; 
		width: 40%; 
	}
	#footer ul li {
		float: right;
		padding: 0 1% 0 0;
		width: 32%;
	}

/* specific classes */
.forum-invite{
	background: transparent url('images/index-banner.png') top right repeat-x;
	border: 1px solid #7c9caa;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 180px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	}
	.forum-invite h1{
		font: bold 25px Calibri, Arial;
		float: left;
		margin: 0px;
		padding: 5px 0 0 10px;
		width: 100%;
		}
	.forum-invite p{
		color: #ffffff;
		float: right;
		font: 13px arial;
		font-style: italic;
		line-height: 17px;
		margin: 0;
		padding: 23px 5px 5px 10px;
		width: 375px;
		}
	.forum-invite p a{
		background: #0f72b7;
		border: 1px solid #9ac4e1;
		border-radius: 3px;
		color: #ffffff;
		float: right;
		font: bold 14px arial;
		font-style: normal;
		margin: 10px 10px 0 0;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		}
a.logo { 
	border: 0px;
	float: left;
	height: 45px;
	margin: 0;
	padding: 0;
	width: 290px;
}
	a.logo img {
		border: 0px;
		height: 45px;
		width: 290px;
	}
img.thumbnail {
	float: left;
	padding: 2px;
	border: 1px solid #dadada;
	margin: 0 5px 5px 0px;
}
p.leftp {
	border-bottom: 1px solid #c4cccf;
	float: left;
	margin: 0 0 5px 0;
	padding: 5px 1%;
	width: 98%;
}
	p.leftp a {
		font-size: 1em;
	}
	p.leftp img {
	float: left;
	margin: 0 3px 3px 0;
	}
.search {
	float: right;
	margin: 0;
	width: 300px;
	}
	.search form {
		float: right;
		}

#menu {
	border-bottom: 1px solid #c4cccf;
	float: left;
	list-style-type : none;
	margin: 0 0 10px 0;
	padding: 5px 1%;
	width: 98%;
}
	#menu li {
		float: left;
		padding: 3px 1%; 
		width: 98%;
	}
	#menu li a {
		color: #666;
		display: block;
		font: bold 1.2em "Trebuchet MS", Arial;
		width: 190px;
	}
	#menu li a:hover {
		color: #C61F06;
		text-decoration: none;
	}

.article_descr {
	border-bottom: 1px dotted #666;
	float: left;
	margin: 0;
	padding: 5px 3px 5px 5px;
	width: 470px;
	}
	.article_descr h2{
		margin: 0;
		padding: 10px 0 10px 0;
		}
	.article_descr img {
		border: 1px solid #999;
		float: right;
		padding: 0px;
		width: 100px;
		}
	.article_descr span{
		float: left;
		width: 360px;
		}
	.article_descr b {
		color: #999;
		float: left;
		font: 11px arial;
		font-style: normal;
		padding: 5px 0px 0 0px;
		text-align: left;
		width: 360px;
		}
		.article_descr b a{
			color: #666;
			}
.question_descr {
	border-bottom: 1px dashed #dadada;
	float: left;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 478px;
}
	.question_descr span{
		color: #545454;
		float: left;
		font-size: 0.9em;
		padding: 3px 0 0 0;
		width: 470px;
	}
	.question_descr span a:hover{
		color: #545454;
		text-decoration: none;
	}
	
p.rightp {
	border-bottom: 1px dotted #dadada;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0 5px 7px 5px;
	width: 245px;
}
	p.rightp a {
		font: bold 13px arial;
	}
	p.rightp img {
	float: left;
	margin: 0 3px 3px 0;
	}
.col_sub{
	background: #FBF8CE;
	margin: 0px 5px 10px 0;
	padding: 5px;
	width: 245px;
}
.alert {
	background: #FCFBCE;
	border: 1px solid #D8D633;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	font: 13px arial;
	margin: 10px 0 10px 0;
	padding: 10px 1%;
	width: 98%;
}
form.wide_form {
	background-color: #f7f7f7;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	margin: 10px 0;
	padding: 5px 2%;
	width: 96%;
}
.form_line {
	border-bottom: 1px solid #eee;
	float: left;
	margin: 0;
	padding: 7px 1%;
	width: 98%;
	}
	.form_line span{
		color: #666;
		font: bold 1.3em Calibri;
		float: left;
		width: 24%;
		}
	.form_line text{
		color: #666;
		float: right;
		width: 76%;
		}
	.form_line small{
		float: left;
		font-size: 0.9em;
		padding: 3px 0;
		width: 100%;
		}
	.form_line input.text_long, .form_line input.text_short, .form_line textarea{
		border: 1px solid #999;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #666;
		float: left;
		font: normal 1em calibri,arial;
		padding: 2px;
		width: 220px;
		}
		.form_line input.text_short{
			width: 100px;
			}
	.form_line textarea {
		height: 130px;
		width: 80%;
		}
	.form_line_submit {
		border-top: 1px solid #ddd;
		float: left;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
		}
		.form_line_submit input.submit {
			background-color: #3b70a7;
			border: 1px solid #666;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #fff;
			font: bold 1.1em calibri, arial;
			padding: 3px;
			}
.pages{
	border-top: 1px solid #dadada;
	float: left;
	margin: 8px 0 5px 0;
	padding: 0 0 5px 5px;
	width: 475px;
}
	.pages strong {
		float: left;
		padding: 5px;
	}
	.pages ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.pages ul li{
			display: block;
			float: left;
			margin: 0;
			padding: 3px;
			text-align: center;
			width: 20px;
		}
		.pages ul li:hover {
			background: #dadada;
		}
		li.pageli_selected {
			background: #dadada;
		}
ul.ultype1 {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;	
	width: 100%;
}
	ul.ultype1 li {
		background: #63795b;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		display: block;
		float: left;
		margin: 0 0 2px 0;
		padding: 4px 1%;
		width: 98%;
	}
		ul.ultype1 li:hover {
			background: #709063;
		}
ul.ultype2 {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;	
	width: 100%;
}
	ul.ultype2 li {
		background: #617c88;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		display: block;
		float: left;
		margin: 0 0 2px 0;
		padding: 4px 1%;
		width: 98%;
	}
		ul.ultype2 li:hover {
			background: #7596a4;
		}
	ul.ultype2 strong {
		color: #65818c;
		display: block;
		float: left;
		font-size: 1.1em;
		padding: 10px 0 2px 0;
		width: 100%;
	}
ul.ultype1 a, ul.ultype2 a {
	color: #fff;
	float: left;
	width: 100%;
}
ul.ultype3{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;	
	width: 100%;
}
	ul.ultype3 li {
		border-bottom: 1px solid #edd3d4;
		display: block;
		float: left;
		margin: 0 0 2px 0;
		padding: 2px 1%;
		width: 98%;
	}
	ul.ultype3 strong {
		color: #9a0007;
		display: block;
		float: left;
		font-size: 1.1em;
		padding: 10px 0 2px 0;
		width: 100%;
	}
	ul.ultype3 span {
		color: #888;
		float: left;
		font-size: 0.8571em;
		margin: 2px 0 0 0;
		padding: 0px 0 5px 0;
		width: 100%;
		}
		ul.ultype3 span a{
			color: #888;
			}
ul.ulcenter1{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;	
	width: 465px;
}
	ul.ulcenter1 li {
		display: block;
		float: left;
		margin: 3px 5px 3px 5px;
		padding: 2px;
		width: 451px;
	}

.q_subtitle {
	background: #eee;
	float: left;
	font-size: 0.9em;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 5px;
	width: 470px;
}
	.q_subtitle form {
		float: right;
		margin: 0;
		padding: 0;
	}
.question_text {
	float: left;
	width: 475px;
}
.addcomment {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	float: left;
	margin: 5px 0 5px 0;
	padding: 7px 0 7px 0;
	width: 475px;
}
	.addcomment textarea {
		border: 1px solid #c4c4c4;
		font-family: "Trebuchet MS", arial;
		margin: 4px;
		padding: 3px;
		width: 465px;
	}
	.addcomment textarea:hover {
		border: 1px solid #545454;
		font-family: "Trebuchet MS", arial;
	}
	input.addbutton {
		float: left;
		margin: 5px 0 0 100px;
	}
	span.text_tag {
		float: left;
		margin: 0;
		padding: 3px 0 3px 0;
		width: 475px;
	}
	input.text_input {
		border: 1px solid #c4c4c4;
		font-family: "Trebuchet MS", arial;
		margin: 4px;
		padding: 2px;
	}
		input.text_input:hover {
			border: 1px solid #545454;
			font-family: "Trebuchet MS", arial;
		}
.answertoq {
	float: left;
	margin: 3px 0 10px 0;
	padding: 0px;
	width: 475px;
}
	.answertoq span {
		background: #f0f0f0;
		float: left;
		font-size: 1.1em;
		margin: 0 0 4px 0;
		padding: 2px 2px 2px 3px;
		width: 470px;
	}
.subctans {
	border-top: 2px solid #e2e2e2;
	float: left;
	margin: 5px 0 10px 0;
	padding: 5px;
	width: 465px;
}
.account_row{
	border-bottom: 1px solid #f7f7f7;
	float: left;
	margin: 0;
	padding: 5px 1%;
	width: 98%;
	}
.form_row, .form_submit{
	border-bottom: 1px solid #f7f7f7;
	float: left;
	margin: 0;
	padding: 5px 1%;
	width: 98%;
	}
	.form_row span{
		color: #3c4347;
		font: bold 1em Arial;
		float: left;
		width: 20%;
		}
	.form_submit{
		border-bottom: 0px;
		padding: 10px 1%;
		text-align: center:
		}
		.form_submit input{
			margin: 0 auto;
			}
/* forum styles */
.undertitle{
	background: #f7f7f7;
	float: left;
	font-size: 0.89em;
	padding: 0%;
	width: 100%;
	}
	.undertitle a{
		background: #f7f7f7;
		color: #376b83;
		float: left;
		padding: 3px 7px;
		}
	.undertitle a:hover{
		background: #eaeaea;
		color: #2f7493;
		}
.quest_list_row{
	border-bottom: 1px dotted #ddd;
	color: #666;
	float: left;
	padding: 5px 1%;
	width: 98%;
	}
	.quest_list_row a{
		color: #3870a9;
		font: bold 1.1em arial;
		}
	.quest_list_row span{
		float: left;
		font: normal 1em arial;
		margin: 3px 0 0 0;
		padding: 2px 0 3px 0;
		width: 100%;
		}
		.quest_list_row span a{
			color: #666;
			font: normal 1em arial;
			}