/* =HTML
-----------------------------------------------
*/

body {
	font: .7em/1.6 Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff url("/ezstatic/data/ons-foundation/i/bg-site.gif") repeat-y 186px 178px;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, form {
	margin-top: 0;
}

h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
}

h2, h3, h4 {
	color: #86a93b;
}

h3, h4 {
	font-size: 1.0em;
}

a {
	color:#005cab;
	text-decoration:none;
	outline: 0;
}

a:hover {
	color:#336699;
}

a img {
	border: 0;
}

.clearboth {
	clear:both;
}

.imgleft {
  float:left;
  margin:0 12px 0 0;
}

.imgright {
  float:right;
  margin:0 0 0 12px;
}

.imgcenter {
  display: block;
  margin:0 auto;
}



/* =Cool Content Classes
-----------------------------------------------
*/

.highlight {
	color:#86a93b;
}

span.larget {
	display:block;
	width: 45px;
	height: 50px;
	float:left;
	background: transparent url("/ezstatic/data/ons-foundation/i/t.gif") no-repeat left 6px;
	text-indent: -999em;
}


p.firstpara:first-letter {
  font-size: 30px;
  font-weight: bold;
  color: #bc4313;
}

p.emphparagraph {
	display:block;
	padding: 8px 0;
	color:#014A3C;
	font-style:italic;
	line-height: 1.4em;
	border-top: 2px dotted #888c89;
	border-bottom: 2px dotted #888c89;
}

div.divleft {
	width: 50%;
	float:left;
}

div.divright {
	width: 45%;
	float:right;
}

.alttextcolor {
	color:#014a3c;
}

.articleheader {
clear: both;
background: #9aa8a0;
margin: 0;
padding: 2px;
}
.articledescription {
margin: 0 0 30px 0;
}

body.article3843 .articledescription img {
float: left;
width: 150px;
margin: 10px 10px 30px 0;
}

body.article3843 .articledescription p {
width: 330px;
float: right;
margin-bottom: 30px;
}

.articledescription p {
margin: 20px 0 0 0;
}


p.backtolink {
	text-align: right;
	margin-bottom: 6px;
	font-style: italic;
}



/* =Structure
-----------------------------------------------
*/

#masthead {
	height: 149px;
	background: transparent url("/ezstatic/data/ons-foundation/i/bg-header.gif") no-repeat left top;
}

#sitename {
	width: 510px;
	height: 65px;
	margin: 0;
	padding: 0;
	background: transparent url("/ezstatic/data/ons-foundation/i/logo-onsfoundation.png") no-repeat left top;
	position: absolute;
	top: 81px;
	left: 29px;
	text-indent: -999em;
}

#sitename a {
	display: block;
	width: 510px;
	height: 52px;
}

#templatewrapper {
	width: 960px;
}

#leftbar {
	width: 186px;
	float: left;
	min-height: 669px;
}

#leftbar {
	height: auto !important;
	height: 669px;
}

body.category3834 #leftbar,
body.category3837 #leftbar,
body.category3838 #leftbar
{
	background: transparent url("/ezstatic/data/ons-foundation/i/bg-left.jpg") no-repeat left top;
}

#rightbar {
	width: 738px;
	float: right;
}

#rightleftbar {
	width: 68%;
	margin-top: 45px;
	float: left;
}

#rightrightbar {
	width: 26%;
	margin-top: 15px;
	float: right;
}


/* =Search Field
-----------------------------------------------
*/


/* for firefox */
form.searchform {
	margin: 0;
	padding: 0;
	background: transparent url("/ezstatic/data/ons-foundation/i/bg-formfield.gif") repeat-x left top;
	width: 143px;
	position:absolute;
	left: 768px;
	top: 6px;
}

input.searchfield {
	background: transparent url("/ezstatic/data/ons-foundation/i/bg-searchfield.gif") no-repeat left top;
	width: 107px;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 2px 4px;
	font-size: 10px;
	vertical-align:middle;
	position:relative;
}

label.overlabel {
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:0;
	left:5px;
	z-index:1;
	color:#999;
	font-size: 10px;
}

input.searchbutton {
	vertical-align:middle;
	margin: 0 0 7px 0;
	padding: 0;
	border: 0;
	width: 24px;
	height: 17px;
}


/* =Donation Form
-----------------------------------------------
*/
fieldset {
	width: 95%;
	margin: 0 auto;
	display: block;
	border: 1px solid #ccc;
}
legend {
	color: #333;
	margin: 0 6px;
	padding: 1px 6px;
	font-size: 1.3em;
	font-weight: bold;
}
form.sexyform {
	width: 500px;
}
#support_title {
	font: bold 12px "Lucida Grande",Verdana,Arial,serif;
	color: #336699;
}



/* =Navigation
-----------------------------------------------
*/
#menubar {
	height: 29px;
	background: #a1aea7 url("/ezstatic/data/ons-foundation/i/bg-navbar.gif") no-repeat left top;
	position: relative;
}

ul#navbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat 0 3px;
	width: 540px;
	height: 29px;
	position:absolute;
	left: 197px;
	top: 0;
/*
	opacity: .9;
	filter: alpha(opacity=90);
*/
	list-style: none;
	z-index:100;
}


