/****
 Colors:
 Dark blue:#5b7497
*****************************/



/******
	reset & body
*****************************/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background:#8faede url(../img/backgroundFade.png) top left repeat-x;
	color: #233752;
	
}

html, body{
	margin:0;
	padding:0;
}

form, input, p, ul, li, h1, h2, a{
	margin:0;
	padding:0;
}

a, a:hover, a:visited{
	color: #233752;
}

h1, h2{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino;
	font-weight: bold;
}

h1{
	font-size: 3.7em;
}

h2{
	font-size: 1.75em;
}

input, textarea{
	background:#f7f7f7; 
	border:1px solid #5b7497;
	font-family: Arial;
	font-size:1em;
}
	input.btn{
		cursor: pointer;
		width:70px;
	}
	input.btn:hover{
		background:#edf1fa;
	}

						


/******
	page structure
*****************************/
#waterWrap{
	margin:0;
	padding:0;
	background:transparent url(../img/waterFullBack.png) top center no-repeat;
	width:100%;
	
}


	#page{
		background:#edf1fa;
		margin:0 auto;
		width:700px;
		border-left: 2px solid #5b7497;
		border-right: 2px solid #5b7497;
		border-bottom: 2px solid #5b7497;
		padding-bottom:50px;
	}
	
	
	#waterWrap2{
		background: transparent url(../img/waterPartBack.png) top left no-repeat;
		width:100%;
	}
	

	#header{
		text-align: right;
		height:230px;
	}
		#header img#joePic{
			float:left;
			margin:20px 0 0 20px;
		}
		
		/*doing image replacement to compensate for IE's poor font display*/
		#header h1{
			padding: 50px 30px 0 0;
			background:transparent url(../img/joeJudge08.png) bottom right no-repeat;
			height:55px;
			width:321px;
			float:right;
		}
			#header h1 span{display: none;}
		
		#header h2{
			padding: 10px 30px 0 0;
			background:transparent url(../img/santaClaraValleyWaterBoard.png) bottom right no-repeat;
			float:right;
			width:480px;
			height: 36px;
		}
			#header h2 span{display: none;}


	
		#nav{
			float:left;
			border-top:1px solid #5b7497;
			border-bottom:1px solid #5b7497;
			height:37px;
		}
		
			#nav ul{
				width:700px;
				list-style-type: none;
				float:left;
				height:37px;
				background: url(../img/navBarBackground.png) top left repeat-x;
			}
				#nav li{
					width:140px;
					height:37px;
					background: transparent;
					float:left;
				}
					#nav li a{
						display: block;
						background: transparent;
						height: 37px;
						border-left: 1px solid transparent !important;
						border-right: 1px solid transparent !important;
						border-left: 1px solid #ebf1fb;
						border-right: 1px solid #ebf1fb;
						text-align: center;
						font-family: "Palatino Linotype", "Book Antiqua", Palatino;
						font-weight: bold;
						font-size:1.2em;
						text-decoration: none;
						font-weight: bold;
						
					}
						#nav li a:hover{
							border-left: 1px solid #5b7497 !important;
							border-right: 1px solid #5b7497 !important;
							background: url(../img/buttonBackgroundFade.png) top left repeat-x;
							text-decoration: none;
						}
						
						
						
						
						
						#nav li#aboutJoe{width:132px;}
						#nav li#endorsements{width:162px;}
						#nav li#issues{width:132px;}
						#nav li#donate{width:132px;}
						#nav li#contactJoe{width:142px;}
						
						
						#nav li#aboutJoe a{background:transparent url(../img/btnAboutJoe.png) top left no-repeat;}
						#nav li#endorsements a{background:transparent url(../img/btnEndorsements.png) top left no-repeat;}
						#nav li#issues a{background:transparent url(../img/btnIssues.png) top left no-repeat;}
						#nav li#donate a{background:transparent url(../img/btnDonate.png) top left no-repeat;}
						#nav li#contactJoe a{background:transparent url(../img/btnContactJoe.png) top left no-repeat;}
						
						
						#nav li#aboutJoe a.selected{background:transparent url(../img/btnAboutJoeRoll.png) top left no-repeat;border-left: 1px solid #5b7497 !important; border-right: 1px solid #5b7497 !important;}
						#nav li#endorsements a.selected{background:transparent url(../img/btnEndorsementsRoll.png) top left no-repeat;border-left: 1px solid #5b7497 !important; border-right: 1px solid #5b7497 !important;}
						#nav li#issues a.selected{background:transparent url(../img/btnIssuesRoll.png) top left no-repeat;border-left: 1px solid #5b7497 !important; border-right: 1px solid #5b7497 !important;}
						#nav li#donate a.selected{background:transparent url(../img/btnDonateRoll.png) top left no-repeat;border-left: 1px solid #5b7497 !important; border-right: 1px solid #5b7497 !important;}
						#nav li#contactJoe a.selected{background:transparent url(../img/btnContactJoeRoll.png) top left no-repeat;border-left: 1px solid #5b7497 !important; border-right: 1px solid #5b7497 !important;}
						
						
						#nav li#aboutJoe a:hover{background:transparent url(../img/btnAboutJoeRoll.png) top left no-repeat;}
						#nav li#endorsements a:hover{background:transparent url(../img/btnEndorsementsRoll.png) top left no-repeat;}
						#nav li#issues a:hover{background:transparent url(../img/btnIssuesRoll.png) top left no-repeat;}
						#nav li#donate a:hover{background:transparent url(../img/btnDonateRoll.png) top left no-repeat;}
						#nav li#contactJoe a:hover{background:transparent url(../img/btnContactJoeRoll.png) top left no-repeat;}
						
						
						
						#nav li a span{
							display:block;
							padding-top: .7em;
							display: none;
						}
						

						


	#content{
		margin:1em 1em 5em;	
	}
		
		#content p{
			padding:8px 20px;
			font-size: 1.05em;
		}
		
		#content .pullquote{
			float:right;
			margin:15px 10px 20px 40px;
			padding: 8px 4px;
			background:#5b7497;
			width:180px;
			color:#dddddd;
		}
		
			#content .pullquote p{
				font-family: "Palatino Linotype", "Book Antiqua", Palatino;
				text-align: left;
				font-size: 1.1em;
			}




	#footer{
		position:absolute;
		width:100%;
		bottom:0; 
	}