body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 11px 12px;
	padding-left: 208px;
	padding-right: 208px;
	background-color: White;
}

img {
	border: 0px;
}

#wrapper {
	
}

/* ======================= HEAD ================================== */


div.head {
	clear: both; 
	margin-left: -208px; 
	margin-right: -208px;
	overflow: hidden;
	min-width: 968px;
	/*height: 108px;*/
}


div.banner_top {
	float: left;
	clear: right;
	overflow: hidden;
	padding-left: 18px;
}

/* Right Top */

div.login {
	float: right;
	overflow: hidden;
	width: 188px;
	font-size: 11px;
	color: #333333;
}

/* IE6-7 - NOT SHOWS IN FF2 */
	@media { div.login {
	clear: left;
}}
	

div.login a {
	color: #999966;
	font-weight: bold;
	padding-left: 8px;
}

div.login a:hover {
	color: #666600;
}

div.login img {
	vertical-align: text-top;
}

div.login_fields {
	margin-left: 10px;
	margin-bottom: 10px;
}

div.login_fields form {
	margin-top: 4px;
	display: block;
}

/* LOGO & TABS */

div.logo_strip {
	clear: both; 
	margin-left: -208px; 
	margin-right: -208px; 
	min-width: 948px;
	height: 51px;
}

div.logo {
	float: left;
	clear: right;
	width: 44%;
	min-width: 418px;
}

/* For IE6, where min-width doesn't work */
div.logo_min_w {
	width: 418px;
}

span.town, span.town a {
	color: #993300;
	font-size: 14px;
	font-weight: bold;
	vertical-align: 56%;
	clear: left;
}


/* ==================== TABS ============================== */

div.tabs {
	 position: relative;
	 float: left;
	 clear: right;
	 top: 14px;
	 background-color: transparent;
	 height: 51px;
	 z-index: 1000;
}

/* For IE6 instead of min-width | change if adding tabs */
div.tabs_min_w {
	width: 526px;
}

ul.tabs_list {
	padding: 0px;
	margin: 0px;
	list-style: none; 
}

ul.tabs_list li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0px 2px;
}

li.tab {	
	width: 82px;
	height: 37px;
	font-size: 12px;
	font-weight: bold;
	color: #999966;
	text-align: center;	
}

li.tab a {	
	width: 82px;
	height: 37px;
	display: block;
	padding-top: 6px;
	background-image: url(images/tab.gif);
	background-repeat: no-repeat;
	background-position: top;
	color: #ffffcc;
	text-decoration: none;
}

li.tab a:hover {	
	width: 82px;
	height: 37px;
	display: block;
	padding-top: 6px;
	background-image: url(images/tab_on.gif);
	background-repeat: no-repeat;
	background-position: top;
	color: #ffffcc;
	text-decoration: none;
}

li.tab a:active {	
	width: 82px;
	height: 37px;
	display: block;
	padding-top: 6px;
	background-image: url(images/tab_on_fixed.gif);
	background-repeat: no-repeat;
	background-position: top;
	color: #fff;
	text-decoration: none;
}

/* FOR CURRENT PAGE USE THIS ID */

li#on_fixed a {
	color: #999966;
	background-image: url(images/tab_on_fixed.gif);
}


/* TOP STRIP */

div.top_strip {
	height: 39px;
	background-color: transparent;
	color: #ffffcc;
	font-size: 12px;
	font-weight: bold;
	padding-left: 38px;
	line-height: 36px;
}

/* Content WRAPPERS */

div.content {clear: both; display: inline; float: left; margin-left: -208px; border-left: #fff 208px solid; width: 100%; min-width: 100%; margin-right: -208px; margin-top: -11px; z-index: 1;
}

/* Hack for IE6, instead of min-width in content div. Other browsers use min-width. 1646 bacause of margins on side (2x208) */

* html body #wrapper {width:expression(
(document.documentElement.offsetWidth) >1646 
* (parseInt(document.body.currentStyle.fontSize) 
/ parseInt(document.body.currentStyle.fontSize))?  "1200px" 
: ((document.documentElement.offsetWidth) < 998? "534px" : "99%")); }

/* ======================= COLUMNS ================================== */


/* ====================COLUMN LEFT ============================ */

div.col_left {
	float: left;
	margin-left: -208px; 
	width: 204px; 
	position: relative;
}

/* DATE */

