body{
	margin:0px;
	font-family:arial,sans-serif;
	line-height:110%;
	background-color:#f1f1f1;
}
h2{
	font-size:35px;
	margin-top:5px;
	line-height:120%;
}
a:link,a:visited{
	color:#1068cf;
}
a:hover{
	text-decoration:none;
}
a img{
	border:0px solid white;
}

/*

	Form styles

*/

label{
	font-weight:bold;
	padding-top:5px;
	display:block;
}
input{
	border:0px solid white;
	background:url('../images/input_frame.gif') no-repeat;
	width:212px;
	padding:11px 10px;
	font-size:14px;	
	display:block;
}
input.hidden{
	display:none;
	visibility:hidden;
}
input.large{
	background:url('../images/input_frame_large.gif') no-repeat;	
	width:380px;
}
input.checkbox{
	display:inline;
	width:auto;
	height:auto;
}

/* Button styles */
input.submit{
	margin-top:5px;
	padding:7px 10px 10px 10px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	width:232px;
	color:#eeeeee;
	height:42px;
	background:url('../images/input_submit_bg.gif') no-repeat white;
	border:0px solid white;
}
form.tiny input.submit{
	color:black;
	background-image:none;
	background-color:#a5d1ff;
	width:100px;
	display:inline;
	padding:3px 7px;
	height:35px;
	font-size:16px;
}
		
textarea{
	width:475px;
	padding:3px;
}


form.compact{
	width:300px;
	margin:0px auto;
}
form.action{
	float:right;
	margin-top:-10px;
}
/*
	
	Generic table styles

*/
table{
	width:100%;
}
	th{
		font-size:18px;
		padding-top:10px;
		border-bottom:1px solid #999;
	}
	th,td{
		padding:5px;
	}
	tr{
		background-color:#a5d1ff;
	}




/*

	Frequently used list styles

*/
ul.comments li{
	margin-bottom:20px;
	background-color:#deeeff;
	padding:20px;
	margin-right:20px;
}
	ul.comments li h4{
		margin-top:0px;
	}
	ul.comments li .number{
		float:right;
		color:#a5d1ff;
		font-size:20px;
		padding-right:3px;
		padding-left:3px;
	}
	ul.comments li .post{
		padding-bottom:10px;
	}
	ul.comments li .attribution{
		margin-top:10px;
		overflow: auto;
		width: 100%
	}

	ul.comments li .attribution p{
		margin-top: 23px;
	}
	
	ul.comments li .attribution img {
		margin-right: 10px;
	}

	ul.comments li .attribution input.submit{
		border-top:0px solid white;
	}

/*


	Error, warning, success and validation messages

*/
.msg{
	background-color:white;
	text-align:center;
	font-size:1.6em;
	padding-top:10px;
	padding-bottom:10px;
	margin:20px 20px 20px 30px;
	line-height:1.5em;
}
	.error{
		background-color:#ff6666;
		border:3px solid #ff6666;	
	}
	.success{
		background-color:#7fff66;
		border:3px solid #66ff6d;
	}
	.validation{
		border:3px solid #FF9966;
		background-color:#FFFF66;
	
	}
	
	
	
	


/*

	Header + Menu styles
	Logo is kind of a stand-in right now, I don't know what the real logo will be

*/
#header{
	background-color:#a5d1ff;
	border-bottom:2px solid #bbddff;
	padding:0.5em;
	font-weight:bold;
}
	#header h1{
		float:left;
		font-size:1em;
		margin:0px;
	}
		#header h1 a:link,#header h1 a:visited{
			text-decoration:none;
			color:black;
		}
		
	#header #menu{
		text-align:right;	
	}
		#header #menu a{
			margin-right:15px;
		}
		#header #menu a:link,#header #menu a:visited{
			color:black;
		}

/*
	The rest of the page that's not a part of the header lives here
*/
#wrap{
	background-color:white;
	border-left:30px solid #f1f1f1;
	padding-bottom:20px;
}
#wrap #content-main{
	margin-right:30px;
}

#menu-internal{
	position:relative;
	left:-20px;
	width:250px;
	float:left;
}
	#menu-internal ul{
		line-height:35px;
	}
	#menu-internal ul,#menu-internal li
	{
		margin-left: 0px;
		padding-left: 0px;
		list-style:none;
	}
	#menu-internal li{
		font-size:18px;
		font-weight:bold;
		
	}
		#menu-internal li a{
			line-height:35px;
			padding:7px 30px 7px;
			display:block;
			background-color:#a5d1ff;
		}
			#menu-internal li a:link,#menu-internal li a:visited{
				color:black;
				text-decoration:none;
			}
			#menu-internal a.selected, #menu-internal a:hover{
				background-color:#72b7ff;
			}
	
	/*
		"Out of box" corners
	*/
	#menu-internal div.corner{
		background:url('../images/corner.gif') left top no-repeat;
		height:10px;
		width:20px;
	}
	#menu-internal li#last div.corner{
		height:20px;
		width:20px;
	}

