/* RESET */
*{ margin: 0; padding: 0; }
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ border: 0; }	
table{ border-collapse: collapse; }
input, textarea, select, button { font-size: 100%; }
select{ margin: inherit; }

/* LAYOUT */
body{ font-size: 85%; line-height:1.4em; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #444444; background: #141414; }
.wrap{ width: 940px; margin: 0 auto; }
#Head{ float: left; width: 100%; height: 79px; background: #101010 url(bg_head.gif) repeat-x; position: relative;  }
	#Quicknav{ margin: 0 auto; width: 940px; text-align: right; height: 24px; line-height: 24px; }
		#Quicknav li{ display: inline; background-repeat: no-repeat; background-position: left; margin:0 0 0 15px; padding: 0 0px 0 15px; }
		#Quicknav li.rss{ display: inline; background-image: url(quick_rss.gif); }
		#Quicknav li.sitemap{ display: inline; background-image: url(quick_map.gif); }
		#Quicknav a{ text-decoration: none; font-size: 11px; color: #8b8b8b; }
		#Quicknav a:hover{ color: white; }
	#Logo{ position: absolute; left: 0; top: 0px; width: 50%; height: 79px; background: #060606 url(bg_logo.gif) no-repeat right; }	
		#Logo .wrap{ float: right; width: 470px; margin: 0; }
		#Logo h1{ float: left; width: 199px; height: 79px; background: url(logo.JPG) no-repeat; margin: 0; padding: 0; }
		#Logo a{ display: block; width: 100%; height: 79px; text-indent: -5000px; }
	#Nav{ position: absolute; right: 0; top: 47px; width: 100%; height: 32px; font-size: 0.9em; }
		#Nav .wrap{ height: 32px; background: url(nav_right.gif) no-repeat right top; padding: 0 5px 0 0; }
		#Nav ul{ float: right; height: 32px; background: url(nav_left.gif) no-repeat left top; padding: 0 0 0 6px; margin: 0; }
		#Nav li{ float: left; height: 32px; background: url(nav_inactive.gif) repeat-x; }
		#Nav a{ float: left; height: 26px; padding: 6px 15px 0 15px; text-decoration: none; color: #dddddd; }
		#Nav a:hover{ color: white; }
		#Nav li.active{ height: 41px; position: relative; top: -8px; margin: 0 0 -9px 0; padding: 0 0 0 15px; background: url(nav_active.gif) no-repeat; }
		#Nav li.active a{ height: 29px; padding: 12px 15px 0 0; background: url(nav_active_add.gif) no-repeat right; color: white; }
#Intro{ float: left; width: 100%; height: 215px; background: #8ea60f url(bg_intro.jpg) no-repeat top center; border-top: 1px solid #a7bf28; border-bottom: 2px solid white; color: #ecf6aa; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; overflow: hidden; }
	#Intro .left{ width: 690px; padding: 25px 0 10px 0; }
	#Intro .right{ width: 210px; height: 210px; padding:25px 0 10px 27px; background: url(intro_div.gif) no-repeat; }
	#Intro.shortintro{ height: 36px; padding: 25px 0 10px 0; }
#Content{ float: left; width: 100%; background: white url(bg_content.gif) repeat-x;  border-top: 1px solid #dedede;  }
	#Main{ float: left; width: 690px; padding:45px 0 30px 0; }
	#Side{ float: right; width: 210px; min-height: 445px; padding:45px 0 25px 27px;  background: url(bg_side.jpg) no-repeat; font-size:0.9em; }
	* html #Side{ height: 490px; }

#Footer{ float: left; width: 100%; background: #262626 url(bg_footer.gif) repeat-x; padding: 24px 0 0 0; color: #afafaf; font-size: 11px;  }
	#Footer .left{ width: 690px; }
	#Footer .right{ width: 210px; padding: 0 0 0 27px; background:url(footer_div.gif) no-repeat; }
#Footer2{ float: left; width: 100%; background: url(bg_footer2.gif) repeat-x; padding:20px 0; color:#afafaf; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
	

/* CONTENT */
.left{ float: left; }
.right{	float:right;}
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.tj{ text-align: justify; }
.clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; overflow: hidden; }

