﻿@charset "utf-8";
/* CSS Reset browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	font: 12px/18px Halvetiva, Tahoma, Arial;
	color: #828282;
	text-align: left;
	background: #eaeaea url(../img/body_bg.gif) top left repeat-x;
}

div#outer {
	height: 238px;
	background: url(../img/top_bg.gif) repeat-x top left;
}

div#wrapper {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

header#top {
	margin: 0 auto;
	width: 1000px;
	height: 211px;
	background: url(../img/header_bg.jpg) no-repeat top left;
}

header#top img#logo {
	position: relative;
	top: 30px;
}

nav#top-nav {
	height:54px;
	padding:0px;
	box-shadow:inset 0 0 2px #000;
	background:url(../img/menu_bg.gif) 0 0 repeat-x;
	border:#ffffff 1px solid;
	position: relative;
	/*top: -55px;*/
	margin: -55px 0 30px;
}

nav#top-nav ul {
	list-style: none;
}

nav#top-nav ul li {
	float: left;
	height: 54px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 54px;
}

nav#top-nav div.divider {
	height: 54px;
	background: url(../img/menu_divider.gif) no-repeat center center;
	float: left;
	width: 2px;
}

nav#top-nav ul li a {
	color:#4f4f4f;
	text-shadow:#fff 0 1px 1px;
	display: block;
	height: 54px;
	width: auto;
	padding: 0 30px 0 30px;
	text-decoration: none;
	/*font-style: italic;*/
}

nav#top-nav ul li a.active {
	background: url(../img/menu_bg2.gif) repeat-x top left;
	color:#fff;
	text-shadow:#000 0 1px 1px;
}

nav#top-nav ul li a:hover {
	background: url(../img/menu_bg2.gif) repeat-x top left;
	color:#fff;
	text-shadow:#000 0 1px 1px;
}

nav#top-nav div#social { float: right; padding: 10px 10px 0 0; }

section#content {
	width: 1000px;
	margin: 0;
	padding: 0;
}

section#left-box {
	width: 730px;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	float: left;
}

section#left-box header#left-top {
	margin: 0;
	padding: 0;
	height: 49px;
	line-height: 49px;
	font-size: 15px;
	background: url(../img/table_heading_bg.gif) repeat-x top left;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

#left-top h1 {
	font: 21px/23px Halvetiva, Tahoma, Arial;
	padding-top: 10px;
}

section#left-box div#left-middle {
	margin: 0;
	padding: 5px;
	border:#ffffff 1px solid;
	border-radius: 0 0 10px 10px;
	color: #1e1e1e;
}

section#left-box div#left-middle p { padding: 5px 0 5px 0; }

section#left-box div#left-middle h2 { line-height: 20px; font-size: 14px; font-weight: bold; color: #2E7BAC; }

section#left-box div#left-middle ul { padding: 17px 0 17px 40px; }

section#left-box div#left-middle a { color: #1e1e1e; }

section#left-box div#left { float: left; width: 250px; }

section#left-box p.head { font-weight: bold; }

section#slideshow {
	width: 720px;
	height: 400px;
}

section#right-box {
	width: 240px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
}

section#right-box  img.banners {
	height: 240px;
	width: 240px;
	padding: 10px 0 25px 0;
}

div.clearer { clear: both; }

div#footer-outer {
	background: url(../img/footer_bg.gif) repeat-x top left;
}

footer {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}

footer a {
	color: #a1a1a1;
	text-decoration: none;
}

footer a:hover {color:#fff600; text-decoration: underline; }

nav#bottom-nav ul li {
	display: inline;
	width: auto;
	padding: 0 20px;
	font-size: 13px;
}

