/*  CSS Document */

* {
 padding: 0; 
 margin: 0;
 }


body {
	font-size: 62.8%;
	 font-family: Arial, Helvetica, sans-serif;
	 background: url(images/bg.jpg) #e4d5be;
	}

#page {
	width: 900px;
	padding: 0 15px;
	margin: 110px auto;
	background: url(images/bg_a.png) repeat-y center;
	}

#header {
	height: 150px;
	background: url(images/sky2.jpg) bottom right no-repeat;
	position: relative;
	}

#feature, #content {
	position:relative;	
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	}

#feature {
	border-bottom: 5px solid #ccc;
		background: #84201e;
	}

#features {
	height: 150px;
	}

.feature_item {
	width: 610px;
	height: 150px;
	padding: 0;
	
	}

#features_list {
	height:130px;
	width:707px;
}

#content {
	padding:  0;
	}

.sidecol {
	float:left;
	width:100%;
	position:relative;
	right: 650px;
	}

.main {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	width: 630px;
	padding: 10px;
	left: 900px;
	}

.sidebar {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	width: 230px;
	padding: 10px;
	left: 0;
	}

#feature .sidecol {
	background: url(images/feature_sidecol2.jpg) no-repeat right #ccc;
	}

#feature .main {
	background: #84201e;
	padding: 20px;
	width: 610px;
	}

#feature .sidebar {
	padding: 40px 20px;
	width: 210px;
	}

#content { 	
	background: #fff;
	}
	
#content .sidecol { /* sidebar background color */
	background: #e4eaf9;
	}

#content .sidebar .section {
	padding-bottom: 50px;
	}

#content .main {
	width: 640px;
	padding: 10px 0 10px 10px;
	}

#content .main .section {
	margin-bottom: 20px;
	padding: 10px;
	}

#content .main .highlight {
	background: #f47820;
	padding: 10px;
	}

.img_space {
	margin: 13px 10px 0 0;
	width: 110px;
	height: 110px;
	text-align: center;
	float:left;
	}

#footer {
	background: #ccc;
	color: #333;
	clear: both;
	padding: 5px 10px;
	}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5 {
	font-weight: normal;
	}

#header h1 {
	background: url(images/logo2.png) no-repeat;
	height: 250px;
	width: 250px;
	text-indent: -999999em;
	position: absolute;
	z-index: 2;
	top: -100px;
	left: 0;
	}

#header h2 {
	font-size: 2.8em;
	padding: 90px 10px 10px 0;
	color: #000;
	font-family: Palatino, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	text-align: right;
	}

#header h3 {
	position: absolute;
	width: 200px;
	left: -250px;
	top: 85px;
	z-index: 5;
	font-size: 2em;
	padding: 10px 0 10px 275px;
	color: #b23354;
	text-align: center;
	font-family: Palatino, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	}

#feature h2 {
	color: #fff;
	font-size: 2.5em;
	font-style: italic;
	}

#feature .sidebar h2 {
	font-size: 1.75em;
	padding-left: 30px;
	}

#feature h3 {
	color: #f47820;
	font-size: 2em;
	margin: 0.5em 0;
	}

#feature p, #feature li {
	color: #f47820;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 5px 0;
	}

#feature a {
	background: #f47820;
	color: white;
	padding: 3px 5px;
	text-decoration: none;
	}

#feature a:hover {
	color: #fff;
	}

#feature .feature_item h2, #feature .feature_item p {
	width: 300px;
	}

#feature .feature_item a {
	font-size: 1.5em;
	}


#content .main h2 {
	font-size: 2em;
	color: #f47820;
	}

#content .main h3 {
	color: #666;
	font-size: 2em;
	margin:10px 0 0 50px;
	}

#content .main h3 a {
	color: #666;
	text-decoration: none;
	}

#content .main h3 a:hover {
	color: #84201e;
	text-decoration: underline;
	}

