/* style.css */

html, body, img, div, h1, h2, h3, h4, h5, h6, p, form, blockquote, ul, ol, li {
	margin:0;
	padding:0;
	border-width: 0px;
}

body {
	text-align: center;
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	background-color: #93b3d9;
	background-image: url(../images/bg_gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.cushycms h1 {
padding-left: 15px;
}

.cushycms h2 {
padding-left: 15px;
}

.cushycms h3 {
padding-left: 15px;
}

.cushycms h4 {
padding-left: 15px;

}

.cushycms h5 {
padding-left: 15px;
}

.cushycms h6 {
padding-left: 15px;
}

.cushycms pre {
padding-left: 18px;
}

.cushycms ul {
padding-left: 25px;
}

.cushycms li {
padding-left: 5px;
}

.cushycms ol {
padding-left: 30px;
}

.cushycms address {
padding-left: 15px;
}


hr {
margin: 10px 0 10px 25px;
width: 700px;
clear: both;
}

.cushycms .heading {
float: left;
clear: both;
margin: 0px;
}

.cushycms .content-list {
padding-left: 0px;
}


#min-height {
	float: left;
	width: 1px;
	height: 800px;
}

.clear {
height: 1px;
width: 100%;
clear: both;
}

#outside-container {
background-image: url(../images/bg_sun.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-color: transparent;
}

#inside-container {
	width: 1023px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}




#banner {
width: 1023px;
padding: 0px 0 12px 0;	
margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}



#top-exitbutton a {
width: 95px;
height: 20px;
padding: 4px 0 0 25px;
text-decoration: none;
color: #fe0104;
margin: 0 25px 0 880px;
background-image: url(../images/tab.jpg);
background-position: left top;
background-repeat: no-repeat;
display: block;
}

#top-exitbutton a:hover {
color: #000;
}

#top-exitbutton a:active{
width: 95px;
height: 20px;
padding: 4px 0 0 25px;
margin: 0 25px 0 880px;
background-image: url(../images/tab.jpg);
background-position: 0px -24px;
background-repeat: no-repeat;
}



#navigation {
margin: 0px;
padding: 0px;
height: 40px;
width: 1023px;
background-color: transparent;
background-image: url(../images/bg_mainnav.jpg);
background-position: left top;
background-repeat: no-repeat;
float: left;
text-align: center;

}

#navigation .active a{
color: #000;
}

#navigation ul {
	margin-top: 10px;
}


#navigation ul li {
	list-style-type: none;
	display: inline;
	font-size: 16px;
	padding: 0 15px 0 15px;
	border-right: 1px solid #FFF;
}

#navigation ul .no-border  {
border: none;
}

#navigation ul #no-border  {
border: none;
}

#navigation ul li a {
	text-decoration: none;
	color: #FFF;
}

#navigation ul li a:hover {
color: #003;
}

#nav-container {
margin: 10px 0 0 15px;
}


#subnavigation ul .no-border  {
border: none;
}

#subnavigation .active a{
color: #000;
}



#subnavigation {
margin: 10px 0 0 0px;
padding: 0;
}

#subnavigation ul {
padding-top: 5px;
height: 25px;
width: 680px;
background-image: url(../images/bg_secondnav.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#subnavigation ul li {
	list-style-type: none;
	display: inline;
	font-size: 13px;
	margin-top: 6px;
	padding: 0 15px 0 15px;
	border-right: 1px solid #000;
	
}

#subnavigation ul li a {
	text-decoration: none;
	color: #fff;
}

#subnavigation ul li a:hover {
color: #000;
}

#subnavigation #no-border {
border: none;
}





#third-navigation ul .no-border  {
border: none;
}

#third-navigation .active a {
color: #000;
text-decoration: underline;
}



#third-navigation {
margin: 0px 0 0 0px;
}

#third-navigation ul {
padding: 5px 0 20px 0;

}

#third-navigation ul li {
	list-style-type: none;
	display: inline;
	font-size: 14px;
	margin-top: 5px;
	padding: 0 15px 0 0px;
float: left;
	
}

#third-navigation ul li a {
	text-decoration: none;
	color: #000;
}

#third-navigation ul li a:hover {
color: #000;
text-decoration: underline;
}


#content {
	background-color: #FFFFFF;
	width: 1023px;
	
}

#left-content {
float: left;
width: 778px;

}



#left-content p {
clear: both;
margin: 0px;
	padding: 10px 80px 10px 15px;
	
}

#left-content h2 {
padding: 10px 0 0 15px;
}

.heading {
float: left;
clear: both;
margin: 0 0 0 15px;
}

.home-heading {
float: left;
margin: 0 0 0 15px;
}

#topheading {
padding : 10px 0 10px 0px;
}
.content-list {
width: 550px;
margin: 0 70px 0 40px;
padding: 5px 0 10px 0;
float:left;
}
.content-list ul li {
padding-top: 5px;
}

.content-list-left ul li {
	float: left;
	clear: none;
	margin: 0 0px 0 40px;
	padding: 5px 0 5px 0px;
	list-style-type: disc;
	width: 500px;
}

.content-list-left img {
float: right;
margin-right: 70px;
}


.job-list {
float: left;
clear: both;
padding: 0px 0 20px 25px;
}

.job-list ul {
list-style-type: none;
}

.job-list ul li {
padding: 20px 0 0 0;
width: 550px;
}

.sector-links {
	padding: 0 0 10px 0px;
}

.sector-list {
	padding: 0 0 10px 0px; 
}

.sector-list li {
	padding-left: 10px;
	list-style-type: none;
}

.resource-list {
float: left;
clear: both;
padding: 0px 0 20px 35px;
}



