/*
===== CONTENTS =========================

	1: Global
	2: Typography
	3: DIV Containers
	4: Features
	5: Images
	6: Navigation
	7: Breadcrumbs
	8: Footer
	9: Forms/Tables


========================================
*/



/* ===== 1: Global Styles ===== */	

html, body {
	font-family: verdana, tahomha, arial, sans-serif;
	font-size: .82em;
	font-weight: normal;
	color: #7F7F7F;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.4em;
	}

html, body {height: 100%;}

* { padding: 0; margin: 0;}

a img, img a {border: none;}

.left {float: left}

.right {float: right}

.clear {width: 100%; clear: both;}

.logo {float: left;}

.bar {position: absolute; left: 0; top: 0; height: 125px; border-left: 5px solid #CE000A; z-index:2}
.home .bar {height: 260px}

.highlight {color: #CE000A}

.pdf {background: url(../images/ico_pdf.gif) left center no-repeat; padding: 3px 0 3px 20px}

#content_100 img, #content img {margin-bottom: 20px;}

.list {list-style-type: none;}
.list li {padding: 2px 0 2px 8px; background: url(../images/ico_list.gif) left center no-repeat}
.list .none {padding: 0; background: none} 
.list h3 {margin-top: 0}

a:link.back, a.back, a:visited.back, a:active.back, a.more, a:link.more, a:visited.more, a:active.more {margin-top: 30px; padding-left: 10px; float: left; color: #CE000A; text-decoration: none; background:url(../images/ico_arrow_more.gif) left center no-repeat}
a:hover.back, a:hover.more {text-decoration: underline}





/* ===== 2: Typography ===== */

a, a:visited, a:active {color: #7F7F7F}

a:hover {color: #000}

h1 {	
	color: #000;
	font-size: 2.3em;
	padding: 5px 0 20px 0;
	font-weight: normal;
	}
	
h3  {
	font-size: 1.1em;
	color: #282828;
	margin: 30px 0 5px 0;
	}
	
h3 a, h3 a:visited, h3 a:active, h3 a:hover {color: #282828}
	
p {margin: 0 0 10px 0;}




/* ===== 3: DIV Styles ===== */

#header {
	width: 750px;
	margin: 30px auto 0 auto;
	position: relative;
	height: 75px;
	}
	
#banner {display: none;}

#global_nav {display: none}
	
#content_container {
	width: 620px;
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
#navigation {display: none}
	
#content {
	width: 415px;
	float: left;
	padding-right: 20px;
	}
	
#content.home {width: 380px}
	
#content_100 {
	width: 580px;
	float: left;
	}
	
#features {
	width: 180px;
	float: left;
	margin-top: 30px;
	}

#images {
	width: 145px;
	float: left;
	margin-top: 30px;
	}
	
#footer {display: none}
	

/* ===== 4: Features ===== */

.feature {margin-bottom: 6px;}

.feature h3 {
	background: url(../images/img_feature_h3_bg.gif) left top no-repeat;
	height: 17px;
	color: #FFF;
	margin: 0;
	padding: 1px 5px 0 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	}
	
	
	
/* ===== 5: Images ===== */

#images img {
	float: left; 
	}
	
#images td {padding: 0 0 1px 0;}



/* ===== 6: Navigation ===== */



/* ===== 7: Breadcrumbs ===== */

#breadcrumbs {display:none}
	

/* ===== 8: Footer ===== */



/* ===== 9: Forms/Tables ===== */
td {
	padding: 3px 0 3px 0;
	font-size: 1em;
	}
	
.b1 td {border-bottom: 1px solid #D8D8D8}
.b2 {border-top: 1px solid #D8D8D8; background-color:#F1F1F1}