/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ======================================================================================================== STYLES FOR ALL PAGES */

/* ========== Main Page Wrap ========== */

#uber_sub {
	position: relative;
	margin: 0 auto;
	width: 950px;
	z-index: 2100;
}

/* ========== Header Area ========== */

#header {
	float: left;
	width: 950px;
	height: 122px;
	background: #FFF;
	position: relative;
}

/* -- Logo -- */

#logo {
	float: left;
	margin: 0 0 0 27px;
}

/* -- Search -- */

#searchWrap {
	float: right;
	width: 270px;
	height: 50px;
	padding: 20px 15px;
	background: url(/images/search_bg.jpg) repeat-x;
}

#search {
	float: left;
	width: 265px;
	height: 23px;
}

#search input {
	float:left;
}

#search .inputbox {
	width: 218px;
	height: 13px;
	border: none;
	font-size: 12px;
	color: #000;
	border: 1px inset #b3b3b3;
	border-top: 2px inset #b3b3b3;
	padding: 5px;
}

#search .searchbtn {
	float: right;
}

#search_interior {
	position: relative;
	top: 40px;
	float: right;
	padding-right: 13px;
	height: 23px;
}

#search_interior input {
	float:left;
}

#search_interior .inputbox {
	position: relative;
	top: 4px;
	left: 5px;
	width: 175px;
	height: 23px;
	font-size: 12px;
}

/* -- Tertiary Nav -- */

#tertiaryNav {
	padding-top: 10px;
	float: left;
	color: #21507e;
}

#tertiaryNav li {
	float: left;
	line-height: 1;
	padding: 0 3px 0 0;
}

#tertiaryNav a {
	color: #21507e;
	text-decoration: none;
}


/* ========== Footer Area ========== */
#uber_uber_footer {
	margin: 0 auto;
	background: #eee;
}

#uber_footer {
	margin: 0 auto;
	width: 950px;
	padding-top: 25px;
}

#uber_footer .footerLinks, #h_uber_footer .footerLinks {
	margin: 0 0 10px 0;
	border: 1px solid #b3b3b3;
	border-left: none;
	border-right: none;
	padding: 10px 25px 30px 25px;
}

#uber_footer ul, #h_uber_footer ul {
	padding: 0 25px;
}

#uber_footer li, #h_uber_footer li {
	float: left;
	padding: 0 5px 0 4px;
	border-right: 1px solid #666;
	color: #666;
}

#uber_footer li a, #h_uber_footer li a {
	color: #039;
}

#uber_footer li.last, #h_uber_footer li.last{
	border: none;
}

#uber_footer .designedby, #h_uber_footer .designedby{
	float: left;
	clear: both;
	padding-top: 20px;
}

#uber_footer .designedby li, #h_uber_footer .designedby li {
	font-size: 10px;
	border: none;
}

.designedby .text {
	margin-top: 10px;
}

#uber_footer .designedby .divide, #h_uber_footer .designedby .divide {
	border-right: 1px solid #666;
	color: #666;
}





/* ======================================================================================================== STYLES HOME PAGE ONLY */

/* ===== Body Background ===== */

#h_bodyBackground {
	background: #EEE url(/images/uber_bg.gif) repeat-x;
}

/* ========== Header Area ========== */

#h_header {
	float: left;
	width: 950px;
	height: 129px;
}


/* ===== Homepage Content Wrapper ===== */

#h_contentWrap {
	float: left;
	width: 100%;	
	overflow: hidden;
}

#h_bannerInfoLinks {
	float: right;
	margin-top: 6px;
}

#h_bannerInfoLinks img {
	float: right;
	clear: both;
	margin-bottom: 6px;
}

#h_mainContentWrap {
	width: 950px;
	float: left;
	clear: both;
	background: url(/images/home_green_base.gif) no-repeat left bottom;
}

#h_mainContentInner {
	float: left;
	margin-bottom: 17px;
	width: 950px;
	background: url(/images/home_content.gif) repeat-y;
	
}

#h_mainContentWrap .left {
	float: left;
	padding: 20px 30px;
	width: 565px;
	background: #346715 url(/images/home_content_green_top.gif) no-repeat;
}

#h_mainContentWrap .right {
	float: right;
	padding: 20px 30px;
	width: 235px;
	background: #346715 url(/images/home_sidebar_green_top.gif) no-repeat;
}

