/*
	CSS Reset
	Global Styles
	All styles
	Author: preynolds@webassociates.com

*/

body, div, dl, dt, dd, ul, ol, li, 
h1,h2,h3,h4,h5,h6, pre, form, fieldset,
input, textarea, p, blockquote, th, td {  
	margin: 0; 
	padding: 0; 
	} 
table { 
	border-collapse:collapse; 
	border-spacing: 0; 
	} 
fieldset,img {  
	border: 0; 
	} 
address, caption, cite, code, dfn, em, th, var { 
	font-style: normal; 
	font-weight: normal; 
	} 
ol, ul { 
	list-style:none; 
	} 
caption, th { 
	text-align:left; 
	} 
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
	} 
q:before,q:after { 
	content:''; 
	} 
abbr,acronym { 
	border:0; 
}


html, body{ height: 100%}

body {
	color: #2e2e2e;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #eee;
	}

blockquote, q { quotes: none; }

br {line-height: 14px; height: 14px;}

/* remember to define focus styles! */

/* remember to highlight inserts somehow! */

ins { text-decoration: none;}

del { text-decoration: line-through;}


/* Texts

-------------------- */

p {
	text-align: left; 
	line-height: 16.5px; 
	padding-bottom: 14px;
	}




/* Headings

-------------------- */


h1.title {margin:0 0 10px 4px;}

h1 { margin-bottom: 3px; font-size: 24px; color: #fff; text-transform: uppercase}

h1.title-header {margin: 4px 0 4px 1px; font-weight:  normal}

h2 {color: #1e1b1b; padding: 3px 0 5px 5px; font-size: 17px}	

h3 {color: #161414; padding-bottom: 3px; font-size: 14px; text-transform: uppercase}

h4 {font-size: 12px; color: #1e1b1b; padding-bottom: 3px; font-weight: bold}

h5 {}

h6 {}


/* Lists

-------------------- */

ol, ul { list-style: none;}

ul li { list-style-type: none; padding: 0px;}

ul.list li, ul.faqList li, .sitemapList li {
	font-size: 11px;
	color: #5b5b5b;
	background: url(../images/bullet.gif) left 4px no-repeat;
	padding: 0px 0px 15px 12px;
	}
 
 ul.sitemapList { margin-bottom: 10px}

.sitemapList li { padding-bottom: 5px}

.sitemapList li a {
	color: #7e9017;
	font-size: 12px;
	}

ul.faqList li { font-size: 12px }
ul.faqList li strong { display: block; color: #1e1b1b }


/* Tables

-------------------- */

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0;}

td { vertical-align:top; }


/* Misc

-------------------- */

.clear {
	clear:both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	}

.fleft, .imgLeft {float: left;}

.fright, .imgRight {float: right;}

 .imgRight { margin-top: -20px }

div.nomargin, img.nomargin{ margin: 0px;}

div.nopadding, p.nopadding, h2.nopadding, li.nopadding{padding: 0px;}

div.center, p.center{text-align: center;}

.paragraph {
	clear: both;
	width: 100%;
	display: table;
	}

/* Layout

-------------------- */

#wrapper, #header, #hero, #container, #footer{ width: 628px; margin: 0px auto;}


#wrapper {}

#header{ height: 113px; position: relative}

#hero{
	height:212px;
	background: url(../images/hero.gif) left top no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	}

#hero.online{
	margin:0px auto 30px auto;
	background: none;
	height:183px;
	}

#hero.sitemap {
	margin:0px auto 10px auto;
	background: none;
	height:214px;
	}

#container {float:left;}

#leftside{ width: 680px; float: left;}

#rightside{ width: 284px; float: right;}

#footer {
	margin:35px auto 0 auto;
	width:955px;
	padding:10px 0 1.5em 0;
	background: url(../images/bg_footer.gif) no-repeat -4px top ;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#6b6a6a;
	}

#wrapper #container #columns #leftcol #box-content3 a {
	color: #7e9017;
	text-decoration: underline;
}