/* TASC 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 { height: auto; min-height: 100%; font: 0.75em/1.5 Arial, Helvetica, sans-serif; text-align: center; background: #EDEEEE; color: #888; padding-top: 20px; padding-bottom: 40px; }
#container { width: 750px; margin: 0 auto; position: relative; text-align: left; background-color: #F6F6F6; }


/*-------------------------------------------------
=TEXT/CLASSES
-------------------------------------------------*/
a { text-decoration: none; color: #00A48F; }
a:hover	{ color: #00AAE2; }
em { font-style: italic; }
strong { font-weight: bold; }
p { margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; }
h1 { font-size: 18px; line-height: 22px; color: #3b5ec7; margin-bottom: 1em; }
h2 { font-size: 12px; line-height: 15px; color: #1AB7EA; text-transform: uppercase; }
span.ref { font-size: 9px; font-weight: bold; vertical-align: top; color: #00A48F; }
/*-------------------------------------------------
=NAV
-------------------------------------------------*/

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

#about a { background: url(../img/nav_about.gif) top left no-repeat; width: 109px; }
#work a { background: url(../img/nav_work.gif) top left  no-repeat; width: 106px; }
#partners a { background: url(../img/nav_partners.gif) top left  no-repeat; width: 107px; }
#events a { background: url(../img/nav_events.gif) top left  no-repeat; width: 107px; }
#news a { background: url(../img/nav_news.gif) top left  no-repeat; width: 107px; }
#donate a { background: url(../img/nav_donate.gif) top left  no-repeat; width: 105px; }
#contact a { background: url(../img/nav_contact.gif) top left  no-repeat; width: 109px; }


/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#content { margin: 25px; overflow: hidden; }

.homebox { width: 225px; margin: 0; padding: 0; float: left; margin: 0 12px 40px 0; }
.homebox-content { width: 201px; padding: 5px 12px 12px 12px; background: url(../img/home-div-bkgrd-tile.gif) repeat-y; }
.homebox-top {width: 225px; height: 7px; background: url(../img/home-div-bkgrd-top.gif) no-repeat 0 0; margin: 0; padding: 0; overflow: hidden; }
.homebox-bot {width: 225px; height: 6px; background: url(../img/home-div-bkgrd-bot.gif) no-repeat 0 0; }
.right { margin-right: 0; }
.homebox img { float: left; margin-bottom: 20px; }
.homebox h1 { margin: 0 0 6px 99px; font-size: 1.5em; line-height: 0.9em; }
.homebox.left h1 { color: #1AB7EA; }
.homebox.center h1 { color: #F7941E; }
.homebox.right h1 { color: #3452AE; }
.homebox p { font-size: 11px; line-height: 14px; margin-bottom: 0px; margin-left: 99px; }
.homebox p a { font-weight: bold; text-decoration: underline; color: #8CC63F; }

.homebox dl { border-top: 1px solid #E3E3E3; margin-top: 20px; padding-top: 10px; clear: both; }
.homebox dl dt { color: #1AB7EA; font-size: 14px; }
.homebox dl dd { background: url(../img/plus-bullet-orange.gif) no-repeat 0 0.3em; padding-left: 14px; line-height: 1.15em; margin-bottom: 0.25em; }
.homebox dl a { font-size: 11px; text-decoration: underline; color: #AFAFAF; }
.homebox dl a:hover { color: #1AB7EA; }

.plusLink { background: url(../img/plus-bullet-orange.gif) no-repeat right 0.4em; padding-right: 12px; }

#left { width: 190px; margin: 0 35px 40px 0; float: left; border-top: 2px solid #E4E4E4; padding-top: 8px; }
#left h1 { width: 84px; height: 12px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/inThisSection.gif); margin-bottom: 10px; }

#left a { color: #AFAFAF; }
#left a:hover { color: #F7941E; }
#left a.selected { color: #F7941E; }
#left ul li { background: url(../img/plus-bullet-orange.gif) no-repeat 0 0.2em; padding-left: 15px; line-height: 1em; margin-bottom: 0.5em; }
#left ul li ul li { background: url(../img/dash-grey.gif) no-repeat 0 0.6em; padding-left: 10px; }


#right { width: 475px; margin: 0 0 40px 0; float: right; overflow: hidden; }
#right ul { margin: 0; padding: 0; list-style-type: none; }
#right li { background: url(../img/plus-bullet-green.gif) no-repeat 0 0.4em; padding-left: 15px; margin-bottom: 1em; font-weight: bold; }

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

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

table { width: 475px; margin-top: 10px; }
th { height: 2em; background-color: #8CC63F; color: #FFF; padding-left: 4px; vertical-align: middle; font-weight: bold; }
tr.labels { background-color: #e8f4d9; color: #62a821; font-weight: bold; font-size: 0.9em; line-height: 1.25em; }
tr.labels td { padding: 0.35em 0 0.35em 4px; }
td { height: 2.25em; padding-left: 4px; border-bottom: 1px solid #8CC63F; vertical-align: middle; }


/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#footer { height: 50px; text-align: left; padding: 10px 25px 5px 25px; background: url(../img/footer-bkgrd.gif) no-repeat 0 0; overflow: hidden; position: absolute; bottom: -55px; left: 0; width: 700px; font: 11px/13px 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#footer-left p {  color: #BBB; margin: 0; text-align: left; }
#footer-left { width: 475px; float: left; }
#footer-left a { color: #BBB; }
#footer-left a, #footer-left p { color: #BBB; text-decoration: none;}
#footer-left a:hover { color: #70787C; }
#footer-right { width: 220px; float: right; }
#footer-right a { text-decoration: underline; color: #12ACE5; }
#footer-right p { color: #BBB; margin: 0; text-align: right; }


/*-------------------------------------------------
=EXTRAS
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */