﻿/*

-----------------------------------------------

meadowsforrep.org main stylesheet



Name:     Main Stylesheet for meadowsforrep.org

Designer: Victoria Meadows

Date:     16 May 2008

----------------------------------------------- */





/* Document Color Palate ===================================================================================== */



/* Dark Blue: #306AB9 */

/* Light Blue: #CFDAE9 */

/* Med. Blue: #6891CA */

/* black: #000000 */

/* gray: #606060 */





body {font-family:Arial, Helvetica, Verdana, sans-serif;}





html {font-family:Arial, Helvetica, Verdana, sans-serif;}



body {



	margin: 0px;

	padding: 0px;

	text-align: center;

	background: #CDD9E8 url('../images/main-bg.jpg') repeat-y left top;

}

			

#container {



	width: 830px;

	height: auto;

	margin: 0px auto;

	text-align: center;

	padding: 0px;

	background: none;

			

	}



		

/* =============STRUCTURAL STYLES======================== */		

			

		

/* #contentcontain {

	width:830px;

	height: 1000px;

	position:relative;

	float: left;

	

	} 

		

#leftborder {

	height:auto;

	width: 15px;

	background: url('../images/left-border.jpg') repeat-y left top;

	float:left;

	margin: 0px;

	padding: 0px;

		}

		

#rightborder {

	height: auto;

	width: 15px;

	background: url('../images/right-border.jpg') repeat-y left top;

	float:left;

	margin: 0px;

	padding: 0px;

		} */

		



#contentwrap {

	height: auto;

	width: 800px;

	float: left;

	background: white;

	text-align: center;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	border-right: 6px solid white;

	border-left: 6px solid white;

	overflow:hidden;

		}

		

		

#borderwrap {

	height: auto;

	width: 786px;

	float: left;

	background: white;

	border: 2px solid #306AB9;

	padding: 5px;

	margin: 0px;

		}	

		

#content {

	height: auto;

	width: 784px;

	margin:0px;

	float: left;

	background: white;

	padding: 0px;

	border: 1px solid #306AB9;

		}





#pagecontent {



	width: 784px;

	height: auto;

	text-align: left;

	float: left;

	background: white;

	margin: 0px;

	padding: 0px;

	

		}

	

img { border: 0px; display: block;}

		

/* =============MASTHEAD STYLES======================== */		



#masthead {

	width: 830px;

	height: 125px;

	margin: 0px;

	padding:0px;

	background: url('../images/masthead-bg.jpg') no-repeat center top;

	overflow: hidden;

		}

	

#emailform {

	margin: 0px;

	float: right;

	height: 95px;

	width: 250px;

	text-align: left;

	vertical-align: middle;

	padding:5px 0px;

}



input {

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #606060;

	margin-top: 0px;

	margin-bottom: 5px;

}



/* =============NAVBAR STYLES======================== */	



#navbarwrap {

	width: 784px;

	height: 36px;

	margin: 0px;

	padding: 0px;

	text-align: center;

	float: left;

	background: none;

		}



#navbarmain {

	border-bottom: 1px solid #306ab9;

	width: 638px;

	height: 26px;

	background-image: url('../images/nav-bg.jpg');

	background-repeat: repeat-x;

	background-position: left top;

	text-align: center;

	float:left;

	padding-top: 10px;

	padding-bottom: 0px;

	

		}

		

#navbardonate {

	width: 146px;

	height: 26px;

	background: #306AB9;

	text-align: center;

	float:left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #306ab9;

	padding-top: 10px;

	padding-bottom: 0px;

	

		}









/* =============FOOTER STYLES======================== */		

	

		

#footer {

	width: 784px;

	height: 25px;

	text-align: center;

	float: left;

	background: #306AB9;

	padding: 6px 0px 0px 0px;

	border-top: 1px solid #306AB9;

	

		}

		



/* =============CONTENT STYLES======================== */		





/* =============index======================== */



#dearfriends {

	height: auto;

	width: 744px;

	text-align: left;

	float: left;

	margin:0px;

	border-bottom: 1px solid #306AB9;

	padding: 20px;

	overflow:hidden;

	

	}





#quoteshome {

	height: 235px;

	width: 344px;

	text-align: center;

	float: right;

	margin:0px;

	padding:30px 20px 20px 20px;

	background: #CFDAE9;

	overflow:hidden;

	

	}

	

		

#mainimghome {



	 height: 285px;

	 width: 400px;

	 float: left;

	 margin: 0px;

	 padding: 0px;

	 overflow: hidden;

	 }



#specialcontent {
	width: 744px;
	height: auto;
	text-align: center;
	float: left;
	background: none;
	margin: 0px;
	border-top: 1px solid #306AB9;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
		}



