/**

CSS styles for www.informinc.org
Copyright 2009-2010

Colors:
- Dark blue (from logo): #33a3cd;
- Light blue: #9fd6c2;
- Light yellow: #e8de70;
- Light green: #b6d14d;
- Orange headers: #d28100;
- Orange testimonial bos: #ffba4c;
- Submenu bkgd: #48bec8;
- Subpage H1: #40afb8;

Page details:
- Width: 924px


**/



/******************************************************************************/
/************************    YUI reset.css + fonts.css ************************/
/*
reset.css, fonts.css, and base.css
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;} */
/* for font sizes: 10px = 77%; 12px = 93%; 14px = 108; 18px = 138.5%; 24px = 182%; see http://developer.yahoo.com/yui/fonts/#chart */



/******************************************************************************/
/************************           core page elements ************************/

html { background: none; }

body {
	text-align: center;
	background-color: #fff;
}

body.isVideo {
	background-color: #222;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#pageContainer {
	position: relative;
	margin: 12px auto;
	text-align: left;
	width: 924px;
	top: 0px;
	z-index: 10;
}

div#footerBox {
	position: relative;
	float: right;
	width: 924px;
	margin: 36px 0 0 0;
	padding-bottom: 12px;
	font-size: 85%;
	color: #aaa;
	text-align: center;
}

div#footerBox a, div#footerBox a:hover, div#footerBox a:active, div#footerBox a:visited {
	color: #aaa;
	text-decoration: underline;
}

/******************************************************************************/
/************************                         mast ************************/

div#mast {
	float: left;
	width: 924px;
	height: 55px;
}

div#mast div#logo {
	float: left;
	background-color: #48bec8;
	width: 192px;
	height: 55px;
}

div#mast div#logo {
	width: 192px;
	height: 55px;
}

div#mast div#action1, div#mast div#action2 {
	float: right;
	width: 500px;
	text-align: right;
	color: #777;
	margin-top: 10px;
}

div#mast div#action1 a {
	font-size: 138.5%;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

div#mast div#action1 a#actDonate, div#mast div#action1 a#actDonate:active, div#mast div#action1 a#actDonate:link, div#mast div#action1 a#actDonate:active {
	color: #778d24;
}

div#mast div#action1 a#actTake, div#mast div#action1 a#actTake:active, div#mast div#action1 a#actTake:link, div#mast div#action1 a#actTake:active {
	color: #a2982f;
}

div#mast div#action1 a#actStay, div#mast div#action1 a#actStay:active, div#mast div#action1 a#actStay:link, div#mast div#action1 a#actStay:active {
	color: #5da98e;
}

div#mast div#action2 {
	font-size: 85%;
}

div#mast div#action2 a {
	margin: 0 10px 0 10px;
	color: #777;
}

body.isVideo div#mast div#action2 a {
	color: #999;
}

div#mast div#action1 a#actStay, div#mast div#action2 a#actContact {
	margin-right: 0px;
}




/******************************************************************************/
/************************        main banner + tagline ************************/

div#mainBanner {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 900;
}

body.isVideo div#mainBanner {
	background-color: #000;
}

div#bkgdPic {
	position: absolute;
	top: 65px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
	background: #ddd;
}

div#mainBanner, div#bkgdPic, div#bkgdPic img {
	width: 924px;
	height: 132px;
}

div#bkgdPic img {
	float: left;
	display: none;
}

body.pageDonate div#bkgdPic img {
	display: block;
}

body.pageHome div#mainBanner, body.pageHome div#bkgdPic, body.pageHome div#bkgdPic img {
	height: 292px;
}

body.isVideo div#mainBanner, body.isVideo div#bkgdPic, body.isVideo div#bkgdPic img {
	height: 470px;
}

div.c1, div.c2, div.c3, div.c4, div#mainMenu {
	position: relative;
	float: left;
	background-repeat: no-repeat;
}

div.c1 {
	position: relative;
	float: left;
	background-image: url(../images/corners/corner-ul.png);
	background-position: top left;
	z-index: 220;
}

body.isVideo div.c1 {
	background-image: url(../images/corners/corner-ul-grey.png);
}

div.c2 {
	background-image: url(../images/corners/corner-ur.png);
	background-position: top right;
	z-index: 220;
}

body.isVideo div.c2 {
	background-image: url(../images/corners/corner-ur-grey.png);
}

