/* -------------------------------------------------------------- 
   RESET (via Eric Meyer)
-------------------------------------------------------------- */

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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background: #87a5b1 url(../images/siteBG2.jpg) center top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

/* HEADINGS */
h1 { font-size: 40px; line-height: 50px; margin-bottom: 10px; }
h2 { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 30px; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 14px; line-height: 20px; }

/* TEXT ELEMENTS */
p, ul, ol, dl { margin-bottom: 14px; font-size: 14px; line-height: 18px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* TABLES */
table { margin-bottom: 20px; }
th,td { padding: 5px 10px 5px 0; }


/* -------------------------------------------------------------- 
   FORMS
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding: 9px; margin-bottom: 20px; border: 1px solid #ddd; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
textarea { padding: 10px; }

/* -------------------------------------------------------------- 
   TABS - Starting point for turning lists into tabs.
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li ul { float: left; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs, ul.tabs li ul { display: block; }


/* -------------------------------------------------------------- 
   WRAPPER - Clearing floats without extra markup.
-------------------------------------------------------------- */

.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 1038px; }


/* Header
-------------------------------------------------------------- */

#header { margin: 0px; }
.rightie {
	float: right;
	width: 685px;
}

#header #logo { }
#header #logo img { }
#header #nav { }
#navtabs { }
#navtabs ul { list-style-type: none; padding: 0px; margin: 0px; }
#navtabs li { float: left; display: block; }
#breakingNews { clear: both; margin: 0px; padding: 0px; background: url(../images/breakingnews.gif) no-repeat; height: 41px; overflow: hidden; position: relative; }
#breakingNews ul { padding-left: 275px; padding-top: 12px; font-size: 20px; color: #FFF; }
#breakingNews p { padding-left: 275px; padding-top: 12px; font-size: 20px; color: #FFF; }
#breakingNews a { color: #FFF; text-decoration: underline; }
.newsticker {
	font-size: 20px; color: #FFF;
	list-style-type: none;
}


/* Body
-------------------------------------------------------------- */

#body { margin: 36px 0px 0px; position: relative; color: #FFF; }

#contactCol { float: left; width: 240px; padding-left: 64px; border-right: 6px solid #fcf6ed; }
#contactCol h2 { font-size: 16px; margin: 0px; padding: 0px; }
#rightCol { float: left; width: 450px; padding-left: 38px; }
#rightCol p { font-style: italic; }
#rightCol strong { font-style: normal; }
#rightCol a { font-style: normal; }

#staffCol { float: left; width: 500px; padding-left: 48px; }
#staffCol .col1 , #staffCol .col2{ float: left; width: 50%; }
#staffCol p { font-style: italic; padding-right: 5px; }
#staffCol strong { font-style: normal; }
#staffCol a { font-style: normal; }

#missionCol { float: left; width: 456px; padding-left: 64px; border-right: 6px solid #fcf6ed; }
#missionCol p { padding-right: 24px; font-size: 16px; line-height: 20px; }
#missionCol h3 { color: #888; }
#missionCol ul, #missionCol ol { color: #888; }
#missionCol ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 50px; margin-bottom: 0px; height: 112px; background: url(../images/footerBG.gif) repeat-x; }
#footer #floater { width: 940px; margin-right: auto; margin-left: auto; padding-top: 20px; }
#footer a { color: #858382; text-decoration: none; }
#footer p { color: #858382; font-size: 10px; margin: 0px; }
#footer #left { float: left; }
#footer #right { float: right; }
#floater #led { float: left; }
#footer #floater #footnav { float: right; }
#footer #floater #footnav a { font-size: 12px; }
