/* CLIENT NAME */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; margin-bottom:1px; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1em; font-family:verdana,arial,sans-serif; color:#333; background:#fff; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:verdana,arial,sans-serif; color:#333; }

a img, :link img, :visited img { border:none; }

a:link { color:#0079c2; text-decoration:underline; }
a:visited { color:#0188da; text-decoration:underline; }
a:hover, a:active { color:#0079c2; text-decoration:none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

/* Defaults set here. Specifics set where needed later in the document (i.e. #content h1, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 .7em; display:block; color:#e69d30; font-size:1em; font-weight:normal; line-height:1.3em; font-family:georgia,serif;}


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */
.form-email-friend  { padding:10px; }
.form-email-friend table { width:480px; }
.form-email-friend td { width:49%; vertical-align:top; text-align:left; }
.form-email-friend td label { margin:0 0 3px; display:block; color:#e69d30; font-size:.8em; font-weight:normal; line-height:1.3em; font-family:georgia,serif;}
.form-email-friend td input { margin:0 0 3px; padding:3px 4px; width:175px; color:#666; font-size:.75em; border:1px solid #0077c0; }
.form-email-friend td textarea { padding:3px 4px; width:200px; height:120px; color:#666; font-size:.75em; border:1px solid #0077c0; }
.form-email-friend td p { margin:16px 0 0; width:215px; text-align:right; }
.form-email-friend td .btn-send { width:50px; height:27px; border:none; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull { list-style:none; }

.list-events { margin:10px 0; }
.list-events li { margin:15px 0 0; padding:15px 0 0; list-style:none; border-top:1px solid #ddd; }
.list-events h4 { color:#e69d30 !important; font-size:16px !important; }
.list-events strong { color:#8B8989; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */


/* SHARED
------------------------------------------------------------------------------------- */
#container { margin:0 auto; width:990px; font-size:.75em; text-align:left; }

#header { position:relative; height:73px; z-index:50; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; background:red; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:0; left:288px; width:702px; height:49px; }
#nav li { height:49px; }
#nav li a, #nav li div { height:49px; line-height:1.7em; }
#nav li strong { height:49px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav li.our-purpose, #nav li.our-purpose a, #nav li.our-purpose a strong, #nav li.our-purpose-nodrop, #nav li.our-purpose-nodrop a, #nav li.our-purpose-nodrop a strong { background-position:0 0; width:104px; }
#nav li.our-mission, #nav li.our-mission a, #nav li.our-mission a strong, #nav li.our-mission-nodrop, #nav li.our-mission-nodrop a, #nav li.our-mission-nodrop a strong { background-position:-104px 0; width:103px; }
#nav li.whoweare, #nav li.whoweare a, #nav li.whoweare a strong, #nav li.whoweare-nodrop, #nav li.whoweare-nodrop a, #nav li.whoweare-nodrop a strong { background-position:-207px 0; width:99px; }
#nav li.our-board, #nav li.our-board a, #nav li.our-board a strong, #nav li.our-board-nodrop, #nav li.our-board-nodrop a, #nav li.our-board-nodrop a strong { background-position:-306px 0; width:94px; }
#nav li.howtodonate, #nav li.howtodonate a, #nav li.howtodonate a strong, #nav li.howtodonate-nodrop, #nav li.howtodonate-nodrop a, #nav li.howtodonate-nodrop a strong { background-position:-400px 0; width:99px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong, #nav li.contact-nodrop, #nav li.contact-nodrop a, #nav li.contact-nodrop a strong { background-position:-499px 0; width:109px; }
#nav li.our-events, #nav li.our-events a, #nav li.our-events a strong, #nav li.our-events-nodrop, #nav li.our-events-nodrop a, #nav li.our-events-nodrop a strong { background-position:-608px 0; width:94px; }

/* HOVER STATE - W/ DROP */
#nav li.our-purpose:hover a, #nav li.our-purpose:hover a strong, #nav li.our-purpose a:hover, #nav li.our-purpose a:hover strong, #nav li.our-purposeon:hover a, #nav li.our-purposeon:hover a strong, #nav li.our-purposeon a:hover, #nav li.our-purposeon a:hover strong { background-position:0 -49px; width:104px; }
#nav li.our-mission:hover a, #nav li.our-mission:hover a strong, #nav li.our-mission a:hover, #nav li.our-mission a:hover strong, #nav li.our-missionon:hover a, #nav li.our-missionon:hover a strong, #nav li.our-missionon a:hover, #nav li.our-missionon a:hover strong { background-position:-104px -49px; width:103px; }
#nav li.whoweare:hover a, #nav li.whoweare:hover a strong, #nav li.whoweare a:hover, #nav li.whoweare a:hover strong, #nav li.whoweareon:hover a, #nav li.whoweareon:hover a strong, #nav li.whoweareon a:hover, #nav li.whoweareon a:hover strong { background-position:-207px -49px; width:99px; }
#nav li.our-board:hover a, #nav li.our-board:hover a strong, #nav li.our-board a:hover, #nav li.our-board a:hover strong, #nav li.our-boardon:hover a, #nav li.our-boardon:hover a strong, #nav li.our-boardon a:hover, #nav li.our-boardon a:hover strong { background-position:-306px -49px; width:94px; }
#nav li.howtodonate:hover a, #nav li.howtodonate:hover a strong, #nav li.howtodonate a:hover, #nav li.howtodonate a:hover strong, #nav li.howtodonateon:hover a, #nav li.howtodonateon:hover a strong, #nav li.howtodonateon a:hover, #nav li.howtodonateon a:hover strong { background-position:-400px -49px; width:99px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong, #nav li.contacton:hover a, #nav li.contacton:hover a strong, #nav li.contacton a:hover, #nav li.contacton a:hover strong { background-position:-499px -49px; width:109px; }
#nav li.our-events:hover a, #nav li.our-events:hover a strong, #nav li.our-events a:hover, #nav li.our-events a:hover strong, #nav li.our-eventson:hover a, #nav li.our-eventson:hover a strong, #nav li.our-eventson a:hover, #nav li.our-eventson a:hover strong { background-position:-608px -49px; width:94px; }

/* ON STATE */
#nav li.our-purposeon, #nav li.our-purposeon strong, #nav li.our-purposeon div, #nav li.our-purposeon-nodrop, #nav li.our-purposeon-nodrop strong, #nav li.our-purposeon-nodrop div { background-position:0 -49px; width:104px; }
#nav li.our-missionon, #nav li.our-missionon strong, #nav li.our-missionon div, #nav li.our-missionon-nodrop, #nav li.our-missionon-nodrop strong, #nav li.our-missionon-nodrop div { background-position:-104px -49px; width:103px; }
#nav li.whoweareon, #nav li.whoweareon strong, #nav li.whoweareon div, #nav li.whoweareon-nodrop, #nav li.whoweareon-nodrop strong, #nav li.whoweareon-nodrop div { background-position:-207px -49px; width:99px; }
#nav li.our-boardon, #nav li.our-boardon strong, #nav li.our-boardon div, #nav li.our-boardon-nodrop, #nav li.our-boardon-nodrop strong, #nav li.our-boardon-nodrop div { background-position:-306px -49px; width:94px; }
#nav li.howtodonateon, #nav li.howtodonateon strong, #nav li.howtodonateon div, #nav li.howtodonateon-nodrop, #nav li.howtodonateon-nodrop strong, #nav li.howtodonateon-nodrop div { background-position:-400px -49px; width:99px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div, #nav li.contacton-nodrop, #nav li.contacton-nodrop strong, #nav li.contacton-nodrop div { background-position:-499px -49px; width:109px; }
#nav li.our-eventson, #nav li.our-eventson strong, #nav li.our-eventson div, #nav li.our-eventson-nodrop, #nav li.our-eventson-nodrop strong, #nav li.our-eventson-nodrop div { background-position:-608px -49px; width:94px; }

/* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.our-events:hover ul, #nav li.our-events a:hover ul, #nav li.our-eventson:hover ul, #nav li.our-eventson a:hover ul, #nav li.our-events-nodrop:hover ul, #nav li.our-events-nodrop a:hover ul, #nav li.our-eventson-nodrop:hover ul, #nav li.our-eventson-nodrop a:hover ul   { left:-89px; }
#nav li.our-events:hover li:hover ul, #nav li.our-events a:hover li:hover ul, #nav li.our-eventson:hover li:hover ul, #nav li.our-eventson a:hover li:hover ul, #nav li.our-events-nodrop:hover li:hover ul, #nav li.our-events-nodrop a:hover li:hover ul, #nav li.our-eventson-nodrop:hover li:hover ul, #nav li.our-eventson-nodrop a:hover li:hover ul { visibility:visible; position:absolute; left:-140px; top:0; }

#nav li table { margin:0 -1px -1px; border-collapse:collapse; }
#nav li td { font-size:11px; }
#nav li:hover, * html #nav a:hover { position:relative; }
#nav li li a { font-size:11px; text-align:left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; line-height:1em; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:49px; left:0; padding:15px 0 10px; width:140px; display:block; background:#fff; border-bottom:3px solid #0079c2; }

#nav li:hover li, #nav li a:hover li { padding-bottom:1px; height:auto; width:140px !important; }
#nav li:hover li.last, #nav li a:hover li.last { background:brown; }

#nav li:hover li a, #nav li a:hover li a { padding:3px 10px 4px 20px; width:110px !important; height:auto; display:block; color:#0079c2; /*background:navy !important;*/ }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#0079c2; background:pink !important; }
/**************************************************************************************************************/


/* HOME PAGE
------------------------------------------------------------------------------------- */
.home #subhead { position:relative; padding:18px 0 0; height:262px; background:#92b1d6; }
.home #subhead img { position:absolute; top:18px; left:0; }
.home #subhead #image1 { left:0; }
.home #subhead #image2 { left:335px; }
.home #subhead #image3 { left:665px; }
.home #subhead h1 { position:absolute; top:248px; left:0; }

.home .sidebar img { margin:35px 0 0; }

.home #content { padding:0 !important; }

/* SUBPAGE
------------------------------------------------------------------------------------- */
#content { padding:0 0 20px; font-size:1.1em; line-height:1.6em; }
#content p { margin:0 0 15px; }

/* Content specific header styles */
#content h2, #content .h2 { margin:0 0 .3em; font-size:1.5em; line-height:1.3em; }
#content h3, #content .h3 { margin:1em 0 0; font-size:1.3em; line-height:1.3em; color:#666; }
h3 span.position {color:#9A9999;font-size:0.9em ;line-height:1.3em;font-family:georgia,serif; }

#content h4, #content .h4 { margin:0 0 .4em; font-size:1.1em; line-height:1.3em; color:#9a9999; }
#content h5, #content .h5 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h6, #content .h6 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }


#subhead { margin:0 0 40px; }
#subhead h1 { margin:0; padding:0 10px; width:970px; color:#feebcf; font-size:1.6em; line-height:1.5em; font-family:Georgia,serif; font-style:italic; background:#fbb03f; }

#tools { position:relative; background:#cce4f3; }
#tools li { float:left; display:inline; list-style:none; color:#7f8b93; font-size:.8em; }
#tools li a { text-decoration:none; }
#tools li a:hover { text-decoration:underline; }

#breadcrumb { margin:0 0 0 11px; float:left; display:inline; }
#breadcrumb li a { margin:0 6px 0 0; padding:0 12px 0 0; background:url(../images/yui-sam-sprite.png) no-repeat 100% -1956px; }

#email-print { position:absolute; top:0; right:10px; }
#email-print li a { margin:0 0 0 14px; padding:0 0 0 19px; }
.link-print { background:url(../images/yui-sam-sprite.png) no-repeat 0 -1999px; }
.link-email { background:url(../images/yui-sam-sprite.png) no-repeat 0 -2043px; }

.main { margin:0 0 0 10px; width:690px; float:left; display:inline; }

.sidebar { margin:0 0 0 30px; width:260px; float:left; display:inline; }
.sidebar img { margin:0 0 20px; display:block; }


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; padding:16px 0 15px; border-top:1px solid #fbb03f; }
#footer li { margin:0 7px 0 0; padding:0 8px 0 0; float:left; display:inline; color:#e69d30; font-size:.85em; background:url(../images/yui-sam-sprite.png) no-repeat 100% -2081px; }
#footer li.last { background:none; }
#footer li a { text-decoration:none; }
#footer li a:hover { text-decoration:underline; }

#footer-tertnav { position:absolute; top:16px; right:10px; }

/* sIFR
------------------------------------------------------------------------------------- */
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:auto; letter-spacing:0; float:none; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }

.clearfix:after, #content:after, #tools:after, #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #content, #tools, #footer { display:inline-block; }
.clearfix, #content, #tools, #footer { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* LIGHTBOX PANEL 
------------------------------------------------------------------------------------- */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;}
.yui-panel-container form{margin:0;}
.mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select, .drag select, .hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars, .hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}
.yui-tt-shadow{position:absolute;}
.mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc;}
.yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;}
.yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;}
.yui-panel .bd{padding:10px;}
.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;} 
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-dialog .ft button.default{font-weight:bold;}
.yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-dialog .ft span.default button{color:#fff;}
.yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}