div.c3 {
	background-image: url(../images/corners/corner-lr.png);
	background-position: bottom right;
	z-index: 220;
}

body.isVideo div.c3 {
	background-image: url(../images/corners/corner-lr-grey.png);
}

div.c4 {
	background-image: url(../images/corners/corner-ll.png);
	background-position: bottom left;
	z-index: 220;
}

body.isVideo div.c4 {
	background-image: url(../images/corners/corner-ll-grey.png);
}

div#mainBanner div#mainMenu {
	background-image: url(../images/nav-bkgd.png);
	background-position: top center;
	z-index: 120;
	font-size: 116%;
	z-index: 400;
}

body.isVideo div#mainBanner div#mainMenu {
	background-image: url(../images/nav-bkgd-half.png);
}

div#mainBanner div.c4 {
	width: 924px;
	height: 132px;
}

div#mainBanner div#mainMenu {
	width: 924px;
	height: 97px;
}

body.pageHome div#mainBanner div.c4 {
	height: 292px;
}

body.isVideo div#mainBanner div.c4 {
	height: 470px;
}

div#tagline {
	position: relative;
	float: left;
	width: 924px;
	height: 22px;
	margin: 12px 0 18px 0;
}

div#mainMenuItems {
	/* see suckerfish code, way below */
}

div#searchMenu {
	position: relative;
	float: right;
	width: 178px;
	height: 32px;
	text-align: left;
	margin-top: 6px;
	margin-right: 6px;
}

body.isVideo div#searchMenu {
	color: #fff;
}

div#searchMenu input {
	background-color: #fff;
	width: 165px;
	height: 16px;
	border: 1px solid #aaa;
	font-size: 85%;
	padding-top: 2px;
}

body.pageSub div#pageTitle {
	position: relative;
	float: left;
	font-size: 182%;
	color: #fff;
	z-index: 5;
	margin-left: 10px;
}

body.pageDonate div#pageTitle {
	margin-top: 97px;
}

body.isVideo div#pageContent {
	position: absolute;
	left: 20px;
	top: 60px;
	width: 230px;
	z-index: 300;
	color: #777;
}

body.isVideo div#pageContent h1 {
	font-size: 213%;
	line-height: 110%;
	color: #a10101;
	font-weight: bold;
	margin-bottom: 20px;
}

body.isVideo div#pageContent p {
	font-size: 138.5%;
	line-height: 140%;
	margin-bottom: 30px;
	color: #ccc;
}

body.isVideo div#pageContent li {
	font-size: 100%;
	margin-bottom: 6px;
}

body.isVideo div#pageContent a {
	color: #48bec8;
	text-decoration: underline;
}

body.isVideo div#pageContent a:hover {
	color: #fff;
}

body.isVideo div#videoContentClip {
	position: absolute;
	width: 630px;
	height: 380px;
	background-color: #333;
	color: #fff;
	top: 60px;
	left: 266px;
}

body.isVideo div#pageContent div#pageTools {
	display: none;
}


/******************************************************************************/
/************************                action blocks ************************/

div#actionBox {
	position: relative;
	float: left;
	width: 222px;
	z-index: 200;
}

body.pageHome div#actionBox {
	width: 294px;
}

body.isVideo div#actionBoxVideo {
	width: 924px;
}

div#actionBox h1 {
	font-size: 116%;
	font-weight: bold;
	margin: 6px 0 0 9px;
}

body.pageHome div#actionBox h1 {
	font-size: 138.5%;
}

div#actionBox p {
	margin: 6px 0 0 9px;
	font-size: 93%;
}

body.pageHome div#actionBox p {
	margin: 3px 0 0 9px;
	font-size: 100%;
}

div#actionBox a {
	color: #000;
}

div#actionBox p a {
	text-decoration: none;
}

div#actionBox div#donateBox, div#actionBox div#actBox, div#actionBox div#subscribeBox, div#actionBox div#greenCircleBox  {
	position: relative;
	float: left;
	margin-bottom: 10px;
	z-index: 400;
}

div#actionBox div#donateBox {
	background-color: #b6d14d;
}

div#actionBox div#actBox {
	background-color: #e8de70;
}

div#actionBox div#subscribeBox {
	background-color: #9fd6c2;
}



div#actionContent {
	position: relative;
	float: left;
	width: 222px;
	height: 71px;
}

body.pageHome div#actionContent {
	width: 294px;
}