a{ color: #748611; }
a:hover{ color: #cc0000; }
p, ul{ margin: 0 0 1.8em 0; }	
h2{ font-size: 2.1em; color: #545454; margin: 0 0 15px 0; }
h3{ font-size: 1.7em; color: #545454; margin:30px 0 6px 0; }	
h4{ font-size: 1.5em; color: #545454; margin:0px 0 6px 0; }	
h5{ font-size: 1.3em; color: #545454; font-weight:bold; margin:0px 0 6px 0; }	

/* Intro contents */
#Intro h2{ color: white; font-size: 1.3em; }
#Intro p{ line-height: 1.4em; margin:0 0 20px 0;}
#Intro .buttons{ margin: 0; padding: 0; float: right; font-family: Arial, Helvetica, sans-serif;}
	#Intro .buttons li{ float: left; height: 26px; margin: 0 3px 0 0; padding: 0; background: url(btn_intro_left.gif) no-repeat; }
	#Intro .buttons a{ float:left; height: 24px; padding: 2px 24px 0 34px; background: url(btn_intro_right.gif) no-repeat right; color: #74830f; text-decoration: none; font-size: 0.7em; font-weight: bold; }		
	#Intro .buttons a:hover{ color: #ce0000; }		

/* Forms */
form{ margin: 0.7em 0 1.7em 0; }
form .required{ color: red; font-weight: bold; }
form p{ margin: 0 0 1em 0; }
input.text{ width: 300px; padding: 2px; border: 1px solid #CCCCCC; }
select.text{ width: 304px; }
textarea.text{ width: 300px; padding: 2px; border: 1px solid #CCCCCC; overflow: auto; }
.submit{ padding: 5px 25px; }

/* Tables */
.table { margin: 0.8em 0 1.8em 0; border: solid #eaeaea; border-width: 1px 1px 1px 0; }
	.table tr.odd td, tr.odd{ background: #f9f9f9 url(bg_cell.gif) repeat-y;  }	
	.table .n{ font: bold 22px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; vertical-align: middle;}
	.table td{ background:white; vertical-align: top; padding:9px; border-left: 1px solid #eaeaea; font-size:0.9em; line-height:1.4em;  }				
	.table th{ font-weight: normal; text-align: left; border: solid #eaeaea; border-width:0 0 1px 1px; padding: 0 9px; }	
	.table thead th { background: #e9e9e9 url(bg_th.gif) repeat-x;  height: 34px;  font-weight: bold;  font-size: 1em;   }				

/* Side contents */
#Side h2{ font-size: 1.6em; }
#Side .news li{ margin: 0 0 15px 0; }
	#Side .news p{ margin: 0; line-height:1.3em; }
	#Side .news .date{ color: #7b8f0f; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; }

#Side .boxes{ list-style: none; padding: 0; }
	#Side .boxes li{ display: block; margin:0 0 10px 0; padding:0; width: 210px; background: #fafafa url(bg_sidebox_head.gif) no-repeat; }
	#Side .boxes p{ display: block; width: 176px; margin:0; padding: 15px 17px 20px 17px; background: url(bg_sidebox_footer.gif) no-repeat bottom; }	
	#Side .boxes .signature{ display: block; width: 176px; text-align: right; font-weight: bold; }

/* Footer Contents */
#Footer a{ margin: 0 5px; }
#Footer ul{ margin: 0 0 4px -10px; font-family:Arial, Helvetica, sans-serif;}
	#Footer ul.nav li{ display: inline; background: url(bullet_footer_nav.gif) no-repeat right; padding: 0 5px; }
	#Footer ul.nav li.last{ background: none; }
#Footer p{ margin: 0 0 4px 0; font-family:Arial, Helvetica, sans-serif;}
#Footer h2{ color: white; font-size: 1.3em; margin:0 0 3px 0; }
#Footer2 p{ margin: 0; }
#Footer a, 
#Footer2 a{ color: #afafaf; text-decoration: none; }
#Footer a:hover, 
#Footer2 a:hover{ text-decoration: underline; color: white; }
#Footer .active a{ color: white; }