@charset "UTF-8";

/* Background-Styles */

body {
	background: #E3E3E3 url(../images/header-bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

a {
	color: #1492C1;
	text-decoration: none;
}

a:hover {
	color: #C24C9C;
}

p {
	color: #333;
	font-size: 13px;
	line-height: 16px;
}
	

#header {
	background: url(../images/header-bg-pattern-2.jpg) repeat-x;
	display: block;
	height: 161px;
}

h1#logo {
	text-align: center;
}

#main { 
	background-color: #FFF;
	border-top: 1px solid #CCC; 
}

.container {
	margin: 0 auto;
	width: 830px;
	text-align: left;
}

/* Header-Styles */

#logo a {
	background: url(../images/logo.jpg) no-repeat center; 
	display: block;
	height: 120px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 330px;
}

#mainNav {
	height: 35px;
	width: 830px;
}

#mainNav li {
	border-left: 1px solid #3A2F51;
	color: #DBD5EA;
	float: left;
	font-size: 12px;
	
	text-transform: uppercase;
}

#mainNav li.active {
	background: #E3E3E3 url(../images/active-bg.gif) repeat-x;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #2A2042;
	padding: 12px 20px;	
}

#mainNav li.last {
	border-right: 1px solid #3A2F51;
}

#mainNav li a {
	color: #DBD5EA;
	display: block;
	padding: 12px 20px;
}

#mainNav li a:hover {
	background-color: #3A2F51;
}