/* BCGD 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; text-align: center; background: #EAEBEB url(../img/wrap-tile.gif) repeat-y 50% 0; color: #70787C; }
#container { width: 800px; margin: 0 auto; position: relative; text-align: left; background-color: #FFF; overflow: hidden; }


/*-------------------------------------------------
=TEXT/CLASSES
-------------------------------------------------*/
a { text-decoration: none; color: #00A48F; }
a:hover	{ color: #00AAE2; }
strong { font-weight: bold; }
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; font-family: Georgia, "Times New Roman", Times, serif; color: #00A48F; margin: 0 0 0.5em 0; }
h2 { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; color: #00AAE2; margin: 0 0 1em 0; }
h3 { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; color: #00A48F; margin: 0 0 10px 0; border-top: 3px solid #00A48F; padding-top: 10px; }
h4 { font-weight: bold; color: #00A48F; margin-bottom: 0px; } 

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

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

#about a { background: url(../img/nav_about.gif) top left no-repeat; width: 107px; }
#initiatives a { background: url(../img/nav_initiatives.gif) top left  no-repeat; width: 117px; }
#capacity a { background: url(../img/nav_capacity.gif) top left  no-repeat; width: 167px; }
#events a { background: url(../img/nav_events.gif) top left  no-repeat; width: 90px; }
#news a { background: url(../img/nav_news.gif) top left  no-repeat; width: 85px; }
#join a { background: url(../img/nav_join.gif) top left  no-repeat; width: 113px; }
#contact a { background: url(../img/nav_contact.gif) top left  no-repeat; width: 121px; }


/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#content { margin: 40px; }

#two-one-col-left { width: 470px; margin: 0 30px 40px 0; float: left; }
#two-one-col-right { width: 220px; margin: 0 0 40px 0; float: right; }

#one-two-col-left { width: 220px; margin: 0 30px 40px 0; float: left; border-bottom: 3px solid #00A48F; padding-bottom: 10px; }
#one-two-col-left a { color: #70787C; }
#one-two-col-left a:hover, #one-two-col-left a.current { color: #00A48F; }
#one-two-col-left ul li a { text-transform: uppercase; font-weight: bold; }
#one-two-col-left ul ul li a { display: block; text-transform: none; font-weight: normal; background: url(../img/dash-grey.gif) no-repeat 0 0.5em; padding-left: 12px; line-height: 1.05em; margin: 0.5em 0; }

#one-two-col-right { width: 470px; margin: 0 0 40px 0; float: right; }
#one-two-col-right ul li, #one-two-col-right ol li ul li { margin-bottom: 1em; background: url(../img/bullet.gif) no-repeat 0 0.5em; padding-left: 15px; margin-left: 15px; list-style-type: none; text-indent: 0; }

#one-two-col-right ol li { margin-bottom: 1em; list-style-type: decimal; background: none; list-style-position: inside; text-indent:-15px; margin: 15px; }

#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 { height: 50px; color: #BBB; text-align: left; padding-top: 5px; clear: both; border-top: solid 1px #BBB; }

#footer-left p { font: 0.85em/1.6em 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #BBB; margin: 0; text-align: left; }
#footer-left { width: 500px; float: left; }
#footer-left a { color: #BBB; }
#footer-left a { margin-top: 15px; font: 0.85em/1.6em 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #BBB; text-decoration: none; }
#footer-left a:hover { color: #70787C; }
#footer-right { width: 200px; float: right; }
#footer-right a { text-decoration: underline; color: #12ACE5; }
#footer-right p { font: 0.85em/1.6em 'Helvetica Neue', Helvetica, Arial, sans-serif; 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 */