/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#000000;
	font-size:.8em;
	margin:0 0 25px 0;
	background-color:#E2DFCE;
	background-repeat:repeat-x;
	background-position: top center;
	background-image:url(images/bg_body.jpg);
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

a { color:#2d638e; }

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:1.8em; }

h2 { font-size:1.4em; }

h3 { font-size:1.2em; }

h4 { font-size:1.0em; }

hr { border-style: solid; color: #5EA2D9; background-color: #5EA2D9; height:2px; padding: 0; margin: 10px 0;  }

/* ---- class settings ----------------------- */

.a-img { border:0; }

.flag { margin:0 0 8px 0; }

.email-input {
	height:25px;
	width:155px;
	padding:5px 0 0 5px;
	border:2px solid #eace60;
	background-color:#fbf1c7;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

a.star-link {
	color:#074f88;
	height:19px;
	padding:0 0 0 25px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(images/img_nav-star.gif);
}

a:hover.star-link {
	color:#8B1306;
	background-position:0 -21px;
}

.event-img {
	float:left;
}

.img-top {
	position:absolute;
	top:0;
	left:0;
}

.img-btm {
	position:absolute;
	left:0;
	bottom:0;
}

.img-border { border:2px solid #5ea2d9; padding:1px; }

/* ---- layout settings ----------------------- */

#main_container {
	position:relative;
	margin:0 auto;
	width:940px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(images/bg_main-top.jpg);
	background-position: top center;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:940px;
	height:181px;
}

#home_sections {
	position:relative;
	top:0;
	left:0;
	width:500px;
	height:auto;
}

#home_sections img {
	float: left;
	margin:0 15px 15px 0;
}

/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:584px;
	height:40px;
	margin:0 auto;
}

#nav_sub {
	position:absolute;
	top:0;
	left:0;
	width:904px;
	height:31px;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:940px;
	height:auto;
	background-repeat:repeat-y;
	background-image:url(images/bg_main.gif);
}

#flash {
	height:261px;
	width:395px;
	float:left;
	margin:0 15px 15px 0;
}

#content_main {
	position:relative;
	top:0;
	left:0;
	width:904px;
	height:auto;
	padding:2px 18px 20px 18px;
}

#sub-content{
	position:relative;
	top:0;
	left:0;
	width:940px;
	height:auto;
	background-repeat:no-repeat;
	background-image:url(images/bg_sub-content.jpg);
}

/* ---- start main content settings -------------- */

#content_top {
	position:relative;
	top:0;
	left:0;
	width:874px;
	height:auto;
	background-repeat:no-repeat;
	padding:25px 33px 0 33px;
	background-image:url(images/bg_content.jpg);
}

#content_top a { text-decoration:none; }

#content_top a:hover { text-decoration:underline; }

#content_noside {
	position:relative;
	top:0;
	left:0;
	width:874px;
	height:auto;
	background-repeat:no-repeat;
	padding:25px 33px 35px 33px;
	background-image:url(images/bg_content.jpg);
}

/* ---- end main content settings ---------------- */

/* ---- start content_left settings -------------- */

#content_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:362px;
	height:auto;
	border-top:2px solid #5ea2d9;
}

#content_left h3 { font-size:1.2em; color:#074f88; }

#content_yellow {
	position:relative;
	top:0;
	left:0;
	width:310px;
	height:auto;
	padding:15px 26px 15px 26px;
	background-repeat:no-repeat;
	background-image:url(images/bg_divisions.gif);
}

#content_blue {
	position:relative;
	top:0;
	left:0;
	width:310px;
	height:auto;
	padding:15px 26px 15px 26px;
	background-repeat:no-repeat;
	background-image:url(images/bg_email-signup.gif);
}

/* ---- end content_left settings ---------------- */

/* ---- start content_right settings -------------- */

#content_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:500px;
	height:auto;
	padding:20px;
	background-repeat:no-repeat;
	border-top:2px solid #5ea2d9;
	background-image:url(images/bg_content-right.gif);
}

#content_right h2 { font-size:1.4em; color:#266ca5; font-weight:normal; }


#content_right_home {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:500px;
	height:auto;
	padding:15px 20px 20px 20px;
	background-repeat:no-repeat;
	border-top:2px solid #5ea2d9;
	background-image:url(images/bg_content-right-home.gif);
}

#content_right_home h2 { font-size:1.4em; color:#266ca5; font-weight:normal; }

/* ---- end content_right settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	clear:both;
	width:940px;
	height:auto;
	font-size:10px;
}

#footer a {
	text-decoration:none;
}

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

/* ---- start navigation settings -------------------------- */
 
#nav a {
	position:relative;
	float:left;
	height:40px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/nav.gif);
}

a#nav_01 {
	width:106px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0 -40px;
}

.active_01 {
	background-position: 0 -40px !important;
}

a#nav_02 {
	width:121px;
	cursor:default;
	background-position:-106px 0;
}

a:hover#nav_02{
	background-position:-106px -40px;
}

.active_02 {
	background-position:-106px -40px !important;
}

a#nav_03 {
	width:226px;
	cursor:default;
	background-position:-227px 0;
}

a:hover#nav_03{
	background-position:-227px -40px;
}

.active_03 {
	background-position:-227px -40px !important;
}

a#nav_04 {
	width:131px;
	cursor:default;
	background-position:-453px 0;
}

a:hover#nav_04{
	background-position:-453px -40px;
}

.active_04 {
	background-position:-453px -40px !important;
}

/* ---- start nav drop settings -------------------------- */

#nav_sub a {
	display:block;
	color:#fff;
	padding:5px;
	font-size:14px;
	text-decoration:none;
}

#nav_sub a:hover {
background-color:#071a29;
}

#L1, #L2, #L3 {
	position:absolute;
	visibility:hidden;
	height:auto;
	background-color:#0b395f;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}

#L1 { width:117px; top: 220px; left:284px; }
#L2 { width:222px; top: 220px; left:405px; }
#L3 { width:127px; top: 220px; left:631px; }

.show {
	position:absolute !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}