/* ----- CSS Reset ----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font,
img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt,
li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img,
:link img,
:visited img { border: 0; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before,
blockquote:after { content: ""; }

/* ----- CSS ----- */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	background-color: #979a57;
	text-align: center;
}

/* ----- IDS ----- */
div#top-bar
{
	background-color: #465773;
	border-bottom: 2px solid #fff;
	height: 38px; 
	}

div#pg
{
	width: 958px;
	border-right: 2px solid #fff;
	margin: 0 auto;
	text-align: center;
	color: #000;
	background-color: #fff;
}

div#hdr
{
	margin-bottom: 42px;
	border-bottom: 2px solid #fff;
}

div#audience-nav 
{
	float: left;
	width: 235px;
	margin-top: -46px;
}

.home a#logo
{
margin-top: 0;
height: 209px;
}

body#getinvolved a#logo, body#newsroom a#logo, body#issues a#logo, body#eventnav a#logo, body#contribute a#logo
{
	position: absolute;
	margin-top: 0;
	top: 0;
}

body#getinvolved div#hdr, body#newsroom div#hdr, body#issues div#hdr, body#eventnav div#hdr, body#contribute div#hdr 
{height: 124px;}


div#highlight
{
	float: right;
	width: 719px;
	position: relative;
}

div#content
{
	position: relative;
	margin: 0 auto;
	padding-bottom: 1.2em;
	width: 956px;
	border-left: 2px solid #fff;
	background: repeat-y 0 0;
}

.home div#content { background-image: url(contentbg_home.gif); }
div#content { background-image: url(contentbg.gif); }

div#main
{
	float: left;
	width: 580px;
	padding: 2.2em 20px 1.2em 20px;
	display: inline;
}

.home div#main
{
	width: 424px;
	margin-right: -236px;
	margin-left: 236px;
}

.home div#sub, .home div#extra { background: url(subextrabg.gif) repeat-x 0 0; }

div#sub
{
	float: right;
	width: 281px;
	padding: 2.2em 20px 1.2em 15px;
	display: inline;
}

.home div#sub
{
	float: left;
	width: 201px;
	margin-left: -464px;
}

div#extra
{
	float: right;
	width: 212px;
	padding: 2.2em 12px 1.2em 12px;
	display: inline;
}

div#main-nav div.wrap
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 956px;
	border-top: 8px solid #465773;
	padding-top: 2px;
	background-color:#fff;
}

div#main-nav
{
	position: absolute;
	top: 0;
	left: 0;
	width: 956px;
}

div#ftr
{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #465773;
}

div#ftr div.wrap
{
	width: 926px;
	margin: 0 auto;
}

/* ----- CLASSES ----- */
div.events
{
	clear: both;
	margin: 1.2em 0 3em 0;
}

div.map { margin: 1.2em 0; }

div.last { margin-right: 0; }

div.ed
{
	font-size: 1em;
	line-height: 1.8;
	margin: 1.2em 0;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: block; }

/* ----- HEADINGS ----- */
h1
{
	position: absolute;
	left: -9999px;
}

h2, h3
{
	font-weight: bold;
	margin: 0;
	color: #6e703b;
	text-transform: uppercase;
}

h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; }
h4
{
color: #6e703b;
margin: 1.2em 0;
font-size: 1.2em;
}

h5, h6
{
	font-weight: bold;
	margin: 1.2em 0;
}


.home div#sub h4
{
	font-weight: normal;
	margin-bottom: 0.5em;
}

h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

/* ----- PARAGRAPHS ----- */
p
{
	font-size: 1em;
	line-height: 1.8;
	margin: 1.2em 0;
}

div#highlight p
{
	position: absolute;
	right: 8px;
	bottom: 8px;

	color: #000;
	font-weight: bold;
	font-size: 1em;
	width: 320px;
	padding: 1.2em 15px;
	margin: 0;
	line-height: 1.1;
}

.home div#sub p
{
	line-height: 1.3;
}

.home div.map p
{
	line-height: 1.3;
}

div#ftr p
{
	line-height: 1.3;
	color: #fff;	
}

div#extra div.otherlinks img
{
	border:none;
	padding: 0;
	float: left;
	width: auto;
	margin: 0 5px 5px 0;
	display: inline;
}

p.contact
{
	width: 771px;
	float: left;
}