#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
	z-index: 200;
}

ul#navbar li,
#navbar a {
	height: 29px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -9999px; 
	text-decoration: none;
	outline: none;
	/*
	background:black;
	opacity: .6;
	filter: alpha(opacity=60);
	*/
}

#nb1 { left: 0; width: 51px;}
#nb2 { left: 51px; width: 87px;}
#nb3 { left: 138px; width: 78px;}
#nb4 { left: 216px; width: 88px; }
#nb5 { left: 304px; width: 92px; }
#nb6 { left: 396px; width: 77px; }
#nb7 { left: 473px; width: 67px; }


#nb1 a:hover,#nav1 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat 0 -25px; }
#nb2 a:hover,#nav2 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -51px -25px;}
#nb3 a:hover,#nav3 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -138px -25px;}
#nb4 a:hover,#nav4 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -216px -25px;}
#nb5 a:hover,#nav5 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -304px -25px;}
#nb6 a:hover,#nav6 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -396px -25px;}
#nb7 a:hover,#nav6 a.activenav { background: transparent url("/ezstatic/data/ons-foundation/i/navbar.gif?1") no-repeat -473px -25px;}

/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 180px;
	height: auto;
	margin: 0;
	background: #eceaeb;
/*
	opacity: .8;
	filter: alpha(opacity=80);
*/
	padding: 0 3px 6px;
	border: 3px solid #eceaeb;
	z-index: 125;
}


ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 0;
	z-index: 150;
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
}


ul#navbar li ul li a {
	text-indent: 0px;
	color: #86a93b;
	font-weight: bold;
	text-indent: 0px;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { color:#ffffff; background:#86a93b; }

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {  

}

#menubar ul#navbar li:hover ul li ul.hide, 
#menubar ul#navbar li.sfhover ul li ul.hide {
display: none;
}

#menubar ul#navbar li ul li ul.hide li a {
display: none;
}



.sbmenu {
width: 90%;
margin: 45px auto;
border: 1px solid #9aa7a0;
}

.sbmenu h4 {
background: #9aa7a0;
padding: 2px 4px;
margin: 0 0 2px 0;
color: #fff;
font-weight:normal;
}


.sbmenu ul {
list-style: none;
margin: 0;
padding: 4px;
}

.sbmenu ul li a {
font-weight: bold;
}

.sbmenu ul li ul li {
margin: 0 0 0 20px;
}


.sbmenu ul li ul li a {
font-weight: normal;
}



/* =Left Side Bar Navigation
-----------------------------------------------
*/

#leftbar ul li {
	line-height: normal;
	margin-bottom: 10px;
}

#leftbar ul li a:hover {
	color: #86a93b;
}

body.article21601 #r1 a,
body.article21602 #r2 a,
body.article21603 #r3 a,
body.article21604 #r4 a,
body.article21605 #r5 a,
body.article21606 #r6 a,
body.article21607 #r7 a,
body.article21590 #p1 a,
body.article21591 #p2 a,
body.article21592 #p3 a,
body.article21593 #p4 a,
body.article21594 #p5 a,
body.article21595 #p6 a,
body.article21584 #i1 a,
body.article21589 #i2 a,
body.article21585 #i3 a,
body.article21586 #s1 a,
body.article21587 #s2 a
{
	font-weight: bold;
}

#leftbar ul li a,
#leftbar h4 {
	text-transform: uppercase;
}

#leftbar ul li ul li a {
	text-transform: none;
}


/* =Right Side Bar
-----------------------------------------------
*/

h3#hdr-newsroom {
	width: 100px; 
	height: 11px;
        font-size: 14px;
        font-style:italic;
	margin: 0 0 14px;
	padding: 0;
}

p#lnk-downloadbrochure {
	width: 128px;
	height: 24px;
	margin: 80px 0 50px;
	padding: 0;
}

p#lnk-downloadbrochure a {
	display: block;
	width: 128px;
	height: 24px;
	background: transparent url("/ezstatic/data/ons-foundation/i/btn-downloadbrochure.gif") no-repeat left top;
	text-indent: -999em;
}

div#sb-address {
	position: relative;
	margin: 0;
	padding: 0;
	width: 167px;
	height: 166px;
	background: transparent url("/ezstatic/data/ons-foundation/i/address.gif") no-repeat left top;
}

#sb-address p {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -999em;
	display: none;
}

#sb-address p.lnk-email {
	display: block;
	height: 20px;
	top: 150px;
}

#sb-address p.lnk-email a {
	display: block;
	height: 20px;
	width: 167px;
	text-indent: -999em;
	
}

div.adboxwrapper * {
	line-height: 1.2em;
	font-size: 1.0em;
}

div.adboxwrapper a {
	font-size: 11px;
}


/* =Footer
-----------------------------------------------
*/

#usmtag {
	width: 960px;
	height: 13px;
	margin: 10px 0;
}

#usmtag a {
	display: block;
	width: 213px;
	height: 13px;
	background: transparent url("/ezstatic/data/ons-foundation/i/usmtag.gif") no-repeat left top;
	margin: 0 auto;
	text-indent: -999em;
}


/* =Homepage
-----------------------------------------------
*/

h2.heading21570 {
	font-style: italic;
}