/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: 13px/18px arial, verdana, sans-serif; color: #494949; background: #030356 url(../images/background-body.png) top repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td{ vertical-align: top; }


/* Layout */

#wrapper{ width: 951px; margin: 0 auto; }


/* Header */

#header{ position: relative; z-index: 2; height: 234px; background: transparent url(../images/background-header.jpg) 0 0 no-repeat; }
#logo{ display: block; width: 638px; height: 178px; background: transparent url(../images/logo.jpg) 0 0 no-repeat; }

#header form{
	position: absolute;
	bottom: 57px;
	right: 0;
	
	width: 450px;
	height: 39px;
	
	line-height: 39px;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
}
#header form input{ vertical-align: middle; margin: 0 0 0 3px; }
#header form input.text{ border: 1px solid #FFF; background: #b9f1ff; padding: 2px 5px; font-size: 12px; color: #555; }
#header form input#mce-EMAIL{ width: 134px; }
#header form input#mce-MMERGE3{ width: 72px; }

#header ul{ position: absolute; bottom: 0; left: 14px; height: 56px; }
#header ul li{ position: relative; float: left; display: block; padding-right: 1px; background: transparent url(../images/menu-divider.png) bottom right no-repeat; }
#header ul li a{
	display: block;
	height: 56px;
	padding: 0 16px;
	cursor: pointer;
	
	line-height: 56px;
	font-family: "Myriad Pro",arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #164692;
}
#header ul li:hover > a{ background: #4a9bea; }
#header ul ul{ position: absolute; left: 0; top: 56px; width: 200px; height: auto; display: none; }
#header ul ul li{ padding: 0; background: none; }
#header ul ul li a{ width: 268px; font-size: 12px; font-weight: normal; line-height: 24px; height: auto; color: #023689; background: #4a9bea; }
#header ul ul li a:hover{ background: #d6efff; }
#header ul li:hover ul{ display: block; }

#seal{ position: absolute; top: 0; left: -90px; width: 90px; height: 234px; background: transparent url(../images/seal.jpg) 0 0 no-repeat; }

#google_translate_element{
	position: absolute;
	top: 10px;
	right: 0;
}

/* Feature */

#feature{ position: relative; z-index: 1; height: 316px; margin-bottom: 10px; background: transparent url(../images/background-feature.jpg) 0 0 no-repeat; }

#feature-image{ position: absolute; top: 10px; left: 10px; width: 612px; height: 292px; }
#feature-image li{ position: absolute; width: 612px; height: 292px; }
#feature-image li p{ position: absolute; left: 0; bottom: 0; width: 592px; padding: 10px; background: #FFF; color: #000; opacity: 0.9; }
#feature-image li p strong{ color: #023689; }

#action-center{ width: 258px; }
#action-center h2{ margin: 6px auto 11px auto; width: 253px; height: 37px; text-indent: -9999px; background: transparent url(../images/header-action-center.png); }
#action-center ul li a{ display: block; width: 258px; height: 57px; margin: 0 0 4px 0; text-indent: -9999px; }
#action-center-contribute{ background: transparent url(../images/button-action-contribute.jpg); }
#action-center-emails{ background: transparent url(../images/button-action-emails.jpg); }
#action-center-tell{ background: transparent url(../images/button-action-tell.jpg); }
#action-center-volunteer{ background: transparent url(../images/button-action-volunteer.jpg); }

#feature #action-center{ position: absolute; top: 10px; right: 10px; }
#sidebar-wrapper #action-center{ margin-bottom: 10px; }

/* Content */

#content-wrapper{ background: transparent url(../images/background-content.png) 0 0 no-repeat; }
#content-inner-wrapper{ margin: 0 14px 0 15px; padding: 0 10px 10px 10px; background: #f1f9fe url(../images/background-content-inner.png) top left repeat-x; }
/* Clearfix */
#content-inner-wrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */
* html #content-inner-wrapper {height: 1%;}
/* IE7 */
*:first-child+html #content-inner-wrapper {min-height: 1px;}

#content-home{ display: inline; float: left; width: 620px; background: #FFF url(../images/background-content-top.jpg) top no-repeat; }
#content-home-inner{ padding: 25px; min-height: 360px; background: transparent url(../images/background-content-bottom.jpg) bottom no-repeat; }
#content-home h1, #content-home p, #content-home ul, #content-home ol{ margin-bottom: 18px; }
#content-home h1, h1#invite{ font-size: 17px; line-height: 24px; color: #023689; text-transform: uppercase; }
#content-home ul, #content ol{ margin-left: 1.5em; }
#content-home ul{ list-style: disc; }
#content-home ol{ list-style: decimal; }

#content{ display: inline; float: left; width: 603px; background: #f1f9fe url(../images/background-content2.png) bottom repeat-x; }
#content-inner{ padding: 25px; min-height: 588px; background: transparent url(../images/background-content2-bottom.png) bottom no-repeat; }
#content h1, #content p, #content ul, #content ol{ margin-bottom: 18px; }
#content h1{ font-size: 17px; line-height: 24px; color: #023689; text-transform: uppercase; }
#content ul, #content ol{ margin-left: 1.5em; }
#content ul{ list-style: disc; }
#content ol{ list-style: decimal; }

h1#content-title{ margin: 0; }

#sidebar-wrapper, #sidebar{ position: relative; display: inline; float: right; width: 267px; }
#sidebar{ background: #5085BB url(../images/background-sidebar-top.png) top no-repeat; }
#sidebar-inner{ padding: 25px; min-height: 410px; background: transparent url(../images/background-sidebar-bottom.png) bottom no-repeat; }
#sidebar h2, #sidebar p, #sidebar ul, #sidebar ol{ margin-bottom: 18px; color: #FFF; }
#sidebar h2{ font-size: 17px; line-height: 24px; text-transform: uppercase; }
#sidebar a{ color: #FFF; }
#sidebar ul li{ margin-bottom: 18px; }
#sidebar ul li .date{ font-weight: bold; font-size: 11px; text-transform: uppercase; }

#sidebar-meta{ position: absolute; bottom: 25px; left: 25px; width: 179px; padding: 9px 19px; background: #e1effa; border: 1px solid #FFF; }
#sidebar-meta a{ color: #0c509f; text-transform: uppercase; }

a.rss{ padding: 3px 0 3px 22px; background: transparent url(../images/icon-feed.png) left no-repeat; }

#content form fieldset{ margin: 0 0 18px 0; }
#content form label{ display: block; font-weight: bold; }
#content form input.text{ width: 200px; margin: 0 0 5px 0; }


/* Page - YouTube Videos */

#youtube-videos div{ border: none !important; }


/* Footer */

#footer{ position: relative; height: 122px; font-size: 0.85em; color: #FFF; text-align: center; background: transparent url(../images/background-footer.png) 0 0 no-repeat; }
#inner-footer{ padding-right: 292px; height: 100%; }
#footer-menu{ padding: 27px 0 0 0; }
#footer-menu li{ display: inline; }
#footer-menu li a{ color: #FFF; position: relative; }

#connect{ position: absolute; right: 26px; top: 12px; width: 266px; height: 86px; background: transparent url(../images/background-connect.jpg) 0 0 no-repeat; }
#connect h2{ position: absolute; text-indent: -9999px; }
#connect ul{ position: absolute; left: 27px; top: 41px; }
#connect ul li{ float: left; margin-right: 7px; }
#connect ul li a{ display: block; width: 33px; height: 33px; text-indent: -9999px; }

.vcard *{ display: inline; }
.vcard .url{ display: none; }