/* Temporary Service Learning & Civic Engagement Styles until design is finalized */

#container {
	width: 760px;
	margin: 0px auto;
}

	#container #mainmenu {
		background-color: #DDDDDD;
		width: 200px;
		float: right;
		border: 1px solid #666666;
		margin: 10px;
	}
	#container #mainmenu ul {
		list-style-type: none;
		margin: 10px 0px;
		padding: 0px;
	}
	#container #mainmenu li {
		margin: 0px 10px;
		padding: 0px;
	}
	#container #mainmenu a {
		color: #333333;
		text-decoration: none;
	}
	#container #mainmenu a:hover {
		color: #990000;
		text-decoration: underline;
	}
	/* form styles */
	#container form {
		width: 500px;
		margin: 5px 0px;
		font-size: 76%;
	}
	#container label, label span {
		padding: 5px;
		display: block;
	}
	#container label {
		width: 500px;
		margin: 2px;
		overflow: hidden;
		border-bottom: 1px dotted #eeeeee;
	}
	#container label span {
		float: left;
		width: 25%;
		text-align: right;
	}
	#container legend {
		color: #666666;
		font-size: 1.1em;
		margin: 0px;
		padding: 0px;
	}
	#container fieldset {
		border: 0px;
		border-top: 1px solid #666666;
		width: 500px;
		margin: 3px 0px;
		padding: 0px;
		overflow: hidden;
	}
	#container fieldset input {
		border: 1px solid #666666;
		float: left;
		width: 60%;
	}
	#container fieldset input:hover {
		background-color: #eeeeee;
	}
	#container fieldset input:active {
		border: 1px solid #678967;
		background: #a9baaa;
	}
	#container fieldset textarea {
		border: 1px solid #666666;
		float: left;
		width: 60%;
	}
	#container fieldset textarea:hover {
		background-color: #eeeeee;
	}
	#container fieldset textarea:active {
		border: 1px solid #a9baaa;
	}
	#container form div {
		margin: 5px 0px;
		text-align: center;
	}
	#container form div input {
		background: #666666;
		border: 1px solid #333333;
		color: #FFFFFF;
		margin: 3px;
	}
	#container form div input:hover {
		background: #cccccc;
		color: #666666;
	}