#homeendorsements {
	height: auto;
	width: 510px;
	float: left;
	margin-right: 20px;
	text-align: left;
	border-right: 1px dotted #606060;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	}



#endorsecolone {
	height: 575px;
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	padding:0px;
	}

	
#endorsecoltwo {
	height: 575px;
	width: 250px;
	float: left;
	text-align: left;
	padding:0px;
	margin-bottom: 10px;

	}

	

#homeevents {
	height: 100%;
	width: 190px;
	float: left;
	margin: 0px;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;


		}

	



/* =============interior pages======================== */



		

#regularcontent {



	height: auto;

	width: 744px;

	text-align: left;

	float: left;

	margin:0px;

	border-bottom: 1px solid #306AB9;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	overflow:hidden;

	

	}

	

/* #contenttop {



	height: 245px;

	width: 744px;

	text-align: left;

	float: left;

	margin:0px;

	border-bottom: 1px solid #306AB9;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	overflow:hidden;

	

	}

	

		

#contentbottom {



	height: auto;

	width: 744px;

	text-align: left;

	float: left;

	margin:0px;

	border-top: 1px solid #306AB9;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	overflow:hidden;

	

	} */

	



	

#quotesright {

	height: 140px;

	width: 200px;

	text-align: center;

	float: right;

	margin:0px;

	padding:20px;

	background: #CFDAE9;

	overflow:hidden;

	border: 0px;

	

	}

	

#quotesleft{

	height: 140px;

	width: 200px;

	text-align: center;

	float: left;

	margin:0px;

	padding:20px;

	background: #CFDAE9;

	border: 0px;

	overflow:hidden;



	

	}


#fullquotes {

	height: 175px;

	width: 440px;

	text-align: center;

	float: left;

	margin:0px;

	padding:20px;

	background: #CFDAE9;

	border: 0px;

	overflow:hidden;
	

	}		

#mainimg{



	 height: 215px;

	 width: 304px;

	 float: left;

	 margin: 0px;

	 padding: 0px;

	 background:black;

	 overflow: hidden;

	 border: 0px



	 }





/* =============events======================== */



.mainevent {

	font-size: 14px;

	margin: 0px 0px 5px 15px;

	color: #606060;

	}

	

.maineventdescription {

	font-size: 14px;

	margin: 15px 0px 5px 0px;

	color: #606060;

	}



	

#mainevent {

	width: 275px;

	height: auto;

	margin-right: 25px; 

	margin-bottom: 25px;

	padding: 15px; 

	float: left; 

	border: 1px solid #606060;

	background: url(../images/form-bg.jpg) repeat-x top left;

	}

	



	

#eventcalendar {

	width: 400px;

	height: 250px;

	margin-bottom: 25px;

	float: left;

	padding: 10px 0px 0px 0px;



	}

	

/* =============endorsements======================== */





#organizational {

	height: 100%;

	width: 225px;

	float: left;

	margin: 15px 5px 15px 0px;

	padding-right: 15px;

	

	}

	

#officials {

	height: 100%;

	width: 225px;

	float: left;

	margin: 15px 5px 15px 0px;

	padding-right: 15px;

	

	}





#communitymembers {

	height: 100%;

	width: 225px;

	float: left;

	margin: 15px 5px 15px 0px;

	padding-right: 15px;
	
	font-size: 14px;
	
	color: #606060;


	}





	

/* =============TEXT STYLES======================== */	




.dearfriends {

	

	font-size: 14px;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 10px;

	font-weight: normal;

	line-height: 18px;

	

	}

	

.issues {

	

	font-size: 14px;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 30px;

	font-weight: normal;

	line-height: 18px;

	

	}

	

.about {

	

	font-size: 14px;

	padding: 0px;

	margin-top: 0px;

	margin-bottom: 10px;

	font-weight: normal;

	line-height: 18px;

	

	}



	

#footer p {



	font-size: 10px;

	display: inline;

	padding-right: 15px;

	color: white;

	font-weight: normal;

	

	}





#navbarmain p {

	display:inline;

	padding-right: 35px; /* change back to 27px */

	color: #606060;

	font-size:14px;

	font-weight:bold;

	text-align: center;



	}

	

#navbardonate p {display: inline; font-size: 14px; font-weight: bold; color:white; padding-right: 0px; text-align:center;}



h1 {

	font-size: 18px;

	font-weight: normal;

	color: #306AB9;

	margin-bottom: 15px;

	}



h2 {

	font-size: 16px;

	font-weight: bold;

	color: #606060;

	margin-top: 0px;

	margin-bottom: 5px;

	padding-bottom: 5px;

	}

	

