/**
 * Copyright 2009 iMarc LLC  http://www.imarc.net
 */

 
/* --------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* --------------------------------------------------------------------- */
/*
/*  1.  Browser resets
/*  2.  Main elements
/*  3.  Headers
/*  4.  Content holders
/*  5.  Links and hr
/*  6.  Images
/*  7.  Lists
/*  8.  Form elements
/*  9.  Grouping elements
/*  10. Tables
/*
/* --------------------------------------------------------------------- */   



/* --------------------------------------------------------------------- */
/* Browser resets
/* --------------------------------------------------------------------- */ 

body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset,
legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
   margin: 0;
   padding: 0;
   line-height: 1.25;
} 

/* --------------------------------------------------------------------- */
/* Main elements
/* --------------------------------------------------------------------- */

html {
	/*background: #272727 url(../img/template/html_bg.gif) repeat 50% 0;*/
	color: #4E4E4E;
	font-size: 13px;
}

body {
	background: #252525 url(../img/template/body_2_bg.gif) repeat-x 50% 0;
	font-size: 1.0em;
}

body, input.text, input.password, textarea, select {
	font-family: Arial, Helvetica, Sans-Serif;
}



/* --------------------------------------------------------------------- */
/* Headers
/* --------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {	
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.3em;
	line-height: 1.1;
}

h1 {
	color: #093b5d;
	font-size: 2.1em;
	margin-top: 0.5em;
	margin-bottom: .5em;
}

h2 {
	color: #397902;
	font-size: 1.35em;
	margin-top: 1em;
	margin-bottom: .5em;
}

h2 em {
	font-size: .8em;
	font-style: normal;
	color: #666;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.3em;   
}

h6 {
	font-size: 1.2em;      
}



/* --------------------------------------------------------------------- */
/* Content holders
/* --------------------------------------------------------------------- */

div {

}

p, pre, blockquote {
	margin: 1.0em 0;
	line-height: 1.5;
	/*font-size: 1.084em;*/
}

pre, code {
	background-color: #f8f8f8;
	font-size: 0.9em;
	font-family: "Courier New", Courier, monospace;
}    

pre {
	white-space: pre;
	overflow: auto;
	padding: 1em;
	border: 1px solid #ccc;
	display: block;
}

code {
	padding: 0.2em;
}   

blockquote {
	font-size: 1.05em;
	font-family: Arial, Helvetica, serif;
	font-style: italic;
	color: #70ba2f;
}



/* --------------------------------------------------------------------- */
/* Links and hr
/* --------------------------------------------------------------------- */

a {
	
} 

a:link {
	color: #007cdc;
}

a:visited {
	color: #007cdc;
}

a:active {
	color: #007cdc;
}

a:hover {
	color: #007cdc;
}


hr {
	display: none;
}

acronym {
	cursor: help;
}

/* --------------------------------------------------------------------- */
/* Images
/* --------------------------------------------------------------------- */

img {
	border: none;
}


/* --------------------------------------------------------------------- */
/* Lists
/* --------------------------------------------------------------------- */

ul, ol {
	margin: 1em 0;
	/*font-size: 1.084em;*/
}

ul li {
	margin-left: 2em;
	margin-bottom: .7em;
	line-height: 1.5;
}

ol li {
	margin-left: 2.6em;
	line-height: 1.5;
}



/* --------------------------------------------------------------------- */
/* Form elements
/* --------------------------------------------------------------------- */

form {
	margin: 0;
}

input.text,
input.password {  
	font-size: 1em;
	border: 1px solid #999;
	color: #333;
}

input.checkbox,
input.radio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

textarea {              
	height: 150px;
	font-size: 1em;
	border: 1px solid #999;
	color: #333;
}



/* --------------------------------------------------------------------- */
/* Grouping elements
/* --------------------------------------------------------------------- */

fieldset {
	background: #d9e6ec;
	border: 1px solid #0c4d76;
	padding: 1em;
	margin: 1em 0;  
}

legend {
	color: #0c4d76;
	margin-top: 0;
	font-size: 1.7em;
	padding: 0 .25em;
}



