﻿/*************************/
/* MAIN BODY             */
/*************************/
body {margin: 0px auto; padding: 0px; background: url(../img/background_body_blue.gif) top center repeat-y; font-family: arial, sans-serif; height: 100%;}

.page-container {width: 830px; margin: 0px auto; padding: 0px; /*background-color:#009933; background:url(../img/Backround_vertical_slice.gif) top left repeat-x;*/}

/*************************************/
/* HEADER AND NAVIGATION             */
/*************************************/

/*-----------------------------------*/
/*Header                             */
/*-----------------------------------*/
.header-container  {
	width: 830px;
	height: 300px;
	position:relative;
	z-index: 1;
	overflow: hidden;
	margin: 0px;
	background: url(../img/header.png) top left no-repeat;
}
.nav {float: right; width: 450px; margin: 0px; padding-top:90px; background-color: transparent; clear:both}

/*****************************/
/*  MISCELLANEOUS            */
/*****************************/
br {clear: none;}

/**********************/
/* Navigation Styling Top Row */
/**********************/

#nav1
{	margin: 0;
	padding: 0;
}
	
	#nav1 li
	{	float: right;
		list-style: none;
		font: 16px Trojan Pro, Arial;}

	#nav1 li a
	{	display: block;
		background-image:url(../img/small-nav.gif);
		padding: 5px 12px;
		text-decoration: none;
		width: 88px;
		color: #FFFFFF;
		white-space: nowrap;
		text-align:center;}

	#nav1 li a:hover
	{ background-image:url(../img/small-nav.gif)}
		
		#nav1 li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			/*border-top: 1px solid white*/}
		
		#nav1 li ul li
		{	float: none;
			display: inline;
}
		
		#nav1 li ul li a
		{	width: 88px; /*auto*/
			/*border-bottom: dashed #000000;
			border-width: 1px;*/
			background: rgb(0,106,179);
			}
			
		#nav1 li ul li a:hover
		{	background: rgb(0,106,179); font-weight:bold;}

/**********************/
/* Navigation Styling Second Row */
/**********************/

#nav2
{	margin: 0;
	padding: 0;
}
	
	#nav2 li
	{	float: right;
		list-style: none;
		font: 16px Trojan Pro, Arial;}

	#nav2 li a
	{	display: block;
		background-image:url(../img/large-nav.gif);
		padding: 5px 12px;
		text-decoration: none;
		width: 120px;
		color: #FFFFFF;
		white-space: nowrap;
		text-align:center;}

	#nav2 li a:hover
	{ background-image:url(../img/large-nav.gif);}
		
		#nav2 li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			/*border-top: 1px solid white*/}
		
		#nav2 li ul li
		{	float: none;
			display: inline;
}
		
		#nav2 li ul li a
		{	width: 120px; /*auto*/
		background: rgb(0,115,184);
			/*border-bottom: dashed #000000;
			border-width: 1px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			-webkit-border-radius-bottom-left: 5px;
			-webkit-border-radius-bottom-right: 5px;*/}
		
		#nav2 li ul li a:hover
		{	
		background: rgb(0,115,184); 
		font-weight:bold;}
		
/**********************/
/*Styling Slideshow */
/**********************/
.slideshow
{
	z-index: -1;
	position: relative;
	float:right;
	width:495px;
}

/**********************/
/* Random Header      */
/**********************/
.header-image
{
	float:right;
}

/**********************/
/* Content */
/**********************/
.fourWay
{
color: rgb(60,136,75);
font-size: 24px;
margin-left: 10px;
margin-right:50px;
border-bottom:dotted;
border-color: rgb(0,94,171);
border-width: 1px;
font-family:"Trajan Pro", "Gill Sans MT", "Gill Sans", arial, sans-serif;
vertical-align: top;
height:60px;
overflow:hidden;
}

/**********************/
/* Page Title   		*/
/**********************/
.pageTitle
{
color: rgb(60,136,75);
font-size: 24px;
margin-left: 10px;
margin-right:50px;
border-bottom:dotted;
border-color: rgb(0,94,171);
border-width: 1px;
font-family:"Trajan Pro", "Gill Sans MT", "Gill Sans", arial, sans-serif;
height: 30px;
}

/**********************/
/* Content            */
/**********************/
.content
{
margin-top:10px;
padding-bottom:50px;
background-color:rgb(255,247,227); /*rgb(209,197,185);rgb(255,241,207);*/
font-size:16px;
line-height:125%;
margin-left:5px;
float: left;
font-family: "Gill Sans MT", "Gill Sans", arial, sans-serif;
}

.content .title
{
	color: rgb(0,94,171);
	font-size: 150%;
	text-transform: uppercase;
	/*text-align:center;*/
}
.left-content
{
float: left;
padding-top:15px;
padding-left:20px;
width:395px;
background-position:center;
background-image:url("../img/RotaryWheel.png");
background-repeat:no-repeat;
min-height:375px;
}

.dotted
{
border-bottom:dotted;
border-color: rgb(0,94,171);
border-width: 1px;
padding-bottom: 5px;
}

.right-content
{
float: right;
padding-top:15px;
padding-left:20px;
width:385px;
}

/*----------------------------*/
/*Navigation - Side Bar       */
/*----------------------------*/
.sidebar
{
float: left;
padding-top:10px;
padding-left:20px;
width:160px;
font-size:12px;
}

.nav3 {overflow: hidden; clear: both; float: left; width: 160px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(215,227,206);}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(0,115,184);/*rgb(156,186,214);*/ color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(0,115,184); /*rgb(219,230,241);*/ color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a.selected {border-left: solid 7px rgb(0,115,184);/*rgb(156,186,214);*/   color: rgb(100,100,100); text-decoration: none;}

.nav3 li a:hover {border-left: solid 7px rgb(0,115,184);/*rgb(156,186,214);*/   color: rgb(100,100,100); text-decoration: none;}


.internalContent
{
float: left;
padding-top:10px;
padding-left:20px;
width:750px;
/*background-position:center;
background-image:url("../img/RotaryWheel.png");
background-repeat:no-repeat;*/
min-height:375px;
}

.internalContent-sidebar
{
float: left;
padding-top:10px;
padding-left:20px;
width:620px;
/*background-position:center;
background-image:url("../img/RotaryWheel.png");
background-repeat:no-repeat;*/
min-height:375px;
}

td.announcements{
vertical-align:top;
padding-right:10px;
border-bottom:dotted;
border-color: rgb(0,94,171);
border-width: 1px;
padding-bottom:15px;
padding-top: 15px;
}

.minorTitle
{
color:#0000FF;
}

/*--------------------*/
/* Footer Area        */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 830px; margin: -30px auto; padding-top:5px; background-color: rgb(255,218,127); color: rgb(0,0,0); font-size: 1.0em; font-size: 12px; font-family: "Gill Sans MT", "Gill Sans", arial, sans-serif;position: relative;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer-left{float:left; padding-left:20px; padding-right:20px;}
.footer-middle{float: left; padding-top:13px;}
.footer-right{float:right; padding-top:10px; padding-right: 10px;}
.footer a {color: rgb(0,0,0); text-decoration: none;}
.footer a:hover {color: rgb(0,0,0); text-decoration: underline;}

.youtube-iframe { display: block; margin: 0 auto; }

