/* HERE WE RESET ALL BROWSERS SO THERE ARE NO PRE-DEFINED VALUES
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent; border:0; margin:0; padding:0; 
}

body { line-height:1; }
img { vertical-align:middle; }

/* HERE WE STYLE BODY, LINKS AND TYPOGRAPHY
 * Adjust the font size of headings and body text on lines 33 - 36 and 39.
 * Adjust the bottom margin of headings and body text on lines 32 and 38.
-------------------------------------------------------------- */

body {
	background-color:#ffffff; color:#333333;
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
}

a, a:visited { color:#a3803b; font-weight:bold; text-decoration:underline; }
a:hover, a:active { color:#a3803; font-weight:bold; text-decoration:underline; }
a.nounderline { text-decoration:none; }

.inlinelinks a { font-weight:normal; } /* specific only to glossary */

h1, h2, h3, h4, h5, h6 { line-height:1.3em; margin-bottom:18px; }
h1 { font-size:22px; font-weight:normal; }
h2 { font-size:20px; font-weight:normal; }
h3 { font-size:18px; font-weight:normal; }
h4 { font-size:16px; font-weight:normal; }

p, ul, blockquote { line-height:1.5em; margin-bottom:18px; }

ul, ol, blockquote { margin-left:15px; padding-left:15px; }


/* HERE WE DEFINE THE PAGE LAYOUT
-------------------------------------------------------------- */

div#container {
	border-left:1px solid #bababa; border-right:1px solid #bababa;
	margin:0 auto; width:905px;
}

div#header {
	border-top:5px solid #ffffcc; border-bottom:5px solid #ffffcc;
}

div#navigation {
	background:#15627e; height:60px; overflow:hidden;
}

#content {
	border-top:1px solid #bababa; border-bottom:1px solid #bababa; 
	clear:both; padding:5px 0 5px 0;
}

div#bottomnavigation {
	background:#fafafa; clear:both; font-size:12px; 
	padding:5px 0 5px 0; text-align:center;
}

div#footer {
	border-top:1px solid #bababa; clear:both;
	padding:15px 0 15px 0; text-align:center;
}

/* supplies the main left and right columns */
#leftcol { float:left; }
#rightcol { border-left:1px solid #bababa; float:right; }

.innerpad { padding:15px; }
.clear { clear:both; }


/* HERE WE STYLE THE NAVIGATION
-------------------------------------------------------------- */

#navigation ul { margin:0 0 0 4px; padding:0; }
#navigation ul li { 
	border-right:1px solid #bababa; 
	display:inline; float:left;
}
#navigation ul li.last { border-right:0; padding-right:0; }

#navigation ul li a {
	display:block; color:#ffffff; font-size:12px; font-weight:bold;
	height:60px; padding:11px 14px 0 14px; text-align:center; text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.current a {
	background:#a3803b; text-decoration:none;
}


/* HERE WE STYLE THE ADS
-------------------------------------------------------------- */

.bannerad { 
	padding:4px 0 5px 0; 
	text-align:center;
}

.textad { 
	margin:15px 0 15px 0; 
	padding-left:15px;
}

.adfloatleft { float:left; padding-top:25px; vertical-align:middle; }
.adfloatright { float:right; vertical-align:middle; }

/* HERE WE STYLE THE STATES SELECT BOX
-------------------------------------------------------------- */

.quickbox {
	font-size:14px; 
	margin-bottom:18px; padding:3px;
}

/* HERE WE STYLE GLOBAL ELEMENTS FOUND THROUGHOUT ALL PAGES
-------------------------------------------------------------- */

hr {
	background:#bababa; border-top:0; border-right:0; border-bottom:0; border-left:0;
	clear:both; color:#bababa; height:1px; margin:18px 0 18px 0; width:auto;
}

.inlinefloatleft { float:left; margin-right:18px; }
.inlinefloatright { float:right; margin-left:18px; }

.lastColumn { border-left:1px solid #bababa; }

.green { 
	background:#169865; color:#ffffff;
	font-size:16px; font-weight:bold; 
	margin-bottom:0; padding:5px;
}

.blue { 
	background:#15627e; color:#ffffff;
	margin-bottom:0; padding:5px;
}

.socialmedia { clear:both; margin:15px 0 15px 0; text-align:right; }

#bottomnavigation p, #footer p { font-size:13px; }

/*
-----------------------------------------------
FluidGrids CSS - Grids
Note: A quick way to setup multiple columns. See http://fluidgrids.com/ for an example.
----------------------------------------------- */
/* Based on Nicole Sullivan's OOCSS:
http://github.com/stubbornella/oocss/blob/8e6c6e7c7543bc76ea4f870a8ca25d27ac857d32/css/grids.css
*/

/* Page Divisions and Margins
----------------------------------------------- */
.column {float:left;}
.colpad {padding:10px;}


/* Column Widths
----------------------------------------------- */
.col1of1 {float:none;}

.col1of2 {width:49%;}

.col1of3 {width:33.33333%;}
.col2of3 {width:65.66666%;}

.col1of4 {width:23%;}
.col3of4 {width:75%;}

.col1of5 {width:19%;}
.col2of5 {width:39%;}
.col3of5 {width:59%;}
.col4of5 {width:79%;}
