/* STATIC SIDE NAV */

.container {
    width: 957px;
    margin: 0 auto;
    overflow: hidden;
	background-color:#FFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
    position: relative;
}
#sidenav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}
#content {
    padding: 15px 195px 20px 189px;
}
#rightside {
    float: right; /*--Keeps content to the right side--*/
    width: 176px;
	font-size: 10px;
	height: 100%;
	background: url(images/subnav/rightbg.gif);
}

#rightside p {
    padding: 5px;
	color: #000;
	background-color:#ebe9db;
}


#sidenav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
h2.ca {
	background: url(images/subnav/ca.gif) no-repeat ;
	} /*--Background image for "campaigns" heading--*/
h2.gi {
	background: url(images/subnav/gi.gif) no-repeat ;
	} /*--Background image for "giving" heading--*/
h2.di {
	background: url(images/subnav/di.gif) no-repeat ;
	} /*--Background image for "donorimpact" heading--*/
h2.ev {
	background: url(images/subnav/ev.gif) no-repeat ;
	} /*--Background image for "events" heading--*/
h2.nm {
	background: url(images/subnav/nm.gif) no-repeat ;
	} /*--Background image for "newsmedia" heading--*/
h2.pa {
	background: url(images/subnav/pa.gif) no-repeat ;
	} /*--Background image for "partnerships" heading--*/
h2.au {
	background: url(images/subnav/au.gif) no-repeat ;
	} /*--Background image for "about" heading--*/
h2.sites {
	background: url(images/subnav/other.gif) no-repeat ;
} /*--Background image for "other sites" heading - NOT USED RIGHT NOW--*/

#sidenav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#sidenav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#sidenav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #2852b7 url(images/subnav/div.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#sidenav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#sidenav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}
#content h1 {
    height: 145px;
    margin: 0 0 0 -20px; /*--Since the #content has a padding of 20px, we will push this to the left -20px so it can align--*/
    padding: 0;
}
#content h2 {
    color: #2852b7;
    margin: 10px 0;  padding: 10px 0;
    font-size: 2em;
    font-weight: normal;
}


*html #sidenav {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}


/* BLACK & GOLD SUBNAV ELEMENTS */

#bgnav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#bgnav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#bgnav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#bgnav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#bgnav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #161213 url(images/subnav/div-blk.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#bgnav ul li a:hover {
    color: #fff;
	background: #b1a770 url(images/subnav/div-gld.gif) repeat-y bottom;
}
#bgnav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #b1a770 url(images/subnav/div-gld.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}



/* GREEN & GREY SUBNAV ELEMENTS */

#ggnav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#ggnav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#ggnav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#ggnav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#ggnav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #7a7541 url(images/subnav/div-grn.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#ggnav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#ggnav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}


/* LITE BLUE & GREY SUBNAV ELEMENTS */

#lblnav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#lblnav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#lblnav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#lblnav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#lblnav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #88b8d8 url(images/subnav/div-lbl.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#lblnav ul li a:hover {
    color: #333;
	background: #c4dcec url(images/subnav/div-lbl2.gif) repeat-y bottom;
}
#lblnav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}


/* EDUCATION CAMPAIGN SUBNAV ELEMENTS */

#edunav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#edunav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#edunav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#edunav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#edunav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #4589c3 url(images/subnav/div-edu.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#edunav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#edunav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}



/* MCEWEN CAMPAIGN SUBNAV ELEMENTS */

#mcrmnav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#mcrmnav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#mcrmnav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#mcrmnav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#mcrmnav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #ee1556 url(images/subnav/div-mcrm.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#mcrmnav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#mcrmnav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}



/* GOLD & BLACK (REVERSED) SUBNAV ELEMENTS */

#bgnav2 {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#bgnav2 h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#bgnav2 ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#bgnav2 ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#bgnav2 ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #b1a770 url(images/subnav/div-gld.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#bgnav2 ul li a:hover {
    color: #fff;
	background: #161213 url(images/subnav/div-blk.gif) repeat-y bottom;
}
#bgnav2 .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #161213 url(images/subnav/div-blk.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}




/* RED & BLACK SUBNAV ELEMENTS */

#rednav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#rednav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#rednav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#rednav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#rednav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #b9042c url(images/subnav/div-red.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#rednav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#rednav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}



/* PMCC CAMPAIGN SUBNAV ELEMENTS */

#pmccnav {
    width: 200px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	font-size: 10px;
}

#pmccnav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0px 5px 1px;
    background-position: left; /*--Set position of each heading background--*/
}
#pmccnav ul {
    margin: 0; padding: 15px 30px 30px 1px;
    list-style: none;
}
#pmccnav ul li{
    margin: 0; padding: 0;
    display: inline; /*--Fixes IE6 bug of double margin--*/

}
#pmccnav ul li a{
    display: block;
    margin: 0; padding: 5px 5px;
	background: #999999 url(images/subnav/div-pew.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
}
#pmccnav ul li a:hover {
    color: #fff;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
}
#pmccnav .title  {
    display: block;
    margin: 0; padding: 5px 5px;
	background: #333 url(images/subnav/div-on.gif) repeat-y bottom;
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}