h3 { font-size: 14px;

	color: #306AB9;

	margin-top: 0px;

	margin-bottom: 10px;

	font-weight:bold;

}





h4 {

	font-size: 18px;

	font-weight: normal;

	color: #306AB9;

	margin-top: 0px;

	margin-bottom: 10px;

	}



h5 { font-size: 18px;

	font-weight: normal;

	color: #306AB9;

	margin-bottom: 5px;

	}





p {

	font-size: 13px;

	color: #606060;

	margin-top: 0px;

	margin-bottom: 10px;



}



ul {

	font-size: 14px;

	color: #606060;

	margin: 0px 0px 30px 20px;

}



li {

	margin: 0px 0px 7px 0px;

}



/* =============home endorsements======================== */	





.homeorgendorse {

	font-size: 12px;

	color: #306AB9;

	font-weight:bold;

	margin-bottom: 10px;

	}

	

.homeorgsubinfo {

	font-size: 11px;

	font-weight: normal;

	color: #606060;

	margin-bottom: 2px;

	margin-left: 5px;

	}

	

.endorser {

	font-size: 14px;

	font-weight: normal;

	color: black;

	margin-bottom: 3px;

	}



.orgendorse {

	font-size: 14px;

	font-weight: normal;

	color: black;

	margin-bottom: 3px;

	}



.endorsertitle {

	font-size: 12px;

	color: #606060;

	font-style: italic;

	margin-bottom: 10px;

	}



/* =============quotes======================== */	

.quotes {

	font-size: 13px;

	color: #306AB9;

	font-style: italic;

	margin-top: 0px;

	margin-bottom: 10px;

	

	}

	

.quoter {

	font-size: 10px;

	color: #606060;

	font-style:normal;

	margin-top: 0px;

	margin-bottom: 20px;

	

	}

	

/* =============home events list======================== */	



.homeeventtitle {

	font-size: 14px;

	color: #306AB9;

	margin-top: 0px;

	margin-bottom: 10px;

	font-weight:bold;

	

	}

	

.homeeventdetails {

	font-size: 12px;

	color: #606060;

	margin-top: 0px;

	margin-bottom: 5px;

	margin-left: 10px;

	

	}

	

.homeeventdescription {

	font-size: 10px;

	color: #606060;

	font-style:normal;

	margin-top: 0px;

	margin-bottom: 20px;

	padding-bottom: 10px;



	}

	

.more { text-align: left;

		padding-right: 5px;

		margin-bottom: 0px;

		margin-top:10px;}



/* =============FORM STYLES======================== */





#volunteer {

	 width: 100%;

	 height: auto;

	 margin-bottom: 25px;

}



#contact {

	 width: 100%;

	 height: auto;

	 margin-right: 25px;

	 margin-bottom: 25px;

}





.label {

		text-align:left;

		margin-bottom:10px;

		font-size: 12px;

		color: black;

		

		}

		

.checkbox {margin:0px 10px 0px 0px;}



.radiobutton{margin: 0px 5px 0px 5px;}



textarea {

	font-size: 10px;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	font-style: normal;

	font-weight: normal;

	color: #606060;

	margin-top: 0px;

	margin-bottom: 5px;

}







/* =============LINK STYLES======================== */



a:link {color:#306ab9;}

a:visited {color: #606060;}

a:hover {color:#606060; text-decoration: none; }


a.nav:link {color:#606060; text-decoration: none; }

a.nav:visited {color: #606060; text-decoration: none;}

a.nav:active {color:#306ab9; text-decoration: none;}

a.nav:hover {color:white; text-decoration: none;}


a.endorse:link {color:#606060; text-decoration:none;}

a.endorse:visited {color: #606060; text-decoration:none;}

a.endorse:active {color:#306ab9; text-decoration: none;}

a.endorse:hover {color:white; text-decoration: none;}


a.donate:link {color:white; text-decoration: none; }	

a.donate:visited {color: #CFDAE9; text-decoration: none;}

a.donate:hover {color:#CFDAE9; text-decoration: none;}



a.footer:link {color:white; text-decoration: none; }	

a.footer:visited {color: white; text-decoration: none;}

a.footer:hover {color:#CFDAE9; text-decoration: none;}



/* ===== Feedburner Styles ===== */

.feedburnerFeedBlock {
	margin:0px;padding:0px
}

.feedburnerFeedBlock ul {list-style-type:none;
list-style-image:none;
list-style:none;
margin-left:-25px; }

.feedTitle { display:none;  }

span.headline {font-weight:bold; }

.feedburnerFeedBlock .date {
	font-size:10px;
	margin-bottom:5px;
}

.feedburnerFeedBlock ul div {
	margin-bottom:20px;
}

#creditfooter {
	display:none;
}