/* CSS Document */

* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { font-size: 62.5%; background-image: url(/images/bodyBG.gif); background-repeat: repeat-x; background-color: #272525; }
a { cursor: pointer; text-decoration: none; color: #a31b1b; }
a:hover { text-decoration: underline; }
img { border:0; }

h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 2.5em; }
h3 { font-family: Tahoma, Geneva, sans-serif; font-size: 1.7em; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; }

/******************************************************************************************************************************/
/*                    Begin all defined id and class styles that exist inside the container
/*                    ---------------------------------------------------------------------
/*                      -----------------------------------------------------------------
/******************************************************************************************************************************/

#container { margin: 0 auto -106px auto; width: 990px; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFFFF; background-image: url(/images/footerBG.gif); background-repeat: no-repeat; background-position: bottom; }

/*Begin header styles*/
#header { width: 990px; height: 271px; background-image: url(/images/headerBG.gif); background-repeat: no-repeat; }
#headerSpacer { height: 27px; }
#headerTop { width: 990px; height: 182px; overflow: hidden; }
#headerBottom { width: 990px; height: 62px; overflow: hidden; }
.headerLeftCol { float: left; }
.headerRightCol { float: right; }
.headerRightCol ul { list-style-type: none; }
.headerRightCol li { display: inline; float: left; }
/*End header styles*/

/*Begin contentHeader styles*/
#contentHeader{ width: 990px; height: 172px; overflow: hidden; position: relative; }
#divFlashStrip { z-index: 1; position:absolute; }
#leftContentHeaderWrapper { position: absolute; top: 122px; left: 40px; width: 263px; z-index: 5; }
#leftContentHeader { background-image: url(/images/leftContentHeader.png); background-repeat: no-repeat; height: 50px; padding: 11px 0 0 14px; }
#leftContentHeader h3 { color: #272525; font-weight: bold; } 
#rightContentHeaderWrapper { position: absolute; top: 122px; left: 340px; width: 616px; z-index: 5; }
#rightContentHeader { background-image: url(/images/rightContentHeader.png); background-repeat: no-repeat; height: 50px; padding: 7px 0 0 15px; }
#rightContentHeader h1 { color: #a31b1b; font-weight: bold; }
#scrollingText {	width: 1020px;	height: 163px;	border: 0;	position: relative;	background-color:#000000;	}
#scrollingText div.scrollableArea * {	display: inline;	margin: 0;	padding: 0x;	font-family: Courier, Arial, Sans-Serif; 	font-size:12px; 	font-weight: normal; 	background-color: #fff; 	color: #000; 		}
/*End contentHeader styles*/

/*Begin content styles*/
#content { padding-top: 14px; }
#leftContentText { float: left; width: 271px; padding: 0 29px 0 40px; }
#rightContentText { float: left; width: 616px; padding: 0 34px 0 0; }
#rightContentText p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #272525; padding: 0 0 15px 15px; line-height: 1.5; }

#rightContentText #leftWrapperRCT .contentGradientBG p.locationText { font-size: 1.1em; }
.locationWrapper { height: 252px; }
#leftWrapperRCT .locationTextWrapper h4 { padding: 0 0 10px 10px; }
.locationTextWrapper { height: 242px; padding-top: 10px; }
.locationTextWrapper_End { padding-top: 10px; }
#leftWrapperRCT { float: left; width: 342px; }
#leftWrapperRCT h4 { font-weight: bold; color: #262626; padding: 15px 0 10px 10px; }
#leftWrapperRCT p { padding: 0 20px 10px 10px; line-height: normal; font-size: 1.2em; }
#rightWrapperRCT { float: right; width: 274px; } 
.contentGradientBG { min-height: 105px; height: auto !important; height: 105px; background-image: url(/images/contentGradientBG.gif); background-repeat:repeat-x; background-position: bottom; background-color: #e5e5e5; }
.contentGradientBG #imgHolder { padding: 10px 8px 0 8px; height: 160px; }
#rightContentText .contentGradientBG p.process { padding: 10px 0 10px 15px; font-weight: bold; }
#rightContentText .contentGradientBG ul { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #272525; }
#rightContentText .contentGradientBG ul li { margin: 0 0 20px 0; }
#rightContentText .contentGradientBG ul li.noSpacing { margin: 0; text-decoration: underline; }
#rightContentText .contentGradientBG ul.ulFPMCustom li { padding: 0 0 0 15px; margin: 0 0 2px 0; background-image: url(/images/bullet.gif); background-position: 0 0.3em; background-repeat: no-repeat; }
#leftWrapperRCT .contentGradientBG ul { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #272525; padding: 0 10px 5px 15px; }
#leftWrapperRCT .contentGradientBG ul li { padding: 0 0 0 15px; margin: 0 0 5px 0; background-image: url(/images/bullet.gif); background-position: 0 0.3em; background-repeat: no-repeat; }
#processesLeft { float: left; width: 295px; }
#processesLeft ul { padding: 0 0 0 40px; }
#processesRight {	float: left; width: 321px; }
#videoContainer {	float: right;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.2em;	text-align:center;	width:250px;	}
#employment { padding: 10px 0 0 15px; }
#employment h4 { padding-bottom: 10px; }
#employment p { font-size: 1.1em; }

#contact { padding: 10px 0 0 15px; }
#contact h4 { padding-bottom: 10px; }
#contact p { font-size: 1.1em; }
/*End content styles*/

/*Begin newsContent styles*/
#newsContent { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
#newsContent p { padding: 0 0 10px 14px; line-height: 1.5; font-size: 1.2em; }
#newsContent p .newsDate { font-size: .8em; color: #666666; }
#newsContent p a { color: #595959; text-decoration: none; }
h2.newsHeadline { font-size:2em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; }
#divStory { font-size:0.8em; }
/*End newsContent styles*/

/*Begin sideNav styles*/
#sideNav h3 { color: #272525; font-weight: bold; padding: 5px 0 10px 14px;}
#sideNav ul { list-style-type: none; width: 271px; }
#sideNav ul li { font-family: "Trebuchet MS", sans-serif; font-size: 1.6em; padding: 0 0 2px 0; }
#sideNav ul li a { display: block; height: 30px; background-image: url(/images/subNavBG.gif); background-repeat: no-repeat; color: #4D4D4D; text-decoration: none; padding: 5px 0 0 24px; }
/*End sideNav styles*/

/*Begin sideNavCap styles*/
#sideNavCap ul { list-style-type: none; width: 271px; }
#sideNavCap ul li { font-family: "Trebuchet MS", sans-serif; font-size: 1.3em; padding: 0 0 2px 0; }
#sideNavCap ul li a { display: block; height: 28px; background-image: url(/images/subNavBG.gif); background-repeat: no-repeat; color: #4D4D4D; text-decoration: none; padding: 7px 0 0 29px; }
#sideNavCap ul li a.active { background-image: url(/images/subNav-ActiveBG.gif); background-repeat: no-repeat; color: #FFFFFF; }
#sideNavCap ul li.liFirst a { font-size:1.1em; font-weight:bold; padding-left:24px; }
/*End sideNavCap styles*/

/*Begin footer styles*/
#push { height: 136px; }
#footer {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:2em;
}
.hiddenLink { font-size: .9em; }
.hiddenLink a { text-decoration: none; color: #000000; cursor: text; }
.hiddenLink a:hover { text-decoration:none; }
/*End footer styles*/

/*Begin Misc. styles*/
.clear { clear: both; }
.active { cursor: default; }
/*End Misc. styles*/


/*Begin Scroller styles*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft{	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */	min-width: 75px;	width: 10%;	height: 100%;	/* There is a big background image and it's used to solve some problems I experienced    in Internet Explorer 6. */	background-image: url(../images/big_transparent.gif);	background-repeat: repeat;	background-position: center center;	position: absolute;	z-index: 200;	left: 0;	/*  When positioning the mouse over one of the hot spots, the cursor should change.	I've noticed that this varies from browser to browser though. */	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;	}
/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{	background-image: url(../images/arrow_left.gif);					background-color: #fff;	background-repeat: no-repeat;	opacity: 0.35; /* Standard CSS3 opacity setting */	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */	}
/* Invisible right hotspot */
div.scrollingHotSpotRight{	min-width: 75px;	width: 10%;	height: 100%;	background-image: url(../images/big_transparent.gif);	background-repeat: repeat;	background-position: center center;	position: absolute;	z-index: 200;	right: 0;	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;	}
/* Visible right hotspot */
div.scrollingHotSpotRightVisible{	background-image: url(../images/arrow_right.gif);	background-color: #fff;	background-repeat: no-repeat;	opacity: 0.35;	filter: alpha(opacity = 35);	-moz-opacity: 0.35;	zoom: 1;	}
/* The scroll wrapper is always the same width and height as the containing element (div).   Overflow is hidden because you don't want to show all of the scrollable area. */
div.scrollWrapper{	position: relative;	overflow: hidden;	width: 100%;	height: 100%;	}
div.scrollableArea{	position: relative;	width: auto;	height: 100%;	}
/*End Scroller styles*/