body.isVideo div#actionContent {
	height: 200px;
}

body.isVideo div#impactBox div#actionContent, body.isVideo div#funderBox div#actionContent {
	height: auto;
}

div#greenCircleBox {
	background-color: #ecf1ec;
	background-image: url(../images/corners/home-green-circle-middle.gif);
}

div#greenCircleBox div.c1 {
	background-image: url(../images/corners/home-green-circle-top.gif);
	background-position: top left;
}

div#greenCircleBox div.c2 {
	background-image: url(../images/corners/home-green-circle-bottom.gif);
	background-position: bottom left;
}

div#greenCircleBox div#actionContent {
	height: 158px;
}

div#greenCircleBox img {
	float: left;
	margin: 13px 1px 0 0;
}

div#greenCircleBox p {
	position: relative;
	float: left;
	padding: 0 0 0 0;
}

div#greenCircleBox a {
	text-decoration: underline;
}

div#greenCircleBox span {
	display: block;
	width: 95px;
	padding: 18px 0 0 6px;
}

body.isVideo div#actionContent {
	width: 200px;
}

body.isVideo div#moreBox div#actionContent {
	width: 498px;
}

body.isVideo div#actionBoxVideo {
	position: relative;
	float: left;
	width: 924px;
	z-index: 200;
}

div#actionBoxVideo div#factBox, div#actionBoxVideo div#freeBox, div#actionBoxVideo div#moreBox {
	position: relative;
	float: left;
	margin-bottom: 10px;
	z-index: 400;
}

body.isVideo div#actionBoxVideo div#factBox {
	background-color: #416975;
	width: 200px;
}

body.isVideo div#actionBoxVideo div#freeBox {
	background-color: #788636;
	margin-left: 13px;
	width: 200px;
}

body.isVideo div#actionBoxVideo div#moreBox {
	background-color: #535353;
	float: right;
	width: 498px;
}

body.isVideo div#funderBox {
	float: right;
	width: 498px;
}

body.isVideo div#impactBox {
	float: left;
}

body.isVideo div#supportBoxVideo h1 {
	color: #fff;
	text-transform: lowercase;
}

body.isVideo div#supportBoxVideo p {
	color: #bbb;
}

body.isVideo div#supportBoxVideo ul {
	margin: 1em 1em 1em 2.5em;
}

body.isVideo div#supportBoxVideo li {
	color: #bbb;
	padding-bottom: 10px;
}

body.isVideo div#supportBoxVideo ol li {
	list-style: decimal outside;
}

body.isVideo div#supportBoxVideo ul li {
	list-style: disc outside;
}

body.isVideo div#supportBoxVideo a {
	color: #40afb8;	
}


body.isVideo div#impactBox div#actionContent {
	width: 410px;
}

body.isVideo div#funderBox div#actionContent {
	width: 498px;
}

div#actionBoxVideo h1, div#supportBoxVideo h1 {
	font-size: 213%;
	font-weight: bold;
	margin: 9px 0 0 11px;
}

div#actionBoxVideo a {
	color: #fff;
	text-decoration: underline;
}

div#actionBoxVideo div#factBox h1, div#actionBoxVideo div#factBox h1 a {
	color: #96c7d5;
	text-decoration: none;
}

div#actionBoxVideo div#freeBox h1, div#actionBoxVideo div#freeBox h1 a {
	color: #d4e192;
	text-decoration: none;
}

div#actionBoxVideo div#moreBox h1 {
	color: #999999;
}

div#actionBoxVideo div#moreBox h1 a {
	color: #660000;
	text-decoration: none;
}

div#actionBoxVideo div#factBox h1 a:hover, div#actionBoxVideo div#freeBox h1 a:hover, div#actionBoxVideo div#moreBox h1 a:hover {
	text-decoration: underline;
}

div#actionBoxVideo p, div#supportBoxVideo p {
	margin: 9px 11px 0 11px;
	font-size: 108%;
	color: #fff;
}

div#actionBoxVideo div#moreBox p {
	width: 160px;
}

div#actionBoxVideo div#moreBox li {
	position: relative;
	float: right;
	height: 130px;
	width: 120px;
	margin: 10px 16px 0 0;
}

div#actionBoxVideo div#moreBox li li {
	float: left;
}


/******************************************************************************/
/************************ home and side content blocks ************************/