#welcome-box{
	padding-top:20px;
	position:relative;
	left:-20px;
	width:250px;
	float:left;
}
	#welcome-message{
		padding:7px 30px 7px;
		display:block;
		background-color:#a5d1ff;	
		font-weight:bold;
	}
	#welcome-box div.corner{
		background:url('../images/corner.gif') left top no-repeat;
		height:20px;
		width:20px;
	}
	
	
#content-main{
	margin-left:260px;
	padding-top:20px;
	padding-right:20px;
}
	#content-main h3{
		margin-top:0px;
	}


.column-left{
	width:49%;
	float:left;
}
.column-right{
	margin-left:49%;
}

/*
	
	*******
	SPECIFIC PAGES
	*******

*/
	
	/*
	
		District search results page (register_district.php)
	
	*/
	.search-results-district{
		clear:both;
		margin-top:10px;
	}
		.search-results-representative{
			width:240px;
			padding-left:10px;
			padding-right:10px;
			float:left;
			text-align:center;
		}
			.search-results-representative h3{
				padding-top:10px;
			}
		.search-results-map{
			margin-left:250px;
		}
		
	
	
	/*
	
		Representative page (representative.php)
	
	*/
	#representative h2{
		margin-top:0px;
	}
	#representative img#photo{
		padding-bottom:10px;
	}
	#representative #column-left{
		width:240px;
		float:left;	
	}
	#representative #column-right{
		margin-left:260px;
	}
		#representative #column-right #map{
			padding-bottom:10px;
		}
		#representative #column-right table{
			margin-bottom:10px;
			width:100%;
		}
	
	#representative ul,li{
		margin-left:0px;
		padding-left:0px;
		list-style:none;
	}
	
	#representative ul#committees {
		line-height:140%;
	}
		#representative ul#committees li{
			margin-bottom:7px;
		}	
	#representative table#history tr.switch{
		background-color:#f2f8ff;
	}
	
	.senator-one{
		float:left;
		width:400px;
	}
	.senator-two{
		margin-left:410px;
		width:400px;
	}
	#representative table.words{
		width:240px;
	}
	
	
	/*
	
		Inbox/Compose/View
	
	*/
	#inbox tr{
		background-color:#deeeff;
	}
	#inbox p.excerpt{
		font-size:90%;
		color:#999;
		margin:3px 0px;
	}

	#inbox .from img {
		margin: 10px;	
	}
	
	#inbox .from p {
		margin-top: 23px;	
	}
	
	#inbox form{
		display:inline;
		margin:0px;
	}
		#inbox #action-delete input.submit,#message-view #action-delete input.submit{
			background-color:#d4003e;
			color:#eeeeee;
		}
	#message-view h3{
		font-weight:normal;
		overflow:auto;
	}
	#message-view input.submit{
		border-top:0px solid white;
		margin:0px;
	}
	
	
	
	
	/*
	
		Events
	
	*/
	#events tr,#calendar tr{
		background-color:#deeeff;
	}
	#events p.description{
		font-size:90%;
		color:#999;
		margin:3px 0px;
	}
	#events img.thumbnail{
	}
	
	#calendar ul,#calendar ul li,#calendar h4{
		margin:0px;
		padding:0px;
	}
	#calendar ul li{
		padding-bottom:5px;
		margin-bottom:5px;
	}
	
	/*
	
		Forum
	
	*/
	#forum tr{
		background-color:#deeeff;
	}
	
	
	/*
	
		Comment System
	
	*/
	a.comment{
		padding-left:3px;
		line-height:22px;
	}
	a.comment div.counter{
		font-size:13px;
		display:inline;
		color:white;
		text-decoration:none;
		position:absolute;
		margin-left:-33px;
		width:33px;
		margin-top:-2px;
		text-align:center;
	}
		h2 a.comment div.counter{
			margin-top:8px;
		}	
	a.comment:link,a.comment:visited{
		text-decoration:none;
		color:white;
	}
	.sitearea-container{
		display:none;
	}
		.sitearea ul.comments{
			height:420px;
			overflow:auto;
		}
			.sitearea ul.comments ,.sitearea ul.comments li{
				margin:0px;
				padding:0px;
			}
				.sitearea ul.comments li{
					padding:5px;
					margin-bottom:3px;
				}
				.sitearea .attribution{
					padding-top:1px;
				}
		.sitearea input.submit{
			float:left;
		}
		.sitearea i{
			text-align:center;
		}
	
	
#footer{
	margin-top:100px;
	margin-left:260px;
	clear:both;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#a5d1ff;
}
	#footer p{
		margin-top:10px;
		margin-bottom:10px;
	}
	#footer #menu{
		margin-bottom:20px;
	}
		#footer #menu a:link,#footer #menu a:visited{
			color:black;
			font-weight:bold;
			margin-right:15px;
		}