/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#FFFFFF;
	background:#87af87 url(../images/header_bg.jpg) repeat-x top left;
	margin:0;
	font:normal 12px/15px lucida grande, arial, sans-serif;
	padding-bottom:30px;

}

p {
	font:normal 12px/15px lucida grande, arial, sans-serif;
	}

a { 
	font:normal 12px/15px lucida grande, arial, sans-serif;
	text-decoration:underline;
	color:#009966;
}
a:hover {
	color:#333;
}


ul {
	margin:0; padding: 0; 
	list-style: none;
	}

/* Helpers
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto;
width: 830px;
text-align:center;
background: white url(../images/banner.jpg) no-repeat top left;
padding-top:270px;
position:relative;
}

#content {
width:830px;
margin: 0 auto;
background:url(../images/pg_bg.gif) repeat-y top center;
padding:0;
}

#nav {
width:215px;
float:left;
text-align:left;
padding-bottom:50px;
}

#wrapper {
width:615px;
float:right;
}

#main {
width:400px;
float:left;
text-align:left;
color:#333333;
}

#sidebar {
width:215px;
float:right;
}

h1#logo a {
display:block;
width:200px;
height:150px;
text-indent:-9999px;
text-align:left;
position:absolute;
left:80px; top:100px;
}

#slideshow {
width:155px;
height:225px;
display:block;
text-indent:-9999px;
background:url(../images/slideshow.jpg) no-repeat top left;
border:1px solid rgb(39,62,39);
}

a#act_button {
display:block;
width:155px;
height:74px;
background:url(../images/faxbutton.jpg) no-repeat top left;
text-indent:-9999px;
border:1px solid rgb(39,62,39);
margin-top:20px;
}

a#donate_button {
display:block;
width:155px;
height:74px;
background:url(../images/donatebutton.jpg) no-repeat top left;
text-indent:-9999px;
border:1px solid rgb(39,62,39);
margin-top:20px;
}

/* Navigation */

#nav dl {
margin-left:55px;
}

#nav dl dt a {
display:block;
width:155px; height:30px;
text-indent:-9999px;
margin:10px 0 10px 0;
}

#nav dl dt#about a{
background:url(../images/nav_about.gif) no-repeat top left;
margin-top:0;
}

#nav dl dt#resources a {
background:url(../images/nav_resources.gif) no-repeat top left;
}

#nav dl dt#act a {
background:url(../images/nav_actnow.gif) no-repeat top left;
}

#nav dl dd a {
display:block;
color:rgb(39,62,39);
padding:5px 5px 5px 20px;
text-decoration:none;
width:135px;
font-size:11px;
background:url(../images/bullet.gif) no-repeat 6px 8px;
}

#nav dl dd a:hover,
#nav dl dd a.active {
padding:5px 5px 5px 20px;
background:#87af87 url(../images/bullet_on.gif) no-repeat 6px 8px;
color:white;
}
dl.subnav {
	padding: 0 0 40px 0;
}
dl.subnav ul li a {
display:block;
color:#87af87;
padding:5px 5px 5px 8px;
font-size: 11px;
text-decoration: none;
background:rgb(39,62,39);
border-bottom: 1px solid #fff;
}
dl.subnav ul li a:hover,
dl.subnav ul li.active a  {
background:#87af87;
color:#fff;
}
/* utility nav */

ul#utilitynav {
text-align:right;
height:30px;
padding-right:45px;
padding-bottom:15px;
}

ul#utilitynav li {
display:inline;
color:rgb(135,175,135);
padding:0 0px 0 0px;
font-size:11px;
color:#333333;
}

ul#utilitynav li a {
color:#333333;
text-decoration:underline;
font-size:11px;
}
ul#utilitynav li a:hover {
	color:#87af87;
}

/* footer */

#footer {
width: 830px;
margin:0 auto;
text-align:right;
color:white;
padding-right:30px;
padding-top:5px;
font: normal 12px/15px  georgia, times, sans-serif;
}



/* typography */

#main p {
margin:0 30px 15px 30px;
font: normal 12px/15px  georgia, times, sans-serif;
}

#main ul,
#main dl {
margin-left:30px;
}
#main dl dt {
font:bold 14px/22px arial, helvetica, sans-serif;
margin:0 30px 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #555;
}
#main dl dd {
	margin: 0 0 5px 15px;
	padding: 0 0 5px 0;
}
#main ol {
margin-left:50px;
font: normal 12px/15px  georgia, times, sans-serif;
}

#main ol li {
margin-bottom:12px;
}

#main ul li {
padding-left:20px;
background:url(../images/bullet.gif) no-repeat 0px 6px;
margin:0px 40px 12px 0px;
font: normal 12px/15px  georgia, times, sans-serif;
}

#main ul.lightbox li {
	background: none;
	margin: 0 10px 20px 0;
	padding: 0;
	border: 2px solid #87af87;
	float: left;
	width: 100px;
}
#main h2 {
font:bold 18px/22px arial, helvetica, sans-serif;
margin:0 30px 20px 30px;
}
#main p.video { 
	text-align: center; 
}

#main h3 {
font:bold 14px/17px arial, helvetica, sans-serif;
margin:0 30px 10px 30px;
}

/* other */

#container #utilitynav input {
width:125px;
}

#sidebar dl {
font:font: normal 12px/15px  georgia, times, serif;
color:rgb(135,175,135);
text-align:left;
margin:25px 60px 20px 0px;
}

#sidebar dl dt {
font: bold 11px/15px  lucida grand, arial, sans-serif;
color:#333333;
margin-bottom:5px;
text-transform:uppercase;
}

#sidebar dd {
margin-left:0;
font-size:11px;
margin-bottom:5px;
}


#searchform fieldset { outline: none; border: 1px solid #666; background: #dedede; padding: 20px; margin: 0 20px; }
#searchform label { padding-right: 10px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }

#LSResult { background-color: #ccc; width: 350px; margin: 0 20px; }
#LSShadow { padding: 5px; }
#LSRes { background-color: #fff; padding: 10px; }
.LSRow { padding: 5px; border-bottom: 1px solid #dedede; }
#LSHighlight { background-color: #dedede; }
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #eee; }

#LSResult a { color:rgb(39,62,39); }
#LSResult a:hover { color:#333; }

form legend {
	display: none;
}
form fieldset {
	border: none;
	padding: 0 20px;
}
form textarea {
	width: 335px;
	margin: 5px 0 15px 0;
	background: #DAE7DA;
}
#zemContactForm {
	margin: 0 10px 0 10px;
	font-size: 11px;
}
#zemContactForm p {
	margin: 0 0 15px;
	line-height: 1.4em;
}
#zemContactForm .personalinfo input,
#zemContactForm .personalinfo label {
	float: left;
	display: block;
	width: 48%;
	margin: 0 0 12px 0;
}
p.notice {
	border-top: 1px dotted #87af87;
	padding: 5px 0 0 0;
	color: #87af87;
	font-weight: bold;
	line-height: 1.8em;
}
p.notice strong {
	color: #999;
	font-weight: normal;
}
.question {
	padding: 0 60px 15px 0;
	line-height: 1.8em;
}
.question label {
	margin: 0 8px 0 0;
}
.checkbox input {
	margin: 0 5px 0 0;
}
label.zemRequirederrorElement,
label.zemRequired {
	font-weight: bold;
}
label.zemRequirederrorElement {
	color:red;
}