ol, ul, li
{
	font-size: 1em;
	line-height: 1.8;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

div#audience-nav ul
{
	margin: 0;
	list-style: none;
	border-left: 2px solid #fff;
	width: 235px; 
}

div#audience-nav ul li
{
	margin: 0;
	height: 67px;
	border-bottom: 2px solid #fff;
	background-color: #979a57;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#audience-nav ul li#aud_contribute
{
	height: 67px;
	/*background-image: url(aud_contribute.gif);*/
}

div#audience-nav ul li#aud_getinvolved
{
	height: 67px;
	background-image: url(aud_getinvolved.gif);
	border-bottom: 0px;
}

#main ol,
#main ul,
#sub ol,
#sub ul,
#extra ol,
#extra ul { margin-left: 15px; }

div#main-nav ul
{
	width: auto;
	width: 954px;
	margin: 0;
	height: 30px;
	list-style: none;
	border: 1px solid #3e435a;
}

div#main-nav ul:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#main-nav ul
{
	display: inline-block;
	display: block;
}

div#main-nav li
{
	float: left;
	width: 158px;
	margin: 0;
	line-height: 30px;
	display: block;
	border-right: 1px solid #3e435a;
}

div#main-nav li#lastButton
{
	width: 159px;
	border-right: none;
}

div#main-nav li ul
{
	position: absolute;
	width: 158px;
	left: -9999px;
	margin-left: -1px;
	border-bottom: none;
	height: auto;
}

div#main-nav li#lastButton ul { width: 159px; }
div#main-nav li:hover ul,
div#main-nav li.sfhover ul { left: auto; }

div#main-nav li li
{
	background: #55667f;
	line-height: 1.3;
	border-right: none;
	border-bottom: 1px solid #3e435a;
}

div#main-nav li#lastButton li { width: 159px; }

div#main div.breadcrumbs ul, div#main div.breadcrumbs li
{
	list-style: none;
	margin-left: 0;
	display: inline;
}

/* ----- IMAGES ----- */
img { }
img a { }
img a:hover { }
div#hdr img { display: block; }

div#sub img, div#extra img
{
	padding: 2px;
	border: 1px solid #6e703b;
	float: left;
	width: auto;
	margin: 0 10px 10px 0;
	display: inline;
}


/* ----- TEXT FORMATTING ----- */
strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* ----- LINKS ----- */
a { text-decoration: none; }
a:hover { }
a:visited, a:active, a:focus { }
a:visited { }
a:active { }
a:focus { }
p a { }
cite a { }
li a { }
dt a { }
dd a { }


div#main-nav li a:link, div#main-nav li a:visited
{
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background: url(mainnavbg.gif) no-repeat 0 0;
	color: #fff;
	width: 158px;
	text-decoration: none;
}

div#main-nav li#lastButton a:link, div#main-nav li#lastButton a:visited
{
	background-image: url(mainnavbg_last.gif);
	width: 159px;
}

div#main-nav li a:hover
{
	color: #465773;
	text-decoration: none;
	background-position: 0 -30px;
}

body#homepage div#main-nav li#homeBTN a:link, body#homepage div#main-nav li#homeBTN a:visited {background-position: 0 -30px; color: #465773;}
body#getinvolved div#main-nav li#getinvolvedBTN a:link, body#getinvolved div#main-nav li#getinvolvedBTN a:visited {background-position: 0 -30px; color: #465773;}
body#newsroom div#main-nav li#newsroomBTN a:link, body#newsroom div#main-nav li#newsroomBTN a:visited {background-position: 0 -30px; color: #465773;}
body#issues div#main-nav li#issuesBTN a:link, body#issues div#main-nav li#issuesBTN a:visited  {background-position: 0 -30px; color: #465773;}
body#eventnav div#main-nav li#eventsBTN a:link, body#eventnav div#main-nav li#eventsBTN a:visited {background-position: 0 -30px; color: #465773;}
body#contribute div#main-nav li#lastButton a:link, body#contribute div#main-nav li#lastButton a:visited {background-position: 0 -30px; color: #465773;}

div#main-nav li li a:link, div#main-nav li li a:visited
{
	line-height: 1.3;
	font-size: 0.9em;
	font-family:  Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	background: #465773;
	text-align: left;
	padding: 0 10px;
	width: 138px;
	text-decoration: none;
}

div#main-nav li#lastButton  li a:link, div#main-nav li#lastButton  li a:visited { width: 139px; }

div#main-nav li li a:hover, div#main-nav li#lastButton  li a:hover
{
	color: #465773;
	background: #bfc5cf;
}

div#content a:link, div#content a:visited { color: #4351a0; text-decoration: underline; }
div#content a:hover { text-decoration: underline; }



/* ----- FORMS ----- */
form.EmailForm {
	
	padding-top: 40px;
	padding-left: 5px;
	right: 0;
}

input {
	border: 1px solid #1d2a41;
	font-size: 0.9em;
}

input.EmailFormInput { width: 100px; }
input.ZipFormInput { width: 50px; }




#twitterfeed { width: 215px; height: 296px; background: url(../images/kindtwitterbg.png); position:relative; margin-top: 20px; margin-bottom: 20px;}
#twitterfeed .tweet_list { padding-top: 60px; padding-right: 4px; padding-left: 10px; list-style-type: circle; height: 200px; width: 145px; overflow: hidden;}
#twitterfeed .tweet_list li { margin-bottom: 10px; font-size: 10px;  }
#twitterfeed .tweet_list li a { font-weight:bold; text-decoration: underline; }
#twitterfeed .tweet_list li a:hover {text-decoration: none; }
#twitterfeed .tweet_list li .author { font-weight: normal; text-decoration:none; }
#twitterfeed .tweet_list li .author:hover { text-decoration:underline; }
#twitterfeed .loading { position: absolute; top: 50%; left: 50px; color: #569CD4;}



#images {
	padding: 			0px;
	margin: 			0px;
	height: 			200px;
	width: 				200px;
	overflow:			hidden;
	margin-top: 20px;
	margin-left: 16px;
	margin-bottom: 20px;
	}
#images ul {
	list-style:			none;
	float: 				left;
	padding: 			0px;
	margin: 			0px;
}
#images ul li {
	display: 			inline;
}
#images ul li img {
	border: 			none;
	padding: 			0 5px 5px 0;
	width: 				50px;
	height: 			50px;
	opacity: 			0.6;
	-moz-opacity: 		0.6;	
}
#images ul li img:hover {
	opacity: 			1;
	-moz-opacity: 		1;
}