div#moreLink {
	position: absolute;
	font-size: 85%;	
	left: 0px;
	top: 0px;
	width: 140px;
	height: 20px;
}

div#moreLink a {
	color: #2d556a;
}

div#videoTitle h1, div#newsvineBox h1, div#boxOfTheDay h1 {
	font-weight: bold;
	font-size: 123.1%;
	color: #33a3cd;
	margin-bottom: 10px;
	text-transform: uppercase;
}

div#newsvineBox h1 {
	color: #7c6eac;
}

div#videoBox {
	position: relative;
	float: left;
	width: 313px;
	height: 494px;
	background-color: #bfbfbf;
	z-index: 400;
	margin-left: 12px;
	overflow: hidden;
}

div#videoBox div#actionContent {
	width: 313px;
	height: 494px;
}

div#videoScrollBkgd {
	position: absolute;
	width: 313px;
	height: 120px;
	z-index: 0;
	left: 0px;
	top: 384px;
	background-color: #353535;
	color: #999;
	text-align: center;
	font-weight: bold;
	font-size: 87%;
	padding-top: 2px;
}

div#videoScrollLeft {
	position: absolute;
	width: 28px;
	height: 109px;
	z-index: 999;
	left: -10px;
	top: 384px;
	color: #999;
	padding-top: 2px;
}

div#videoScrollRight {
	position: absolute;
	width: 28px;
	height: 109px;
	z-index: 998;
	left: 295px;
	top: 384px;
	color: #999;
	padding-top: 2px;
}

div#videoTitle {
	position: relative;
	float: left;
	width: 290px;
	height: 384px;
	margin: 18px 0 0 12px;
}

div#videoTitle h1 {
	color: #850000;
	font-size: 228%;
	line-height: 100%;
	text-transform: none;
}

div#videoTitle h1 a {
	color: #850000;
}

div#videoTitle p {
	color: #333;
	font-size: 116%;
	padding: 6px 0 6px 0;
	line-height: 138.5%;
}

div#videoTitle p a {
	color: #333;
	text-decoration: underline;
}

div#videoTitle p a:hover {
	color: #850000;
}

div#videoTitle div#moreLink {
	top: 115px;
}

div#videoList {
	position: relative;
	float: left;
	width: 5000px;
	height: 67px;
	margin-top: 5px;
	z-index: 500;
}

div#videoList a {
	color: #fff;
	font-size: 108%;
	text-transform: lowercase;
}

div#videoList li {
	position: relative;
	float: left;
	height: 67px;
	width: 200px;
	margin-left: 30px;
	margin-right: 60px;
}

div#videoList li li {
	position: absolute;
	top: 18px;
	left: 98px;
	width: 100px;
	margin-left: 10px;
	height: auto;
}




div#boxOfTheDay {
	position: relative;
	float: left;
	background-color: #f0f0f0;
	background-image: url(../images/corners/home-action-middle.jpg);	
	background-repeat: repeat-y;
	margin-right: 10px;
}

body.pageSub div#boxOfTheDay {
	margin-left: 0px;
	background-image: url(../images/corners/home-action-middle-sub.gif);	
	background-repeat: repeat-y;
	margin-left: 0px;
}

div#boxOfTheDay div.c1 {
	background-image: url(../images/corners/home-action-top.gif);
	background-position: top left;
	background-repeat: none;
}

body.pageSub div#boxOfTheDay div.c1 {
	background-image: url(../images/corners/home-action-top-sub.gif);	
	background-repeat: none;
}

div#boxOfTheDay div.c2 {
	background-image: url(../images/corners/home-action-bottom.gif);
	background-position: bottom left;
	background-repeat: none;
}

body.pageSub div#boxOfTheDay div.c2 {
	background-image: url(../images/corners/home-action-bottom-sub.gif);	
	background-repeat: none;
}

div#boxOfTheDay div#actionContent {
	position: relative;
	float: left;
	width: 294px;
	height: 246px;
}

body.pageSub div#boxOfTheDay div#actionContent {
	width: 222px;
}

div#boxOfTheDay h1 {
	margin: 10px 0 0 10px;
	color: #3d6c02; /* d28100 */
}

body.pageSub div#boxOfTheDay h1 {
	font-size: 116%;
}

div#boxOfTheDay p {
	padding: 10px 10px 10px 0;
	float: left;
}

body.pageSub div#boxOfTheDay p {
	padding: 0;
	margin: 10px;
}

