/* MicroAid - Global Stylesheet */
/* Developed by DuroMedia */
/* Developer: Adam Duro */

/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */

body {
    font: 62.5%/1.25 helvetica, arial, sans-serif;
    font-size: .8em;
}
a {
    text-decoration: none;
}

/* self clearing rules */
.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.selfclear { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.selfclear { display: block; }
/* End hide from IE-mac */

.nodisp {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* --------------------------------------- */
/* --( Site )-- */
/* --------------------------------------- */

#site {
    width: 859px;
    margin: 0 auto;
}

/* --------------------------------------- */
/* --( Header )-- */
/* --------------------------------------- */

#header {
    height: 126px;
}
#header h1 {
    float: left;
    position: relative;
    top: 26px;
	left: 11px;
}
#header h2 {
    float: right;
    width: 404px;
    height: 55px;
    position: relative;
    top: 56px;
	right: 9px;
    background: url('../_img/header_slogan.gif') no-repeat;
    text-indent: -3000px;
}

/* --------------------------------------- */
/* --( Navigation )-- */
/* --------------------------------------- */

#navigation ul li {
    display: block;
    float: left;
    position: relative;
}
#navigation ul li a {
    float: left;
    padding: 8px 0;
    width: 115px;
    margin-right: 9px;
    text-align: center;
    font-weight: bold;
    font-size: .85em;
    text-transform: uppercase;
    color: #fff;
    background: url('../_img/navigation_bg_up.gif') repeat-x top;
}
#navigation ul li.last a {
    margin-right: 0;
    width: 113px;
}
#navigation ul li a:hover,
#navigation ul li.active a,
body#aboutpage #navigation ul li#about a,
body#whatwedopage #navigation ul li#whatwedo a,
body#whereweworkpage #navigation ul li#wherewework a,
body#donatepage #navigation ul li#donate a   {
    background: #f2bb6b url('../_img/navigation_bg_over.gif') repeat-x top;
    border-top: 1px solid #4495c0;
    border-left: 1px solid #4495c0;
    border-right: 1px solid #4495c0;
    padding: 7px 0px 7px 0px;
    width: 113px;
}
#navigation ul li.last a:hover {
    width: 111px;
}
#navigation ul li ul {
    visibility: hidden; /* Comment This Out to view what dropdown will look like */
    display: block;
    position: absolute;
    top: 30px;
    left: 0px;
}
#navigation ul li ul li {
    display: inline;
    float: none;
    position: static;
}
#navigation ul li ul li a,
#navigation ul li.active ul li a,
body#aboutpage #navigation ul li#about ul li a,
body#whatwedopage #navigation ul li#whatwedo ul li a,
body#whereweworkpage #navigation ul li#wherewework ul li a,
body#donatepage #navigation ul li#donate ul li a  {
    display: block;
    float: none;
    padding: 6px 5px;
    width: 150px;
    margin-right: 0;
    text-align: left;
    font-weight: normal;
    font-size: .85em;
    text-transform: uppercase;
    color: #144b67;
    background: #f59200;
    border-bottom: 1px solid #2369a3;
    border-top: none;
    border-left: none;
    border-right: none;
}
#navigation ul li ul li a:hover,
#navigation ul li.active ul li a:hover,
body#aboutpage #navigation ul li#about ul li a:hover,
body#whatwedopage #navigation ul li#whatwedo ul li a:hover,
body#whereweworkpage #navigation ul li#wherewework ul li a:hover {
    background: #ffba54;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 6px 5px;
    width: 150px;
}
#navigation ul li ul li.last a {
    width: inherit;
    border-bottom: none;
}
#navigation ul li ul li.last a:hover {
    width: inherit;
    border-bottom: none;
}



/* --------------------------------------- */
/* --( Footer )-- */
/* --------------------------------------- */

#footer {
    height: 80px;
    padding: 15px 0;
}
#footer hr {
    display: none;
}
#footer p {
    text-align: center;
}
#footer p a {
    color: ##23568f;
    margin: 0 15px;
}
#footer p.copyright {
    margin: 9px;
    color: #1e347c;
    font-size: .7em;
}
#footer p.copyright a {
    margin: 0;
}