div.date {
	font-size: 11px;
	color: #330000;
	margin: 14px 0px 3px 10px;
}

div.date_bar {
	background-color: #ff0000;
	border-top: 2px solid #ff6666;
	height: 6px;
	overflow: hidden;
}

/* MENU */

ul.menu {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	clear: both;
}

ul.menu li, ul.menu li a {
	margin: 4px 0px;
	color: #000;
}

ul.menu li a:hover {
	color: #993300;
}

/* POLL */

div#poll_head {
	color: #666600;
	background-image: url(images/bg_poll_head.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div#poll_box {
	background-color: #F6F6F6;
	margin: 0px;
	padding: 8px 0px;
	clear: both;
	
}

/* PROMO */

div#promo_head img {
	vertical-align: -2px;
}

div#promo_head {
	color: #006d9a;
	background-image: url(images/bg_promo_head.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div#promo_head a {
	color: #006d9a;
	text-decoration: none;
}

div#promo_head a:hover {
	color: #004448;
	text-decoration: none;
}

div.ban_box_left {
	margin: 8px 0px;
	width: 204px;
	overflow: hidden;
	text-align: center;
}


/* =========================== COLUMN RIGHT ============================= */

div.col_right {
	display: inline; 
	float: left;
	clear: right;
	background-image: url(images/top_strip.gif);
	background-position: top;
	background-repeat: repeat-x;
	position: relative;
	padding-right: 208px;
	min-width: 532px;
	width: 100%;
	overflow: hidden;
}

div.col_in_right {
clear: both; 
display: inline; 
float: left; 
margin-right: -208px; 
border-right: #fff 208px solid; 
width: 100%;
}


/* =========================== COLUMN SUB CENTRAL ============================ */
div.col_center {
	width: 100%;
	float: left;
	position: relative;
}

div.article {
	background-color: #eff3e8;
	padding: 6px 8px 8px 26px;
	font-family: "MS Serif", "New York", serif;
	font-size: 88%;
	color: #1a1a13;
}

div.article a {
	color: #993300;
}

div.article a:hover {
	color: Red;
}


div.author {
	font-size: 11px;
}

div.author a {
	color: #66672c;
	text-decoration: none;
}

div.author a:hover {
	color: #66672c;
	text-decoration: underline;
}

img.article_pic {
	float: left;
	clear: right;
	padding: 0px 18px 8px 0px;
}



div.more {
	color: Red;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	display: block;
	padding: 0px 8px 8px 0px;
}

div.more a {
	color: Red;
	text-decoration: none;
}

div.more a:hover {
	color: #FF6666;
	text-decoration: none;
}

div.more img {
	vertical-align: -3px;
}

/* Banner After the Article */

