/* Fontheim CSS */

/*Removes blue glow from Safari form input and Firefox dotted line focus*/
:focus, a { -moz-outline-style: none; outline: none !important; }

html { height: 100%; overflow-y: scroll;/*forces vertical scroll bar to prevent page-to-page horizontal jumping*/ }

body { min-height: 101%; font: 0.75em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #003957 url(../img/wrap-tile.gif) repeat-y 50% 0; color: #878787; }
#container { width: 750px; margin: 0 auto; position: relative; text-align: left; background-color: #FFF; overflow: hidden; }


/*-------------------------------------------------
=TEXT/CLASSES
-------------------------------------------------*/
a { text-decoration: underline; color: #878787; }
a:hover	{ color: #12ACE5; }
strong { font-weight: bold; }
em { font-style: italic; }
p { margin: 0 0 1em 0; font-size: 1em; color: #878787; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; }
h1 { font-size: 1.7em; color: #A0916D; margin: 0 0 1em 0; }
h2 { font-size: 1.5em; margin-bottom: 1em; color: #A0916D; }
h3 { font-size: 1.4em; font-weight: bold; color: #086999; text-transform: uppercase; }
h3 a { color: #086999; }
h4 { font-size: 1em; font-weight: bold; color: #127DB2; text-transform: uppercase; margin: 0.5em 0; }
h4 a { color: #127DB2; }
h5 { font-size: 2em; color: #16345F; font-family: Georgia, "Times New Roman", Times, serif; }
h6 { margin-top: 2em; font-size: 1em; text-transform: uppercase; font-weight: bold; }
.title { color: #A0916D; font-size: 1.2em; margin: 0; }


/*-------------------------------------------------
=NAV
-------------------------------------------------*/

#nav { margin: 0; padding: 0; height: 27px; list-style: none; display: inline; overflow: hidden; }
#nav li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav a { float: left; padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px; /* for IE5/Win only */ }
#nav a:hover { background-position: 0 -27px; }
#nav a.selected { background-position: 0 -27px; }

#about a { background: url(../img/nav_about.gif) top left no-repeat; width: 117px; }
#work a { background: url(../img/nav_work.gif) top left  no-repeat; width: 129px; }
#results a { background: url(../img/nav_results.gif) top left  no-repeat; width: 128px; }
#network a { background: url(../img/nav_network.gif) top left  no-repeat; width: 129px; }
#giving a { background: url(../img/nav_giving.gif) top left  no-repeat; width: 129px; }
#contact a { background: url(../img/nav_contact.gif) top left  no-repeat; width: 118px; }


/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#content { margin: 30px 25px 60px 25px; }
/*#content img { float: left; margin: 0 10px 10px 0; }*/

#home-left { width: 210px; margin: 1.5em 25px 0 0; float: left; }
#home-right { width: 465px; margin: 1.5em 0 0 0; float: right; }

#left { width: 165px; margin: 0 25px 0 0; float: left; }
#left li { margin: 0.75em 0; line-height: 1.05em; }
#left li a { text-decoration: none; }
#left li a.current { color: #12ACE5; }
#left ul ul li { margin: 0 0 0.5em 0; }
#left ul ul li a { display: block; background: url(../img/grey-dash.gif) no-repeat 0 0.55em; padding-left: 12px; }
#left ul ul li a.current { background: url(../img/blue-dash.gif) no-repeat 0 0.5em; padding-left: 12px; }

#right { width: 510px; float: right; }
#right ul { margin: 0; padding: 0; list-style-type: none; }
#right li { background: url(../img/arrow.gif) no-repeat 0 0.5em; padding-left: 15px; margin-bottom: 1em; }

#sub-left { width: 300px; float: left; }

#sub-right { width: 185px; float: right; border-top-style: solid; border-top-color: #D4D1C9; border-top-width: 4px; }


/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#footer { color: #9F9F9F; height: 80px; background-color: #F5F4F3; text-align: left; clear: both; padding-top: 15px; }

#footer-left { width: 475px; margin-left: 25px; float: left; }
#footer-left a { color: #9F9F9F; }
#footer-left a, #footer-left p { font: 10px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #9F9F9F; text-decoration: none; }
#footer-left a:hover { color: #666666; }

#footer-right { margin-right: 25px; float: right; }
#footer-right a { text-decoration: underline; color: #12ACE5; }
#footer-right p { font: 10px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #9F9F9F; margin: 0; text-align: right; }