#h_mainContentInner p{
	color: #fff;
}

#h_mainContentWrap .left a, #h_mainContentWrap .right a{
	color: #fc6;
}

#h_mainContentWrap .left a:hover, #h_mainContentWrap .right a:hover{
	text-decoration: underline;
}

#h_uber_footer {
	width: 950px;
	padding-top: 25px;
}


/* ======================================================================================================== STYLES FOR CONTENT PAGES ONLY */

/* ===== Interior Content Wrapper ===== */
#uber {
	position: relative;
	margin: 0 auto;
	width: 1120px;
	z-index: 1001;
}

body {
	background: #eee url(/images/header_bg.gif) repeat-x;
}

#uber_contentWrap 
{
	margin: 0 auto;
	background: url(/images/bg_shadow.gif) repeat-y center #003366;
	position: relative;
	z-index: 1000;
}

#contentWrap 
{
	margin: 0 auto;
	width: 950px;
	border-bottom: 5px solid #003366;
	background: url(/images/contentWrap_bg.gif) repeat-y !important; 
	overflow: auto;
}

/* ===== Sidenav ===== */

#sidenavWrap {
	float: right;
	list-style: none;
	z-index: 200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 286px;
	padding-right: 9px;
}

#sidenav {
	width: 286px;
	float: left; /* Contain floated list items */
	/*border-bottom: 1px solid #000;*/
}

#sidenav li {
	float: left; /* This corrects the */
  	width: 100%; /* IE whitespace bug */
	border-top: 1px solid #85a3c2;
	border-bottom: solid 1px #0E243B;
	font-size: 12px;
	color: #FFF;
}

#sidenav a {
	display: block; /* to increase clickable area as a's default to inline */
	padding: 3px 15px;
	width: 256px;
	background: #314f7c;
	color: #FFF;	
}

#sidenav a:hover {
	background-color: #c0d5ec;
	text-decoration: none;
	color: #314f7c;
}

#sidenav a.on {
	background-color: #C0D5EC;
}

#sidenav a.second
{
	background-color: #85A3C2;
}

	#sidenav a.secondon
	{
		background-color: #C0D5EC;
	}

/* ===== Inner Content Area ===== */

#innerContentWrap {
	float: left;
	width: 655px;
}

#innerContentWrapWide {
	float: left;
	width: 950px !important;
	background-color: White;
}

#actionsWrap {
	float: left;
	width: 655px;
	margin: 0px;
	background: #f4f4f4;
}

#actionsWrapWide {
	float: left;
	width: 950px !important;
	margin: 0px;
	background: #f4f4f4;
}

#actions {
	float: right;
}

#actions li {
	float: left;
}

/* -- Share -- */
a.shareLink, a.shareLink:active, a.shareLink:visited {
	display: block;
	width: 69px;
	height: 23px;
	background: transparent url(/images/share.gif) no-repeat 0px 0px;
	text-decoration: none;
}
a.shareLink:hover {background-position: 0px -23px;}

/* -- RSS -- */
a.rssLink, a.rssLink:active, a.rssLink:visited {
	display: block;
	width: 59px;
	height: 23px;
	overflow: hidden;
	background: transparent url(/images/rss_feeds.gif) no-repeat 0px 0px;
}
a.rssLink:hover {background-position: 0px -23px;}

/* -- Print -- */
a.printLink, a.printLink:active, a.printLink:visited {
	display: block;
	width: 60px;
	height: 23px;
	overflow: hidden;
	background: transparent url(/images/print_version.gif) no-repeat 0px 0px;
}
a.printLink:hover {background-position: 0px -23px;}

/* -- Email -- */
a.emailLink, a.emailLink:active, a.emailLink:visited {
	display: block;
	width: 74px;
	height: 23px;
	overflow: hidden;
	background: transparent url(/images/email_version.gif) no-repeat 0px 0px;
}
a.emailLink:hover {background-position: 0px -23px;}


/* ===== Inner Content ===== */

#innerContent {
	float: left;
	clear: both;
	padding: 15px 0px 15px 35px;
	width: 585px;
}

#innerContentWide {
	float: left;
	clear: both;
	padding: 15px 0px 15px 35px;
	width: 885px !important;
}

#innerContent li{
	list-style: disc;
}



/* ----- END OF STYLE ----- */

/* ----- end template ----- */

/* ===== Actions ===== */