div#boxOfTheDay ul {
	clear: left;
	float: left;
}

div#boxOfTheDay li {
	margin: 10px 0 0 30px;
	list-style-type: square;
}

body.pageSub div#boxOfTheDay li {
	font-size: 93%;
}

div#boxOfTheDay div#moreLink {
	top: 224px;
	margin-left: 10px;
}


div#rightCol {
	position: relative;
	float: right;
	width: 294px;
}


div#homeAdbox {
	position: relative;
	float: right;
	background-color: #e2e0ed;
	width: 294px;
	height: 238px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 10px;
}

div#homeAdbox div#realAd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 294px;
	height: 238px;
	text-align: left;
	overflow: hidden;
	z-index: 0;
}

div#homeAdbox div#actionContent {
	width: 294px;
	height: 238px;
}

div#homeAdbox div.c1, div#homeAdbox div.c2, div#homeAdbox div.c3, div#homeAdbox div.c4 {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 1;
}

div#homeAdbox div.c1 {
	top: 0px;
	left: 0px;
}

div#homeAdbox div.c2 {
	top: 0px;
	left: 284px;
}

div#homeAdbox div.c3 {
	top: 228px;
	left: 284px;
}

div#homeAdbox div.c4 {
	top: 228px;
	left: 0px;
}


div#newsvineBox {
	position: relative;
	float: right;
	background-color: #e2e0ed;
	width: 294px;
	height: 246px;
	text-align: left;
	overflow: hidden;
}

div#newsvineBox div#actionContent {
	width: 294px;
	height: 246px;
}

div#newsTitle {
	position: relative;
	float: left;
	width: 284px;
	margin: 10px 0 0 10px;
}

div#newsTitle div#moreLink {
	top: 222px;
}

div#newsItems {
	position: relative;
	float: left;
	width: 284px;
	margin: 0 0 0 10px;
}

div#newsItems li {
	margin-bottom: 10px;
	color: #000;
}

div#newsItems li a {
	color: #000;
	text-decoration: underline;
}




div#recommendBox {
	position: relative;
	float: left;
	width: 924px;
	height: auto;
	background-color: #e0f0ff;
	margin-top: 10px;
	overflow: hidden;
}

div#recommendBox div#actionContent {
	width: 924px;
	height: auto;
}

div#recommendTitleBkgd {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #d0dfed;
	width: 924px;
	height: 40px;
}

div#recommendTitleBkgd h1 {
	font-size: 122%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px;
}

div#recommendBox ul {
	margin: 40px 0 0 0;
}

div#recommendBox ul li {
	font-weight: bold;
	color: #006666;
	font-size: 116%;
	float: left;
	padding: 12px 44px 20px 12px;
}

div#recommendBox ul ul {
	margin: 0;
	width: 250px;
}

div#recommendBox ul li ul li {
	font-weight: normal;
	color: #333;
	font-size: 100%;
	padding: 12px 0 0 0;
	float: none;
}

div#recommendBox a {
	color: #333;
}

/******************************************************************************/
/*******************                         sub menus ************************/

div#subMenu {
	position: relative;
	float: left;
	margin-bottom: 10px;
	background-color: #48bec8;
	background-image: url(../images/sub/trim.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 123.1%;
}

div#subMenu div.c4 {
	width: 222px;
}

div#subMenu ul {
	float: left;
	padding: 8px 0 12px 0;
}

div#subMenu li {
	position: relative;
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

div#subMenu li.mainlevel_current {
	background-color: #fff;
	background-image: url(../images/subnav-top-hi.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 0 0 12px;
}

div#subMenu li a {
	display: block;
	width: 200px;
	color: #fff;
	padding: 6px 9px 6px 12px;
}

div#subMenu li a:hover {
	background-color: #3ba5ae;
}

div#subMenu li.mainlevel_current a:hover {
	background-color: transparent;
}

div#subMenu li.mainlevel_current a {
	width: 198px;
	color: #000;
	padding: 16px 0 16px 12px;
	background-image: url(../images/subnav-bottom-hi.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#subMenu ul.subHome {
	float: left;
	background-image: url(../images/subnav-line.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 1px 0 32px 0;
}

div#subMenu ul.subHome li {
	float: none;
	margin: 10px 0 6px 0;
}

div#subMenu ul.subHome a {
	padding-left: 12px;
	width: 200px;
	font-style: italic;
}

