@charset "UTF-8";

/* ===== colors ================================================== */

.red1 { color: #900; }

/* ===== base ================================================== */

body,
html {
	background-color: #333;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
}

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.25em; }

h3,
h4,
h5,
h6,
em,
strong { color: #900; }

address { margin: 1em auto; }

a {
	color: #900;
	outline: none;
}

a:hover { color: #000; }

/* ===== layout ================================================== */

#container {
	position: relative;
	width: 930px;
	margin: 20px auto;
	text-align: left;
}

#container1 {
	background-color: #900;
	height: 75px;
	overflow: hidden;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

/* ===== header ================================================== */

#header {
	width: 425px;
	padding: 28px 20px 0;
	float: left;
}

#header h1 {
	font-size: 58px;
	line-height: 58px;
	margin: 0;
}

#header a { color: #FFF; }

#header a:hover { color: #CCC; }

/* ===== nav ================================================== */

#nav {
	width: 450px;
	padding: 40px 15px 0 0;
	float: left;
}

#nav ul li {
	padding: 0 5px;
	float: right;
}

#nav ul li a {
	display: block;
	background-color:#666;
	width: 100px;
	height: 25px;
	padding: 10px 0 0;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
}

#nav ul li a:hover,
#nav ul li.on a {
	background-color: #888;
	
}

#nav ul li.on a {
	background-color: #CCC;
	color: #000;
}

/* ===== content ================================================== */

#content {
	background-color: #FFF;
	padding: 20px 20px 30px;
	border-top: 10px solid #CCC;
	border-bottom: 10px solid #CCC;
	color: #666;
}

#content li { margin-bottom: 1em; }

.colA,
.colB {
	width:435px;
	float: left;
}

.colA { padding-right: 10px; }

.colB { padding-left: 10px; }

/* ===== footer ================================================== */

#footer {
	background-color: #900;
	padding: 10px 20px;
	font-size: .92em;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

#footer a { color: #FFF; }

#footer a:hover { color: #CCC; }

/* ===== default ================================================== */

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.reduced_top { margin-top: 0; }

.reduced,
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.clear { clear: both; }