/* --------------------------------------------------------------------- */
/* Tables
/* --------------------------------------------------------------------- */

table {
	width: 100%;
	border: 1px solid #bbb;
	margin: 1.0em 0; 
	border-collapse: collapse;
}                     

	caption {
		background-color: #ededed;
		font-size: 1.2em;
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", serif;   
		margin-top: 1.0em;   
	}
	
	td, th {
		padding: 0.2em 0.3em;
		vertical-align: top;
		text-align: left;
	}
	
	td {
	  /* border: 1px solid #ccc; */
	}
	
	td.alt {
		background: #D9E6EC;
	}

	th {
		border: 1px solid #fff;
		background: #145c80;
		color: #fff;
		font-weight: normal;
	}

/* --------------------------------------------------------------------- */
/* Header/Footer
/* --------------------------------------------------------------------- */

#header {
	width: 960px;
}

#logo {
	background: url(../img/template/ounce_logo.png) no-repeat;
	display: block;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 20px;
	overflow: hidden;	
}

#search_area {
	background: url(../img/template/search_bg.gif) no-repeat;
	width: 467px;
	height: 40px;
	float: right;
	margin-bottom: 20px;
	margin-right: -30px;
}

#minor_nav {
	list-style-type: none;
	margin: 7px 0 0 30px;
	padding: 0;
}

	#minor_nav li {
		float: left;
		margin: 0 10px 0 0;
		background: url(../img/template/minor_nav_bg.gif) no-repeat right;
	}
	
		#minor_nav li a {
			color: #ffffff;
			font-size: .85em;
			margin: 0 10px 0 0;
			text-decoration: none;
		}
		
		#minor_nav li.last_item {
			background: none;
			padding-right: 0;
			margin-right: 0;
		}
		
		#minor_nav li a:hover {
			text-decoration: underline;
		}
		
.major_nav {
	background: transparent url(../img/template/nav.png) repeat-x top left;
	height: 40px;
	width: 960px;
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.major_nav li {
		float: left;
		margin: 0;
		text-indent: -99999px;
	}
	
.major_nav li a.main_nav_link:link, .major_nav li a.main_nav_link:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
}
	.major_nav .home a.main_nav_link:link, 
	.major_nav .home a.main_nav_link:visited {
		left: 0px;
		width: 135px;
	}
	.major_nav .home a.main_nav_link:hover,
	.major_nav .home a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat 0px -40px;
	}

	.nav_home, .nav_home_active {
		position: absolute;
		top: 0;
		left: 0px;
		width: 135px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat 0px -40px;
	}

	.major_nav .security a.main_nav_link:link, 
	.major_nav .security a.main_nav_link:visited {
		left: 135px;
		width: 137px;
	}
	.major_nav .security a.main_nav_link:hover,
	.major_nav .security a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -135px -40px;
	}

	.nav_security, .nav_security_active {
		position: absolute;
		top: 0;
		left: 135px;
		width: 137px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -135px -40px;
	}
	
	.major_nav .risk a.main_nav_link:link, 
	.major_nav .risk a.main_nav_link:visited {
		left: 272px;
		width: 137px;
	}
	.major_nav .risk a.main_nav_link:hover,
	.major_nav .risk a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -272px -40px;
	}

	.nav_risk, .nav_risk_active {
		position: absolute;
		top: 0;
		left: 272px;
		width: 137px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -272px -40px;
	}
	
	.major_nav .benefits a.main_nav_link:link, 
	.major_nav .benefits a.main_nav_link:visited {
		left: 409px;
		width: 137px;
	}
	.major_nav .benefits a.main_nav_link:hover,
	.major_nav .benefits a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -409px -40px;
	}

	.nav_benefits, .nav_benefits_active {
		position: absolute;
		top: 0;
		left: 409px;
		width: 137px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -409px -40px;
	}
	
	.major_nav .products a.main_nav_link:link, 
	.major_nav .products a.main_nav_link:visited {
		left: 546px;
		width: 137px;
	}
	.major_nav .products a.main_nav_link:hover,
	.major_nav .products a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -546px -40px;
	}

	.nav_products, .nav_products_active {
		position: absolute;
		top: 0;
		left: 546px;
		width: 137px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -546px -40px;
	}
	
	.major_nav .resources a.main_nav_link:link, 
	.major_nav .resources a.main_nav_link:visited {
		left: 683px;
		width: 137px;
	}
	.major_nav .resources a.main_nav_link:hover,
	.major_nav .resources a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -683px -40px;
	}
	
	.nav_resources, .nav_resources_active {
		position: absolute;
		top: 0;
		left: 683px;
		width: 137px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -683px -40px;
	}
	
	.major_nav .about a.main_nav_link:link, 
	.major_nav .about a.main_nav_link:visited {
		left: 820px;
		width: 140px;
	}
	.major_nav .about a.main_nav_link:hover,
	.major_nav .about a.main_nav_link:focus {
		background: url(../img/template/nav.png) no-repeat -820px -40px;
	}

	.nav_about, .nav_about_active {
		position: absolute;
		top: 0;
		left: 820px;
		width: 140px;
		height: 40px;
		background: url(../img/template/nav.png) no-repeat -820px -40px;
	}
	