.resource-list ul li {
padding: 20px 0 0 0;
}

.memberpage-list {
float: left;
clear: both;
padding: 0px 0 20px 35px;
}

.memberpage-list ul li {
padding: 10px 0 0 0;
width: 550px;
}
.contact-list {
float: left;
clear: both;
padding: 0px 0 20px 0px;
}

.contact-list ul {
list-style-type: none;
}


.contact-list ul li {
padding: 20px 0 0 0;
}




.safety-list {
float: left;
clear: both;
padding: 0px 0 20px 25px;
}

.safety-list ul {
list-style-type: none;
}


.safety-list ul li {
padding: 20px 0 0 0;
}



#left-content .content-title {
float: left;
margin: 10px 0 0 0px;
}

#left-content .content-date {
margin: 0px 70px 0 0;
float: right;
clear: right;
}

.to-top a:visited {
color: blue;
}


.to-top  {
clear: both;
margin: 5px 0px 5px 640px;
width: 100px;
}

#safety img {
padding: 10px 0 10px 15px;
}

#archivelink {
margin: 10px 0 0 0;
}

#formbox {
float: left;
clear: none;
	width: 550px;
	height: 330px;
	padding: 15px;
	margin: 20px 0 0 25px;
}

#formbox fieldset {
padding: 20px;
}

#formbox .row span {
	width: 185px;
	float: right;
	text-align: left;
}
#formbox label {
	width: 170px;
	float: left;
	text-align: right;
}
#formbox .row {
	width: 360px;
	clear: both;
}
#formbox p {
width: 400px;
	margin: 8px 0 0 0;
}

#donate-button {
margin-left: 15px;
padding: 10px 0 10px 0;
}

.cart-button {
float: left;
clear: both;
padding: 0px 0 5px 25px;
}

.view-cart {
padding: 10px 0 0 15px;
}

#askbtn {
float: left;
clear: both;
margin: 10px 0 0 175px;
}

#mission {
margin: 20px 0 0 10px;
width: 700px;
height: 100px;
background-position: left top;
background-repeat: no-repeat;
}


#mission h2 {
	padding: 10px 0 0 10px;
}

#statement {
	width: 675px;
}

#right-content {
width: 244px;
float: right;

}

#searchbar {
	height: 32px;
	width: 234px;
	background-image: url(../images/bg_search.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 10px 0 10px 0;
}

#cse-search-results {
width: 675px;
margin: 0 0 0 15px;
padding: 0 100px 0 0;
}


#searchbar input {
margin: 5px 2px 0 8px;
}

#member-login {
	width: 234px;
	height: 85px;
	background-image: url(../images/bg_login.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 5px 0 10px 0;
	
}

.input-fields {
	float: right;
	padding: 7px 10px 0 0;
}

.form-labels {
float: left;
padding: 11px 0 0 10px;
}

#submit-button {
float: right;
clear: right;
margin: 3px 10px 0 0px;
}

#safety-information {
width: 234px;
height: 165px;
background-image: url(../images/bg_alert.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
}

#safety-information p {
	padding: 5px 8px 0 10px;
}

#safety-information a {
text-decoration: none;
color: #fe0104;
}

#right-content h3 {
	padding: 0;
}


.thumbnails {
	float: left;
	width: 700px;
	padding: 10px;
}

.thumbnails img {
	border: 1px solid #000;
	padding: 10px;
	margin: 5px;
}

#footer-border {
	margin-left: 60px;
	width: 900px;
	border-top: 1px dashed #000;
}

#footer {
	float: none;
	clear: both;
	height: 26px;
	width: 1023px;
	background-color: #fff;
	background-image: url(../images/bg_footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 20px 0;
	margin-bottom: 10px;
}

#footer p {
padding: 10px 0 0 0;
text-align: center;
}


.inlineimg {
	float: left;
	margin-bottom: 7px;
	margin-right: 7px;
	clear: left;
	margin-left: 15px;
	margin-top: 3px;
}

.inlineimgtxt {
	margin-left: 7px;
}

.bodydiv {
	width: 500px;
	margin-left: 100px;
}




#cwwafoot {
	font-size: 0.9em;
	float: left;
	clear: none;
}

#cwwafootright {
	width: 300px;
	font-size: 0.9em;
	float: right;
	clear: both;
}

#cwwafootright img {
	width: 133.5px;
	height: 111.5px;
}

	

.caption {
	font-style: italic;
	font-weight: bold;
}

#agechart {
	float: left;
	padding-left: 15px;
}

#agechart ul {
	width: 200px;
	padding-left: 20px;
}

.col1 {
background-color:#eeeeee;
padding: 5px;
margin:0px;
height: 300px;

}

.col2 {
background-color:#cccccc;
padding: 5px;
margin:0px;
height: 300px;

}

th {
height: 40px;
background-color: #eeeeee;
text-align: center;
border: 1px solid #fff;
font-size: 1.3em;
}

.midcol {
background-color: #cccccc;

}

/* ###### Styles for the Funders Page ########  */
.funders{
	text-align:center;
	margin:10px 50px 10px 10px;
}

.funders ul li{
	display:inline;
	
}

.funders ul li img{
	border:1px solid #93b3d9;
	margin:5px;
	border-top-color:white;
	border-left-color:white;
}

.funders ul li a:hover img{
	border:1px solid #93b3d9;
	border-bottom-color:white;
	border-right-color:white;
}


/*  #######  Styles for the Projects Page ####### */
.floatright{
	float:right;
	margin:10px 50px 10px 0px;
}

.floatleft{
	width:500px;
	float:left;
}

.heading ul{
	margin:10px 0px 10px 40px;
}