@charset "utf-8";
/*
Page structure and basic text formatting comes first.
Specific text formatting follows (Major styles only, minor things shunted to special.css).
*/

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size: 62.5%;
}

#container {
	text-align: center;
	width: 100%;
}

#containee {
	background: url("../images/backgrounds/body.gif") 50% 50% repeat-y;
	text-align: left;
	width: 995px;
	margin: 0 auto;
}

#header {
	white-space: nowrap;
	height: 124px;
	border-bottom: 1px solid #8a8c8e;
	margin: 0 8px;
	padding: 0;
}

.logo {
	float: left;
	width: 194px;
	height: 114px;
	text-align: center;
	padding-top: 10px; 
}

#nav ul, #nav ul li, {
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
#nav ul {
	background-color: #9d2121;
	height: 124px;
	margin: 0 0 0 194px;
}
#nav ul li, #nav ul li a {
	display: block;
	float: left;
	width: 156px;
	height: 124px;
	text-align: center;
	margin: 0;
	padding: 0;
}
#nav ul li {
	border-left: 1px solid #8a8c8e;
}
#nav ul li a {
	background: url(../images/parts/nav.gif) 0 -124px repeat-x;
	font-size: 2em;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding-top: 45px;
	height: 79px;
}
#nav ul li a:hover, #nav ul li.on a {
	background: url(../images/parts/nav.gif) 0 0 repeat-x;
	color: #9e2021;
}

#banner {
	text-align: center;
	margin: 0 8px;
	height: 239px;
	border-bottom: 1px solid #8a8c8e;
}

#content {
	background: url("../images/backgrounds/sidebar_mid.gif") 1px 0 repeat-y;
	margin: 0 7px;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	border-bottom: 1px solid #8a8c8e;
}
#content .sidebar {
	float: left;
	width: 204px;
	padding: 0 1px;
	text-align: center;
}
#content .sidebar .mid {
	margin-right: 9px;
}
#content .sidebar .top {
	background: url("../images/backgrounds/sidebar_top.gif") 0 0 no-repeat;
	height: 12px;
}

#content .sidebar .panel {
	text-align: left;
	margin: 0 auto 12px auto;
	width: 171px;
}
#content .sidebar .panel .top {
	background: none;
}
#content .sidebar .panel .top, #content .sidebar .panel .top .left, #content .sidebar .panel .top .right,
#content .sidebar .panel .bottom, #content .sidebar .panel .bottom .left, #content .sidebar .panel .bottom .right {
	height: 5px;
	background-color: #e7e6e5;
}
#content .sidebar .panel .top .left, #content .sidebar .panel .top .right,
#content .sidebar .panel .bottom .left, #content .sidebar .panel .bottom .right {
	width: 5px;
}
#content .sidebar .panel .top .left {
	background: url("../images/panels/grey-tl.gif") 0 0 no-repeat;
}
#content .sidebar .panel .top .right {
	background: url("../images/panels/grey-tr.gif") 100% 0 no-repeat;
}
#content .sidebar .panel .bottom .left {
	background: url("../images/panels/grey-bl.gif") 0 100% no-repeat;
}
#content .sidebar .panel .bottom .right {
	background: url("../images/panels/grey-br.gif") 100% 100% no-repeat;
}
#content .sidebar .panel .mid {
	background-color: #e7e6e5;
	padding: 4px 10px;
	margin: 0;
}

/* Three Column Panel */
.threecol {
	background: url("../images/panels/panel-threecol-mid.gif") 50% 50% repeat-y;
	padding: 1px;
	width: 978px;
	margin: -1px 0 0 -11px;
	border-bottom: 1px solid #8a8c8e	;
}
.threecol .left, .threecol .mid, .threecol .right {
	padding: 1px;
	width: 306px;
	margin: 0 10px;
}
.threecol .mid {
	margin: 0 332px;
}
.threecol .bottom {
	background: url("../images/panels/panel-threecol-bottom.gif") 50% 100% no-repeat;
	clear: both;
	height: 12px;
	margin: -1px;
}

.threecol ul {
	margin-top: 0;
}

.threecol .button {
	width: 130px;
	float: left;
	margin: 0 10px;
}

/* Sidebar */
#content .sidebar .panel ul {
	margin: 0 0 0 1.2em;
	padding: 0 0 1em 0;
}
#content .sidebar .panel ul li {
	margin: 0 0 .5em 0;
}
#content .sidebar .panel a.button {
	width: 78px;
	margin: 0 auto;
}

#content .sidebar a img{
	padding: 0 0 12px 0;
}


#content .rightcol {
	background: url("../images/backgrounds/content.gif") 0 0 repeat-x;
	padding: 1px 12px 1px 2px;
	margin: 0 1px 0 205px;
}

#footer {
	background: url("../images/backgrounds/footer.gif") 50% 0 no-repeat #fff;
	clear: both;
	padding: 10px;
}

/* Major Text Formatting */
a.button {
	background: url("../images/buttons/button-mid.gif") 0 0 repeat-x;
	color: #fff;
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}
a.button, a.button span {
	display: block;
	height: 33px;
	cursor: pointer;
}
a.button span {
	background: url("../images/buttons/button-left.gif") 0 0 no-repeat;
}
a.button span span {
	background: url("../images/buttons/button-right.gif") 100% 0 no-repeat;
	padding-top: 8px;
	height: 25px;
}
a.button:hover {
	background: url("../images/buttons/button-mid.gif") 0 -33px repeat-x;
	color: #000;
}
a.button:hover span {
	background: url("../images/buttons/button-left.gif") 0 -33px no-repeat;
}
a.button:hover span span {
	background: url("../images/buttons/button-right.gif") 100% -33px no-repeat;
}

#content .sidebar .panel h2 {
	color: #9e2021;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.3em;
	text-align: center;
}

#footer p {
	margin: 0;
	font-size: 1em;
}


.fullspread {
	font-size: 1.2em;
	margin: 0 8px;
	padding: 1px 10px; 
}