﻿/* 
Layout:

This is where the majority of the work lies and most of 
it will be unique to the project you're working on.
*/
/* **************************************************** */

html, body
{
	width: auto;
	height: 100%;
}

body
{
}

a
{
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

ul
{
	margin-top: 0px;
	margin-left: 25px;
}

ul li
{
	margin-left: 0px;
}

h4
{
	padding-left: 10px;
	vertical-align: middle;
}

h5
{
	padding-left: 10px;
	vertical-align: middle;
}

.mainpage_title_header
{
}

.mainpage_title_header h1
{    
    /* this font size is an exception to the normal font sizes in typo.css */
    font-size: 1.2em; 
	margin-left: 5px;
	padding-left: 10px;
	vertical-align: middle;
	line-height:25px;
	display: inline;
}

.rightside_module_header h5
{
	margin-left: 5px;
}

.rightside_module_header h5, #spotlighttitle h5
{
	display: inline;
}

br
{
}

div.hr 
{
	margin: 0px auto 0px;
	padding: 1em 0px 1em 0px;
	height: 5px;
	width: 96%;
}

div.hr hr 
{
  display: none;
}

/* **************************************************** */
/* BEGIN Site Structure Styles */
/* **************************************************** */

#container
{
	margin: 1em auto 0em;
	width: 960px;
	border-width: 1px;
	border-style: solid;
}

#header
{
	position: relative;
	height: 87px;
	line-height: 87px;
	vertical-align: middle;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-width: 1px;
	border-style: none;
}

#headerlogo
{
	width: 221px;
	float: left;
	margin: 13px 0px 0px 11px;
}

#headerlogo img
{
	vertical-align: top;
}

#headerlinks
{
	text-align: right;
	float: right;
	margin-right: 10px;
	font-size: 0.9em;
	font-weight: bold;
	width: 450px;
}

#mainnav
{
	height: 26px;
	border-top-width: 1px;
	border-top-style: solid;
/*	border-bottom-width: 1px;
	border-bottom-style: solid; */
	
	font-weight: bold;
}

#mainnav_menu
{
	width: 705px;	
	float: left;
}

#mainnav_search
{
	float: right;
	text-align: right;
	padding: 4px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#mainnav_search_label
{
	vertical-align: middle;
}

#mainnav_search input
{
	vertical-align: middle;
}

#contentwrapper
{
}

#centercontenttable
{
}

#leftside
{
	width: 640px;
}

#leftside_firstelement
{
	border-top-width: 1px;
	border-top-style: solid;
}

#rightside
{
	width: 320px;
	border-left-width: 1px;
	border-left-style: solid;
}

#breadcrumbs
{
	padding: 11px 0px 11px 9px;
	width: 100%;
	font-size: 0.9em;
}

#contents
{
	margin: 0px 7px 7px 10px;
}

#detailpagesummary
{
    font-weight: bold;
}

#homecontents
{
	margin: 0px 219px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
}

#clientquote
{
	position: relative;
	bottom: 0px;
	left: 0px;
	height: auto !important;
	height: 88px;
	min-height: 88px;
	width: 538px;
}

#clientquotetext
{
	width: 310px;
	padding: 30px 7px 7px 7px;	
	font-weight: bold;
	line-height: 1.5em;
}

#footer
{
	margin: 1em auto 1em;
	width: 960px;
	clear: both;
	font-size: 0.9em;
}

#footercopyright
{
	width: 60%;
	float: left;
}

#footerlinks
{
	width: 39%;
	text-align: right;
	float: right;
}

#titlebar
{
	margin: 0px 8px 21px 7px;
	height: 130px;
	width: 624px;
}

#titlebar_left
{
	height: 100%;
	width: 205px;
	float: left;
}

#titlebar_middle
{
	height: 100%;
	margin-left: 4px;
	width: 206px;
	float: left;
}

#titlebar_right
{
	height: 100%;
	width: 205px;
	float: right;
}

#pagespotlight
{
	height: 317px;
	width: 234px;
	float: right;
	border-width: 1px;
	border-style: solid;
	margin: 0px 5px 1.0em 5px;
}

#spotlightheading
{
	height: 44px;
	line-height: 25px;
	vertical-align: middle;
	text-align: right;
	padding-right: 15px;
	position: relative;
}

#spotlighttitle
{
	position: absolute;
	right: 25px;
	_right: 15px;
	top: 5px;
	width: 57px;
}

#spotlighttitle h5
{
}

#spotlightcontent
{
	width: 219px;
	height: 267px;
	padding: 0px 5px 5px 10px;
	overflow-y: auto;
}

/* **************************************************** */
/* END Site Structure Styles */
/* **************************************************** */

.rightside_module, .mainpage_title_header
{
	border-top-width: 1px;
	border-top-style: solid;
}

.rightside_module_header, .mainpage_title_header
{
	height: 30px;
	line-height: 30px;
}

.rightside_module_header h2
{
	line-height: 30px;
}

.rightside_module_content
{
	font-size: 1.0em;
}

.listindent
{
	margin-left: 10px;
}

UL.arrowbullet, UL.arrowbullet li
{
	margin-top: 0px;
	margin: 0px 0px 0px inherit;	
	padding: 0px;
}

UL.arrowbullet
{
	margin-bottom: 1em;
}

UL.arrowbullet li
{
	display: list-item;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 10px;
	background: url(/images/red_arrow.png) no-repeat left 0.4em;
	margin-top: 1px;

}

.arrowtitle
{
	display: list-item;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 10px;
	background: url(/images/icon_title_arrow.gif) no-repeat left center;
}

.smarrowtitle
{
	display: list-item;
	list-style-type: none;
	list-style-position: outside;	
	padding-left: 10px;
	background: url(/images/red_arrow.png) no-repeat left 0.4em;
}

/* provides padding for text inside other elements */
.sminnertube
{
	padding: 7px;
}

.innertube
{
	padding: 10px;
}

.centeredwrapper
{
	/* note: width must be set on the individual div or
		else the center will not work
	*/
	margin: 0px auto 0px;
}

.tabwrapper
{
	height: 25px;
	background-position: 0px 3px;
}

.tabwrapper ul, .tabwrapper li
{
	margin: 0px;
	padding: 0px;
}

.formlabel
{
	font-weight: bold;
}

.filterbarwrapper
{
}

.filterbarwrapper .formlabel
{
	text-align: center;
	height: 27px;
}

/* Begin CMS integration toolbar styles */

.moduleEditToolbar 
{
	margin: 2px 0px;
}
A.moduleControlLink 
{
	padding: 2px;
	display: inline-block; 
}
.moduleControlLink img 
{
	vertical-align: middle;
}

.AddLink {
	
}
.EditLink {
	
}

/* END CMS integration toolbar styles */

/* this is for the home banner back, forward, pause play, etc. */
.homeBannerControls
{
	text-align:right;
	left: -5px;
	top:-24px;
	z-index: 99;
	position:relative;
	margin-bottom: -20px;
	/* IE Only Hack */
	_margin-bottom: -22px;
}

ul.sitemap, ul.sitemap ul
{
    margin-bottom: 0px !important;
}
