﻿body {
    font: 80% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#FFF;
}


a, a:visited, a:hover {color:#176b9a;}
a {text-decoration:underline;}
a:hover {text-decoration:none}

a.side { color:#acacac ; text-decoration:underline;}
a:hover.side {text-decoration:none}

.clear-all {clear:both;	width:100%; height: 1%;}
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}

h1, h2, h3, form, p {margin:0;}
span { color:#acacac;}
hr {margin-top: 1.6em; height: 0px; border: solid #94cae0 0px; border-top-width: 1px;}

.textbox {
	font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 0.9em;
	color : #000;
	background-color : #fff;
	border : 1px solid #71b9d5;
	margin: 0.1em;
}


h2, h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #176b9a;

}

.type1 {
	background-color : #f8dca3;
	color : #9f7520;
	padding : 2px;
}

.type2 {
	background-color : #a8f564;
	color : #539618;
	padding : 2px;
} 

.type3 {
	background-color : #d6f1f1;
	color : #279a9a;
	padding : 2px;
}  

.type4 {
	background-color : #f9f113;
	color : #b9b31a;
	padding : 2px;
}  

.type5 {
	background-color : #fac1ab;
	color : #c25a31;
	padding : 2px;
} 
#wrapper
{
	width: 1004px;
	height: auto;
	margin: 0 auto; 	
	background: url(images/top.jpg) no-repeat top;  
}

#top-left
{
	width: auto;
	height: 27px;	
	background: #e3f1f7 url(images/t_left.gif) no-repeat left bottom;  
}

#top-right
{   
	font-size : 0.8em; 
    text-align:right;
    padding: 7px 30px;
	width: auto;
	background: url(images/t_right.gif) no-repeat right bottom;  
}


#logo-left
{   float:left;
	width: 300px;
	height: 60px;
	margin: 10px 0 5px 0; 	
	background: url(images/l_left.gif) no-repeat left top;  
}

#logo-right
{   width: auto;
    padding: 7px 20px;
//	height: 60px;	
 	height: 50px;	
	background: url(images/l_right.gif) no-repeat right top;  
}

#logo-right h1
{   
	font-family : bold "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 2.0em; 
	letter-spacing: 0.04em;
}

#logo-right h1 a
{   
	color : #fff; 
	text-decoration:none;
}

#logo-right p {
	font-size:1.0em; 
	line-height:0.9em;
	color: #fff;
}


#banner
{  
	float: right;
	width: auto;
	margin: 10px 0 5px 0; 
}

#nav-left
{
	width: auto;
	height: 31px;	
	background: url(images/n_left.gif) no-repeat left top; 
	margin-bottom: 10px;  
}

#nav-right
{
	width: auto;
	height: 31px;	
	background: url(images/n_right.gif) no-repeat right top;  
}

#nav-right ul
{
	list-style-type:none;
	list-style-image:none;

}

#nav-right li
{
	float:left;
	margin:0 10px 0 0;
	padding:0px 10px 0 0;
	text-align:center;
	vertical-align:middle;
	height: 31px;
}

#nav-right li a
{
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8em;
	color:#fff;
	display:block;
	height: 31px;
	
	
}
#nav-right li a:hover
{
	color:#000;
	text-decoration:none;
	font-size:0.8em;
	
}


#nav-right li a:hover
{
	background:url('images/na_right.gif') no-repeat scroll right top;
}

#nav-right li a:hover b
{
	background:url('images/na_left.gif') no-repeat scroll left top;
}

#nav-right li.active a
{
	color:#000;
	background:url('images/na_right.gif') no-repeat scroll right top;
}

#nav-right li.active a b
{
	background:url('images/na_left.gif') no-repeat scroll left top;
}

#nav-right li a b
{
	padding:10px 10px;
	display:block;
}

.f1h, .f2h, .f3h, .f4h, .f2bh, .f3bh, .f4bh{font-size:1px; overflow: hidden; display:block; }
.f1h {height:1px; background:#eceeec; margin:0 5px;}
.f2h, .f2bh {height:1px; background:#fcfafc; border-right:2px solid #eceeec; border-left:2px solid #eceeec; margin:0 3px;}
.f3h, .f3bh {height:1px; background:#fcfafc; border-right:1px solid #eceeec; border-left:1px solid #eceeec; margin:0 2px;}
.f4h, .f4bh {height:2px; background:#fcfafc; border-right:1px solid #eceeec; border-left:1px solid #eceeec; margin:0 1px;}
.f2bh, .f3bh, .f4bh {background: #fcfafc;}
.scode {background: #fcfafc; border-right:1px solid #eceeec; border-left:1px solid #eceeec; padding:5px 10px;
} 


	
.search-textbox {
	background:url(images/s_left.gif) no-repeat 0 0;
	border:none;
	padding:3px 0px 4px 5px;
	vertical-align:middle;
	margin:0px;
}

.search-button {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	line-height:16px;
	vertical-align:top;
	margin:0px;
	padding:3px 0px 4px 0px;
	border:none;
	width:90px;
	background:url(images/readon.gif) no-repeat 0 0;
}


.button {
	background:url(images/readon.gif) no-repeat 0 0;
	color:#fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:3px 0px 4px 0px;
	border:none;
	text-transform:uppercase;
	line-height:16px;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:90px;
	vertical-align:top;
}
* html .button {
	display:block;
}

/* Page Navigation */


.pagenav {
	padding: 0.4em; text-align:center;
}

.pagenav span {
	color: #fff;
	background-color: #0885b6;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	color: #0885b6;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #0885b6;
	margin: 0.2em;
	text-decoration: none;
}



#left {
	float:left;
	width: 200px;
	padding:10px 0px;
}

#center {
	padding:10px 0px 0px 15px;
}


#footer {
	margin: 20px 0 0 0;
	height: 60px;
	border-top : 1px solid #71b9d5;
}


#copyright {
	float: right;
	font-size: 0.8em; 
	padding:10px 10px;  
}

#copyright p {
	padding-left:10px;  
	border-left: 4px solid #61b1db;
}

#counters {
	float: left;
	padding:10px 10px;  
}



/* Poll bar ids are sequential and one-indexed */

#pollBar1 {
	background: #ff0000;
	height:20px;
}

#pollBar2 {
	background: #00ff00;
	height:20px;
}

#pollBar3 {
	background: #0000ff;
	height:20px;
}

#pollBar4 {
	background: #ffff00;
	height:20px;
}

#pollBar5 {
	background: #00ffff;
	height:20px;
}

#pollBar6 {
	background: #ff00ff;
	height:20px;
}

