/* Reset Styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; outline:none; list-style-type:none; color:#000000;}

/* Custom Styles */

body {font-family:Arial; font-size:13px; text-align:center; background:#383327 url(../images/bg.gif) top center repeat-y; color:#000000;}

#container {position:relative; margin:0 auto; width:980px; text-align:left; background:#fef4c8; height:100%;}

#masthead {float:left; width:980px; height:129px; background:#000000 url(../images/ywca-masthead.gif) top left no-repeat;}
#masthead .home {display:block; height:129px; width:280px;}

#navigation {float:left; width:980px; height:48px; background:#000000;}
#navigation ul {height:48px; width:980px;}
#navigation ul li {float:left; margin:0;}

#navigation ul li .aboutus {display:block; height:48px; width:131px; background:url(../images/nav-aboutus.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .aboutus:hover {background:url(../images/nav-aboutus-over.gif);}
#navigation ul li .aboutus-on {display:block; height:48px; width:131px; background:url(../images/nav-aboutus-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul li .programs {display:block; height:48px; width:122px; background:url(../images/nav-programs.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .programs:hover {background:url(../images/nav-programs-over.gif);}
#navigation ul li .programs-on {display:block; height:48px; width:122px; background:url(../images/nav-programs-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul li .getinvolved {display:block; height:48px; width:152px; background:url(../images/nav-getinvolved.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .getinvolved:hover {background:url(../images/nav-getinvolved-over.gif);}
#navigation ul li .getinvolved-on {display:block; height:48px; width:152px; background:url(../images/nav-getinvolved-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul li .events {display:block; height:48px; width:109px; background:url(../images/nav-events.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .events:hover {background:url(../images/nav-events-over.gif);}
#navigation ul li .events-on {display:block; height:48px; width:109px; background:url(../images/nav-events-over.gif) top left no-repeat; text-indent:-9999px;}


#navigation ul li .news {display:block; height:48px; width:165px; background:url(../images/nav-news.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .news:hover {background:url(../images/nav-news-over.gif);}
#navigation ul li .news-on {display:block; height:48px; width:165px; background:url(../images/nav-news-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul li .partnership {display:block; height:48px; width:154px; background:url(../images/nav-partnership.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .partnership:hover {background:url(../images/nav-partnership-over.gif);}
#navigation ul li .partnership-on {display:block; height:48px; width:154px; background:url(../images/nav-partnership-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul li .contact {display:block; height:48px; width:154px; background:url(../images/nav-contactus.gif) top left no-repeat; text-indent:-9999px;}
#navigation ul li .contact:hover {background:url(../images/nav-contactus-over.gif);}
#navigation ul li .contact-on {display:block; height:48px; width:154px; background:url(../images/nav-contactus-over.gif) top left no-repeat; text-indent:-9999px;}

#navigation ul .blank {background:url(../images/nav-blank.gif) top left no-repeat; width:147px; height:48px;}


#footer {clear:both; width:980px; height:120px; background:url(../images/hrule.gif) top left repeat-x; margin:5px 0 0 0;}
#footer ul {padding:0 0 0 23px;}
#footer ul li {float:left; padding:15px 8px 0 8px; color:#981d16; font-size:12px;}
#footer ul li a {color:#981d16; text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}

#footer .copyright {float:right; padding:0 23px 0 0;}

#facebook {clear:right;}
#facebook img {border:0; float:right; margin:15px 25px 0 0;}


/* Universal Elements */

#clear {clear:both;}
.clear {clear:both;}
#preload {position:absolute; top:0; left:-10000px; }
#preload li {position:absolute; top:0; }