#content .main p, #content .main li {
	margin: 10px 0 10px 50px;
	font-size: 1.4em;
	color: #666;
	line-height: 1.4em;
	}

#content .main li {
	margin-left: 80px;
	}

#content .main .highlight h2, #content .main .highlight h3, #content .main .highlight p {
	color: #fff;
	}

#content .sidebar h3 {
	border-bottom-color: #f58320;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 1.5em;
	color: #4b74d5;
	font-weight: bold;
	margin: 5px 0 10px 0;
	}

#content .sidebar h4 {
	font-size: 1.2em;
	color: #f47820;
	font-weight: bold;
	margin: 5px 0;
	}

#content .sidebar p, #content .sidebar li {
	color: #666;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 3px 0 7px 0;
	}

#content .sidebar li {
	margin-left:17px;
	}

#footer p {
	float: left;
	width: 200px;
	}

/* LISTS */

#top_nav {
	width: 306px;
	height: 22px;
	position: absolute;
	top: -22px;
	right: 0;
	}

#top_nav li {
	list-style: none;
	float: left;
	width: 100px;
	margin: 0 0 0 2px;
	}

#top_nav li a {
	font-size: 0.9em;
	display: block;
	padding: 5px 7px;
	background: #f47820;
	height: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}

#top_nav li a:hover, #top_nav li a.selected {
	background: #3366cc;
	}

#main_nav {
	width: 100%;
	height: 29px;
	background: #4b74d5;
	border-bottom: 1px solid #000;
	}

#main_nav li {
	list-style: none;
	float: left;
	width: 180px;
	}

#main_nav li a {
	font-size: 1.3em;
	display: block;
	padding: 7px 10px;
	background: #4b74d5;
	font-weight: bold;
	border-right: 1px solid #a5baea;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}

#main_nav li a:hover, #main_nav li a.selected {
	background: #1635b2;
	}

#feature_list {
	border-top:1px solid #f47820;
	padding-top:5px;
	}

#feature_list a {
	list-style:none;
	border:1px solid #f47820;
	text-decoration:none;
	background: #84201e;
	color: #f47820;
	padding:1px 0 0 0;
	float:left;
	margin:0 5px;
	height:15px;
	width:15px;
	text-align:center;
	cursor:pointer;
	}
	
#feature_list a.activeSlide, #feature_list a:hover {
	border:1px solid #f47820;
	background: #f47820;
	color: #84201e;
	}

#footer_nav {
	}
	
#footer_nav li {
	list-style: none;
	display: inline;
	}

#footer_nav li a {
	text-decoration: none;
	color: #333;
	padding: 0 5px 0 7px;
	border-left: 1px solid #999;
	}

#footer_nav li a:hover {
	text-decoration: underline;
	color: #000;
	}

/* OTHER */

.right {
	float: right;
	margin-left: 5px;
	}

/* FORMS */

form div {
	margin: 5px 0;
	clear: left;
	}

label {
	float: left;
	width: 100px;
	font-size: 1.3em;
	text-align: right;
	margin-right: 10px;
	clear: left;
	}
	
.error { background: #fcc; border: 1px solid #900; color: #900;}
label.error { float: none; clear: none; margin-left: 10px; padding: 3px;}

#feature label {
	color: #f47820;
	}

#feature .sidebar form {
	padding-left: 30px;
	}

.sidebar label {
	text-align: left;
	float: none;
	}

#content .sidebar label {
	display: block;
	font-size: 1.2em;
	color: #666666;
}

/* disclosure */

.disclosure, .disclosure-closed {
	margin: 0;
	}

.disclosure-img {
	float: left;
	margin: 4px 10px 0 15px;
	}

.disclosure h1, .disclosure-closed h1, .disclosure h2, .disclosure-closed h2, .disclosure h3, .disclosure-closed h3, .disclosure h4, .disclosure-closed h4 {
	cursor:pointer;
	}
	
	#tabs div {
	clear: left;
	padding-top: 10px;	
	}