body{
	margin:0;
	padding:0;
	background:#fff url(../images/back.jpg) repeat-x;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;	
	color:#555;
	line-height:160%;
	text-align:center;
}
a{
	color:#ff9600;
	text-decoration:none;
}
a:hover{
	color:#999;
}
p, h1, h2, h3, h4{
	margin:1em 0;
	padding:0;
}
h1{font-size:140%;}

#side h1{
	color:#5BAB20;
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
}

#main h1{
	color:#3197C8;
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
}

h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:100%;}
p{ font-size:12px;}
table, td, select, input, textarea, li{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;	
}
img{border:0px;}
/* ---------------------------------- container ---------------------------------- */
#container{
	margin:0px auto;
	width:703px;
	background:url(../images/container_back.jpg) no-repeat;
	text-align:left;
}
/* ---------------------------------- header ---------------------------------- */
#header{
	position:relative;
	width: 682px;
	height:265px;
	margin-left:5px;
}
#logo{
	position:absolute;
	margin:0;
	left:400px;
	top:90px;
	width:230px;
	height:54px;
	text-indent:-8000px;	
	background:url(../images/logo.gif) no-repeat 0px 0px;
}
#logo a{
	display:block;
	height:54px;
}
#slogan{
	display:none;		
}
#meta, #meta li{
	margin:0;
	padding:0;
	list-style:none;
}
#meta {
	position:absolute;
	top: 24px;
	left: 536px;
	width: 137px;
	background:url(../images/delimiters.gif) no-repeat -22px 4px;
}
#meta li{
	float: left;
	text-indent:-8000px;
	width: 40px;
}
#meta li.last {
	border: none;
}
#meta li a{
	float: left;
	display:block;
	margin: 0px;
	color:#5D6163;
}
#home {
	background: url(../images/ico_home.gif) no-repeat;
	height:17px;
	width: 15px;
}
#contact {
	background: url(../images/ico_contact.gif) no-repeat;
	height:17px;
	width: 15px;
}
#sitemap {
	background: url(../images/ico_sitemap.gif) no-repeat;
	height:17px;
	width: 15px;
}
#meta li a span{
	display:none;
}
/* ---------------------------------- navigation ---------------------------------- */
#nav {
	position:absolute;
	bottom:0px;
	left:0px;
	border-top: 1px solid #fff;
	background:#ebebeb;
	width:100%;
}
#nav, #nav li{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li{
	text-transform:uppercase;
	text-align:center;
	display:inline;
	border-left:1px solid #fff;
	float:left;
}
#nav li.first{
	border-left:0px;
}
#nav li a{
	background:url(../images/arrow.gif) no-repeat 50% 5px;
	display:block;
	color:#465153;
}
#nav li a:hover{
	background:url(../images/arrow.gif) no-repeat 50% 7px;
	color:#333;
}
#nav li a span{
	display:block;
	width: 136px;
	height: 47px;
	line-height: 47px;
	background:url(../images/menu_back.gif) repeat-x;
}
/* ---------------------------------- side ---------------------------------- */
#flashtextside
{
	position:relative;
	top:28px;
	left:37px;
}
#side{
	float:left;
	display:inline;
	margin-left:7px;
	margin-bottom:45px;
	width:277px;
	background:url(../images/side_back.gif) no-repeat 23px 22px;
}
#side h2.title{
	margin:10px 0px;
	padding:0;
	line-height:37px;
	height:37px;
	font-weight:normal;
	color:#fff;
	font-size:110%;
	text-indent:27px;
}
#side h2.headlines{
	background:url(../images/headlines.gif) no-repeat 40px 22px;
	text-indent:-8000px;
}
#side .content{
	margin:1em 27px 1em 40px;
	position:relative;
	top:25px;
}
#side .more a{
	background:url(../images/btn_more.gif) no-repeat;
	width: 61px;
	height:18px;
	display:block;
	float:right;
}
#side .more span{display:none;}
/* ---------------------------------- main ---------------------------------- */
#main{
	float:left;
	display:inline;
	padding:30px 0;
	width:360px;
	margin-left:20px;
	min-height:300px;
	_height:300px;	
}
#main h2.title{
	padding:0;
	margin:0;
	height:40px;
	font-size:18px;
	font-weight:normal;
	color:#680404;
}
#main h2.title img{border: none;}
#main cite {
	font-style: normal;
	font-weight:bold;
	color:#316599;
}
/*
#main img {
	border:1px solid #495445
}
*/
#main img.right {
	float: right;
	margin: 4px 0px 8px 8px;
}
#main img.left {
	float: left;
	margin: 4px 8px 8px 0px;
}
/* ---------------------------------- footer ---------------------------------- */
#footer{
	clear:both;
	font-size: 10px;
	background:url(../images/footer_back.gif) no-repeat;
	height:37px;
	position: relative;
	top:-15px;
	left:10px;
	overflow:hidden;
}
#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	left:145px;
	top:9px;
}
#footer li{
	display:inline;
	border-left:1px solid #c1c1b5;
	padding: 0px 0.3em 0px 0.6em;
}
#footer li.bnone{
	border:none;
	padding-left: 0px;
}
#footer a{
	color:#555;
}
#footer a:hover{
	text-decoration:underline;
}
/* ---------------------------------- float fix ---------------------------------- */
#content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content{
	display: block;
}
/* Hides from IE-mac \*/
* html #content{
	height: 1%;
}
#content {
	display: block;
}
/* End hide from IE-mac */
/* end float fix */

/* ACCORDION */
.accordion_toggle {
	display: block;
	height: 30px;
	width: 340px;
	background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
	.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 340px;
	background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
	.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
			
			
/* Container styling*/
#horizontal_container {
	margin: 20px auto 20px auto;
	width: 680px;   
	height: 100px;    
}

#vertical_nested_container {
	margin: 20px auto 20px auto;
	width: 620px;
}

#main h1.accordion_toggle{
     color:#333;
     font-size:15px;
}

#main h1.accordion_toggle_active{
     color:#fff;
     font-size:15px;
}

div#vertical_container{
	margin-top:15px;
}