div#subMenu span.subarrow {
	display: none;
}

div#subMenu li.hasSub ul {
	display: none;
}

div#subMenu li.hasSubActive {
	background-image: url(../images/subnav-top-white-line.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #498b91;
}

div#subMenu li.hasSubActive ul {
	background-image: url(../images/subnav-top-white-line.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #498b91;
}

div#subMenu li.hasSubActive li.hasSubActive ul {
	display: none;
}

div#subMenu li.isParent_nav li.isParent_nav {
	background-color: #fff;
	background-image: url(../images/subnav-top-hi-dark.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 0 0 12px;
}

div#subMenu li.isParent_nav li.isParent_nav a {
	width: 198px;
	color: #000;
	padding: 16px 0 16px 12px;
	background-image: url(../images/subnav-bottom-hi-dark.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#subMenu li.hasSubActive a {
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 10px;
	color: #000;
}

div#subMenu li.hasSubActive a:hover {
	background-color: #2f5a5e;
}

div#subMenu li.hasSubActive li a {
	font-weight: normal;
	font-style: italic;
	padding-bottom: 6px;
	padding-top: 6px;
	color: #fff;
}

div#subMenu li.hasSubActive li.mainlevel_current {
	background: none;
	background-color: #fff;
	background-image: url(../images/subnav-top-hi-dark.gif);
}

div#subMenu li.hasSubActive li.mainlevel_current a {
	background-image: url(../images/subnav-bottom-hi-dark.gif);
	padding-bottom: 16px;
	padding-top: 16px;
	color: #000;
	font-style: normal;
}

div#subMenu li.hasSubActive li.mainlevel_current a:hover, div#subMenu li.isParent_nav li.isParent_nav a {
	background-color: transparent;
}




/******************************************************************************/
/*******************       sub-page content formatting ************************/

div#contentBox {
	line-height: 150%;
	font-size: 108%;
}

body.pageSub div#contentBox {
	position: relative;
	float: right;
	width: 680px;
}

body.pageDonate div#contentBox {
	width: 912px;
}

body.pageSub div#cornerBox {
	position: relative;
	float: right;
	width: 135px;
	margin-left: 20px;
}

body.pageSub div#pageTools {
	position: relative;
	float: right;
	background-color: #ccc;
	width: 135px;
	text-align: left;
	margin-bottom: 24px;
}

body.pageSub div#pageTools a {
	position: relative;
	clear: left;
	float: left;
	width: 115px;
	color: #000;
	font-size: 85%;
}

body.pageSub div#pageQuote {
	position: relative;
	float: right;
	background-color: #ffba4c;
	width: 135px;
	margin-top: 10px;
	font-size: 85%;
}

body.pageSub div#cornerBox p {
	position: relative;
	clear: left;
	float: left;
	margin: 10px;
}

body.pageSub div#contentBox h1, body.pageSub div#contentBox div.componentheading, div.xmap div.componentheading, body.pageDonate div#contentBox h2 {
	font-size: 182%;
	font-weight: bold;
	color: #40afb8;
	margin: 12px 0 24px 0;
	line-height: 130%;
}

body.pageSub div#contentBox h5 {
	font-weight: bold;
	margin-top: 18px;
}

body.pageSub div#contentBox p {
	margin-bottom: 12px;
}

body.pageSub div#contentBox h5, body.pageSub div#contentBox p {

}


/******************************************************************************/
/******************* main menus (thank you suckerfish) ************************/

div#mainNav {
	position: relative;
	float: left;
	width: 728px;
	height: 32px;
	text-align: left;
	margin-top: 1px;
	z-index: 950;
}

div#mainNav .mainlevel_nav, div#mainNav .mainlevel_nav *, div#mainNav .mainlevel_nav li li {
	margin:0;
	padding:0;
	overflow: visible;
	z-index: 975;
}

div#mainNav .mainlevel_nav li li {
	background: url(../images/nav-dropdown.png) left top;
	z-index: 982;
}

div#mainNav .mainlevel_nav li {
	position:relative;
	float:left;
	z-index:995;
	padding: 6px 35px 5px 35px;
}

body:first-of-type div#mainNav .mainlevel_nav li {
	padding-right: 37px;
} /* a fix for Safari */

body:first-of-type div#mainNav .mainlevel_nav li li {
	padding-right: 0px;
} /* a fix for Safari */

