/******************* Starter.css Styles *******************/

/*http://green-beast.com/blog/?p=109 - http://tantek.com/log/2004/undohtml.css*/

/* undo browser defaults variances */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, dt, img,
blockquote, q, a, form,
input, textarea, fieldset, pre
{ margin: 0px; padding: 0px; }

/* no list-markers by default, since lists are used more often for semantics 
ul,ol { list-style: none }*/

/* removes blue linked image borders */
a img, img { border: none; }
a { text-decoration: none; }

/* de-italicize address */
address { font-style: normal; }

/*
table { border: 1px solid #000000; border-collapse: collapse; border-spacing: 0; }
table td { border: 1px solid #000000; margin: 0px; padding: 0px; }
*/

acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }


/******************* Form Elements *******************/
form { }
fieldset { }
legend { }
label { }
select { }
option { }
textarea { }
input { }
input[type="button"] { }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="password"] { }
input[type="radio"] { }
input[type="reset"] { }
input[type="submit"] { }
input[type="text"] { }
button { }


/******************* General Styles *******************/
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.smallcaps { font-variant: small-caps; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.ucase { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.slant { font-style: oblique; } /* http://usabletype.com/css/font/styles/ */
.indent { text-indent: 10px; }
.wrap { word-wrap: break-word; white-space: normal; } /* CSS3, Doesn't Validate */
.pre { white-space: pre; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }
.circle { list-style-type: circle; }
.disc { list-style-type: disc;}
.clear { clear: both; }

#content ul { margin: 1em 0em 1em 3em }

.arrow li
{
background: url(/images/icons/tick.png) no-repeat left center;
list-style-type: none;
margin-left: 0px;
padding-left: 22px;
}

.hr 
{ 
border-bottom: 1px solid #cccccc;
height: 2px;
margin: 25px 0px;
text-align: center; 
width: 100%;
}

hr { display: none; }


html {}

body 
{
background: #8B9BAE url(/images/template/body_bg.png) repeat-x top left;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center; /* center things in <= IE6 */
}

#wrapper /*IF IE STATEMENT*/
{
background: url(/images/template/wrapper_bg.png) repeat-y top center;
margin: auto;
}

#container 
{
background-color: #F0F2F5; /* Give same background color as #nav if you want #nav to appear same height as content */
margin: 0 auto;
text-align: left;
width: 730px;
}

#accessibility { display: none; }

#toolbar
{
background: url(/images/template/toolbar_bg.png) repeat-x top left;
height: 20px;
border-bottom: 2px solid #cccccc;
}

#header 
{
background: url(/images/template/header_bg.png) repeat-x top left;
height: 72px;
position: relative;
}

#header img
{
position: absolute;
top: 20px;
left: 10px;
}

#helper
{
position: absolute;
top: 5px;
right: 10px;
font-size: .8em;
color: #00234C;
}

#helper li
{
list-style-type: none;
float: left;
padding-left: 8px;
}

#helper a { color: #00234C; }

#banner
{
border-top: 1px solid #00234C;
border-bottom: 1px solid #00234C;
height: 268px;
}

#content 
{
background-color: #ffffff;
border-left: 1px solid #CCCCCC;
font-size: .75em;
letter-spacing: normal;
word-spacing: normal;
line-height: 1.75em;
text-align: left;
float: right;
padding: 20px;
width: 519px;
min-height: 480px;
}

#nav 
{
background: #F0F2F5 url(/images/template/nav_bg.png) repeat-x top left;
float: left;
font-size: .75em;
padding: 20px 10px 10px 10px;
width: 150px;
min-height: 480px;
}

	#nav ul { }
	
	#nav li 
	{
	list-style-type: none;
	border-bottom: 1px solid #74879D;
	padding: 0px;
	width: 145px;
	}
	
	#nav a 
	{
	color: #00234C;
	display: block;
	font-size: 1em;
	padding: 6px 0px 6px 2px;
	text-decoration: none;
	width: 144px;
	}

	#nav a:hover { background-color: #DDE1E7; }

#footer 
{
border-top: 1px solid #CCCCCC;
background-color: #E8EBEF;
clear: both;
font-size: .7em;
height: 105px;
}


	#footer #contact
	{
	height: 95px;
	float: left;
	width: 450px;
	padding-top: 10px;
	padding-left: 20px;
	}
	
	#footer li 
	{ 
	margin-top: 12px; 
	list-style-type: none;
	}
	
	#footer #contact img 
	{ 
	padding-right: 5px;
	vertical-align: text-bottom;
	}
	
	#footer #links
	{
	float: right;
	width: 150px;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 40px;
	height: 95px;
	border-left: 1px solid #CCCCCC;
	}

	#footer a { color: #00234C; text-decoration: underline; }

h1 { display: none; }

#content h2
{
font-size: 1.5em;
color: #00234C;
font-weight: bold;
margin: 0px 0px 1em 0px;
}

#nav h2, #footer h2 { display: none; }

#content h3 { font-size: 1.2em; margin: 1em 0px; }

#content h4 { font-size: 1.0em; margin: 1em 0px; }

#content a:link { color: #D17D00; text-decoration: underline; }
#content a:hover { color: #D17D00; text-decoration: underline; }
#content a:active { color: #E2AC5D; text-decoration: underline; }
#content a:visited { color: #E2AC5D; text-decoration: underline; }
}