div.article_ban {
	background-image: url(images/bg_article_ban.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #efefef;
	padding: 10px;
	display: block;
	position: relative;
	clear: both;
	text-align: center;
}

/* Articles Announce */

div.articles_announce {
	width: 100%;
	/*background-color: #DDDFD2;*/
	font-family: "MS Serif", "New York", serif;
	font-size: 80%;
	color: #1a1a13;
	display: block;
}

div.articles_tmbs {
	float: left;
	width: 43%;
	padding: 20px 8px 8px 26px;
}

div.articles_tmbs a {
	text-decoration: none;
	color: #1a1a13;
}

div.articles_tmbs a:hover {
	text-decoration: none;
	color: #66672C;
}

a.article_tmb img {
	float: left;
	clear: right;
	margin: 0px 11px 11px 0px;
}




/* ======================== COLUMN SUB RIGHT ===================== */
div.col_sub_right {
	float: right; 
	margin-right: -208px; 
	width: 190px; 
	margin-left: 18px;
	position: relative;
}

div.ban_box_right {
	margin: 8px 0px;
	width: 189px;
	overflow: hidden;
	text-align: center;
}


/* ==============================FOOTER ======================*/


/* MENU & CREDITS */
	
	div.footer{
		margin: 11px -208px; 
		overflow: hidden;
		background-color: #FFF;
		clear: both;
		padding: 0px 8px 0px 11px;
	}
	
	
	div.foot_menu {
		float: left;
		clear: right;
		color: #000;
		font-size: 11px;
		margin-top: 18px;
	}
	
	div.foot_menu a {
		color: #5e6566;
		text-decoration: none;
		margin: 0px 4px;
	}
	
	div.foot_menu a:hover {
		color: #666600;
		text-decoration: underline;
	}
	
	span.foot_banners {
		margin: 0px 28px 0px 0px;
		float: left;
		clear: right;
	}
	
	span.foot_banners img {
		margin: 0px 4px;
	}
	
	ul.footer_links {
		float: left;
		clear: right;
		list-style: none;
		margin: 0px;
		padding: 0px;
		white-space: nowrap;
		width: 148px;
		
	}
	
	div.credits {
		float: right;
		clear: both;
		margin: 48px 0px 0px 0px;
		color: #d3d3c0;
		width: 288px;
	}
	
	div.credits img {
		margin: 0px 4px 0px 8px;
	}
	

/* ===================== GENERAL PAGE ELEMENTS ========================== */

div.box {
	margin: 0px 8px 10px 10px;
	font-size: 11px;
}

div.box_head {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 8px 10px 8px 8px;
	margin-top: 12px;
	margin-bottom: 0px;
	overflow: hidden;
	clear: both;
}

div.pan_side {
	margin: 4px 6px 12px 0px;
	clear: both;
	font-size: 11px;
	color: #1A1A13;
}

div.pan_side a {
	color: #66672C;
}

div.pan_side a:hover {
	color: #999966;
	text-decoration: none;
}

div.sections_head {
	background-image: url(images/bg_sections.gif);
	background-repeat: repeat-x;
	height: 42px;
	clear: both;
	margin-top: 16px;
}

div.sections_head a {
	text-decoration: none;
}


div.section_box {
	margin: 12px 8px 18px 26px;
	padding: 0px;
	font-size: 11px;
	color: #1A1A13;
	clear: both;
	overflow: visible;
	position: relative;
	min-height: 68px;
}

div.section_box a {
	margin: 2px 18px 2px 0px;
	color: #1A1A13;
	text-decoration: none;
	display: block;
	float: left;
	clear: none;
	width: 20%;
	overflow: hidden;
}

div.section_box a:hover {
	color: #66672C;
	text-decoration: underline;
}

div.bar {
	background-color: #999966;
	border-top: 2px solid #adad7b;
	height: 6px;
	overflow: hidden;
	margin-top: -5px;
}

/* ===================== GENERAL COLORS ========================== */

.green_dark {
	color: #333300;
}

/* ===================== GENERAL TEXT ELEMENTS ========================== */


h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 6px 0px;
	color:Black;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 14px 0px 0px 40px;
	margin: 0px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0px;
	color:#993300;
}

h4 {
	font-size: 11px;
	margin: 6px 0px;
	color: #1a1a13;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	color: #333300;
	font-weight: bold;
}

strong {
	color: #50501a;
	font-weight: bold;
}




/* ===================== GENERAL FORMS ELEMENTS ========================== */

 form {padding: 0px; margin: 0px; display: inline; z-index: 1;}
 
 fieldset {
 	border: 0px;
	padding: 0px;
	margin: 0px;
 }
 
 input, select, textarea  {font-family : Arial, Helvetica, sans-serif; vertical-align: middle }
 
  label {
	float: left;
	clear: right;
	padding: 2px 0px;
 }
 
 input.cols {
	float: left;
	clear: left;
	margin-right: 3px;
	margin-left: 0px;
	padding: 0px;
 }
 
  input.field {
 	background-image: url(images/bg_field.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 17px;
	border: 1px solid #333300;
	font-size: 11px;
	margin-top: 1px;
 }
 
 
 input.but {
	background-color: #ff0000;
	border-top: 2px solid #ff6666;
	border-bottom:  2px solid #ff0000;
	border-left:  2px solid #ff0000;
	border-right:  2px solid #ff0000;
	text-align: center;
	width: 76px;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFCC;
	margin: 8px 0px 3px 3px;
 }













/* ============  HACKS  ===============*/


/* This for later then ie6 browser hack 
html>body div.text_col_left {
	min-height: 565px;
	height: auto;
}


Only IE6 ignores styles with [attributes], so it will skip the following.
div.col_right[class] {
  width: 762px;
  background-color: Aqua;
  border-right: 4px solid Blue;
}



 /* LEFT WIDTH FOR IE6-7 - NOT SHOWS IN FF2
	@media { div.login_error {
		margin-left: 8px;
	}}

	
div.hp_content_footer {
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_hp_content_footer.png');
	height: 72px;
}
 */