#search_form {
	list-style-type: none;
	float: right;
	width: 230px;
	margin: 7px 15px 0 0;
	padding: 0;
	
}

	#search_form li {
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
	}
	
		.search_label {
			color: #2a5900;
			line-height: 1.6;
		}
		
		.search {
			color: #666666;
			width: 120px;
			height: 14px;
			padding: 2px;
			border: 1px solid #387601;
		}

#sub_nav {
	background: url(../img/template/sub_nav_bg.jpg) no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	height: 44px;
}
	div#sub_nav { height: 20px; } /* sections without subnav */
	
	#sub_nav li {
		/*background: url(../img/template/sub_nav_dot.gif) no-repeat right 10px;*/
		float: left;
		margin: 0 9px 0 0;
		padding: 0 10px 0 0;
	}
	
	#sub_nav .last_sub_nav {
		background: none;
		margin: 0;
		padding: 0;
	}

		#sub_nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			font-size: .95em;
			padding-top: 10px;
		}
		
		#sub_nav li a:hover,
		#sub_nav #active2 a {
			background: url(../img/template/sub_nav_active.gif) no-repeat 50% 0;
		}
		
#footer {
	background: #656464;
	border-top: 2px solid #4c4b4b;
	color: #fff;
	font-size: .85em;
	padding: 0 10px 1px 10px;
}

	#footer p {
		color: #fff;
	}
	
	.footer_links {
		list-style-type: none;
		padding: 0;
		float: right;
	}
	
		.footer_links li {
			margin: 0;
			padding: 0;
			float: left;
			margin-left: 15px;
		}
		
			.footer_links li a {
				color: #fff;
				text-decoration: none;
				padding-left: 15px;
				border-left: 1px solid #fff;
			}
			
			.footer_links li.first a {
				border-left: 0;
			}
	
/* --------------------------------------------------------------------- */
/* Global
/* --------------------------------------------------------------------- */

.needs_attention {
	border: 2px solid red;
}

#site_container {
	background: url(../img/template/header_bg.gif) no-repeat;
	width: 960px;
	margin: 0 auto;
	padding: 0 30px;
}

#torso {
	background: #f1f1f1;
	border-top: 2px solid #0096db;
	width: 940px;
	min-height: 300px;
	padding: 10px 10px 25px 10px;
}

#main {
	float: left;
	width: 910px;
	padding-left: 10px;
	padding-right: 15px;
}

.clear {
	display: block;
	clear: both;
	height: 0;
}

div.content {
	margin: 1em 0;	
}


/* --------------------------------------------------------------------- */
/* Inside pages
/* --------------------------------------------------------------------- */

#main h3 {
	font-size: 1.1em;
	color: #3c3b3b;
}


form label em {
	color: #c00;	
}

form span.required {
	padding-left: 1.5em;	
}

form span.required em {
	color: #c00;	
}