div#mainNav .mainlevel_nav a {
	color: #000;
	display:block;
	float:left;
	text-decoration:none;
	z-index: 975;
}

div#mainNav .mainlevel_nav ul a {
	color: #000;
	display:block;
	float:left;
	padding: 9px 9px 8px 9px;
	text-decoration:none;
}

div#mainNav .mainlevel_nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	z-index:996;
}

div#mainNav .mainlevel_nav li li:hover, div#mainNav .mainlevel_nav li li.sfHover {

}

div#mainNav .mainlevel_nav li.current {

}

div#mainNav .mainlevel_nav a:focus, div#mainNav .mainlevel_nav a:hover, div#mainNav .mainlevel_nav a:active {
	color: #000;
	text-decoration: none;
	z-index: 975;
}

div#mainNav .mainlevel_nav li:hover ul, div#mainNav .mainlevel_nav li.sfHover ul {
	left: 1px;
	top: 30px; /* distance from main nav -- see line-height above */
}

div#mainNav .mainlevel_nav li:hover li ul, div#mainNav .mainlevel_nav li.sfHover li ul {
	z-index:997;
	left:-999em;
}

div#mainNav .mainlevel_nav li li:hover ul, div#mainNav .mainlevel_nav li li.sfHover ul {
	left:191px;
	top: 0px;
	width:190px;
}

div#mainNav .mainlevel_nav li li {
	float:none;
	width:190px;
	background: url(../images/nav-dropdown.png) left top;
/*	background-repeat: repeat-y; */
	z-index:998;
}

div#mainNav .mainlevel_nav li li a {
	float:none;
	width:170px;
	color: #000;
}

div#mainNav .mainlevel_nav .mainlevel_active_nav a {
	color: #000;
}

div#mainNav .mainlevel_nav .mainlevel_active_nav li a {
	background: none;
	color: #000;
}

div#mainNav .mainlevel_nav li li:hover, div#mainNav .mainlevel_nav l li.sfHover {
	background: url(../images/nav-dropdown-hi.png) left top;
/*	background-repeat: repeat-y; */
}

div#mainNav .mainlevel_nav li#menuitem_2_nav li {
}

div#mainNav .mainlevel_nav li#menuitem_3_nav li {
}

div#mainNav .mainlevel_nav li#menuitem_4_nav li {
}

div#mainNav .mainlevel_nav li#menuitem_5_nav {
	padding-right: 0px;
}

div#mainNav span.subarrow {
	display: none;
}

div#mainNav ul.mainlevel_nav li li span.subarrow {
	display: inline;
	float: right;
	width: 8px;
	margin: 1px 0px 0 0;
	text-decoration: none;
	color: #83aeb2;
}

div#mainNav ul.mainlevel_nav li li li span.subarrow {
	display: none;
}

div#mainNav ul.mainlevel_nav li li:hover span.subarrow, div#mainNav ul.mainlevel_nav li li.sfHover span.subarrow {
	color: #fff;
}

body.isVideo div#mainNav .mainlevel_nav a {
	color: #fff;
}

body.isVideo div#mainNav .mainlevel_nav ul a {
	color: #000;
}

div#mainNav li#menuitem_6_nav, div#mainNav li#menuitem_7_nav, div#mainNav li#menuitem_8_nav, div#mainNav li#menuitem_9_nav, div#mainNav li#menuitem_10_nav, div#mainNav li#menuitem_11_nav {
	display: none;
}




/********************************** general formatting ************************/

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

div#contentBox td {
	padding: 2px;
}

div#contentBox ul, div#contentBox ol, div#contentBox dl {
	margin:1em;
}

div#contentBox ol, div#contentBox ul, div#contentBox dl { 
	margin-left: 2em;
}

div#contentBox ol li {
	list-style: decimal outside;
}

div#contentBox ul li {
	list-style: disc outside;
}

div#contentBox a {
	color: #40afb8;	
}


div.xmap li a {
	font-weight: bold;
}

div.xmap li li a {
	font-weight: normal;
}

div.xmap li li li a {
	font-style: italic;
}




body.pageDonate div.supporterInfo {
	width: 300px;
}

body.pageDonate ul#cardtypes li {
	list-style: none;	
}


div.chronoform {
	display: none;
}





















div.feedtable_jrss div.excerpt {
	display: none;
}

h3 {font-size: 12pt;}

.date {background:#f0f0f0; width:120px; padding:4px; margin-top:0px;}