@charset "utf-8";
/* 	Only common style declarations will exist here
	in order to keep the weight down. all other page
	specific styles will live in their own files. */

body {
	width: 960px;
	padding: 0;
	margin: 30px auto 0px auto;
	text-align: center;
	position: relative;
	font-family:Arial, Gothic, Helvetica, sans-serif;
}

#wrapper {
	width: 100%;
	text-align: left;
}

#menu ul {
	list-style:none;
	display:inline;
	overflow:hidden;
	padding:0;
	margin:0;
}

#menu ul li {
	margin: 0;
	padding:0;
	display: inline;
}

#menu ul li a {
	padding: 15px 22px;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#menu ul li a:hover {
	background-color: #2586d7;
	color: #fff;
}

/* colors: 1) #3a6f8f, 2) #4f7c9b, 3) #648ba8, 4) #789db8, 5) #91b0c5, 6) #a9c3d4, 7) #c5d9e4, 8) #e4f2f5 */
#first { background-color:#3a6f8f; }
#second { background-color:#4f7c9b; }
#third { background-color:#648ba8; }
#fourth { background-color:#789db8; }
#fifth { background-color:#91b0c5; }
#sixth { background-color:#a9c3d4; }
#seventh { background-color:#c5d9e4; }
#eighth { background-color:#fff; }

h3 {
	text-align: left;
	color: #3a6f8e;
}

#footer {
	margin: 0 auto;
	height: 50px;
	text-align: center;
	background: url(../images/footer.gif) bottom right no-repeat;
}

#footer p {
	font-size: .7em;
}

/* utility class */
.clear {
	clear: both;
}