/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html, body, form, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, legend, pre, code {
	font-size: 1em;
}
a img, :link img, :visited img {
	border: none;
}
address {
	font-style: normal;
}
/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	/* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;/* End hide from IE-mac */
}
.adios {
	display: none;
}
.block {
	display: block;
}
/* IE 5 Fix
----------------------------------------------------------------*/
body {
/*text-align: center;  Hack for stoopid IE 5 to center layout*/
}
div#Wrapper {
/*text-align: left;  Undo stoopid IE 5 hack */
}
/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in Nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/


/* BODY 
----------------------------------------------------------------*/
body {
	background:#FFECC8;
}
/* WRAPPER
----------------------------------------------------------------*/
#Wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:950px;
	background:url(../images/wrapper_bg-wide.gif) repeat-y;
}
/* HEADER
----------------------------------------------------------------*/
#Header {
	width:950px;
	height:137px;
	background:url(../images/header-wide.jpg) no-repeat;
}
/* LOGO
----------------------------------------------------------------*/
#Logo {
	position:absolute;
	width:334px;
	height:79px;
	top:16px;
	left:23px;
	background:url(../images/logo-wide.jpg) no-repeat;
	margin:0;
}
#Logo a {
	position:absolute;
	width:265px;
	height:63px;
	top:0px;
	left:0px;
}
/* SIDEBAR
----------------------------------------------------------------*/
#Login {
	width:103px;
	float:left;
	background:url(../images/login-bg.gif) no-repeat #CCC;
	text-align:center;
	padding:0 6px 10px 6px;
}
#Sidebar {
	float:left;
	width:92px;
	padding:10px 16px 0 16px;
}
#Sidebar img {
	max-width:92px;
	_width:92px;
}
/* CONTENT
----------------------------------------------------------------*/
#ContentWrapper {
	background:url(../images/content_bg-wide.gif) repeat-y;
}
#Content {
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	background:#FFF;
}
#Content a:link, #Content a:visited, #Content a:active {
	font-weight:bold;
	text-decoration:none;
}
#Content a:hover {
	text-decoration:underline;
}
#TwoColumnWrapper {
	background:url(../images/twoColumn_bg-wide.gif) repeat-y;
	border-right:1px solid #FFCC66;
	min-height:445px;
	_height:445px;
	float:left;
}
#TwoColumnLeft {
	width:158px;
	float:left;
}
#TwoColumnLeft ol {
	list-style:none;
	margin:0;
	text-align:left;
	color:#003399;
	font-size:11px;
	padding:4px 3px 6px 5px;
}
#TwoColumnLeft li {
	margin:0;
	padding:2px 0;
}
#TwoColumnLeft ol li ul {
	list-style:none;
	margin:0;
	text-align:left;
	color:#003399;
	font-size:9px;
	padding:4px 3px 6px 10px;
}
#TwoColumnLeft ol li ul li {
	margin:0;
	padding:2px 0;
}
#TwoColumnRight ul {
	list-style:disc;
}
#TwoColumnRight li {
	margin:0;
	padding:3px 0;
}
#TwoColumnRight {
	width:520px;
	float:left;
	padding:20px 10px 10px 20px;
	color:#666;
}
#TwoColumnRight p {
	margin: 0 0 16px 0;
	padding:0;
	font-size:12px;
}
#SideImages {
	width:160px;/*  min-height:150px;
  _height:150px;  */
}
/* FOOTER
----------------------------------------------------------------*/
#Footer {
	background:url(../images/footer_bg-wide.gif) repeat-y;
	color:#666666;
	width:810px;
	height:37px;
	padding:7px 15px 0 125px;
	font-size:10px;
	margin:0;
	text-align:left;
}
#Footer p {
	margin:0;
	padding:0;
}
#Footer a:link, #Footer a:visited, #Footer a:active {
	color:#666;
}
#Footer a:hover {
	color:#000;
}
.fullColumn #Sidebar {
	display:none;
}
.fullColumn #TwoColumnRight {
	width:465px;
	float:left;
	padding:20px 10px 10px 20px;
	color:#666;
}
.fullColumn #TwoColumnWrapper {
	width:659px;
}
.twoColumn {
}
#StyleGuideWrapper {
	background:#FFECC8;
	padding:15px;
	width:505px;
}
#HomeLinks {
	clear:both;
	background:#FC6;
	width:702px;
}
.ratesTable table {
	width:100%;
	border-bottom:#ccc 1px solid;
	border-left:#ccc 1px solid;
}
.ratesTable table th {
	border-top:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
.ratesTable table td {
	border-top:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
.ratesTable table td.rowspan {
	border-top:#ccc 0px solid;
}
.ratesTable span.right {
	text-align:right;
}
/*================================================================
NAV stylesheet for the website.

Define all aspects (layout AND typography) of:
  - Nav (ul)
  - Nav List Items (li)
  - Nav Links
  - Current Page Definitions
  
================================================================*/


/* NAV
----------------------------------------------------------------*/
#Nav {
	position:absolute;
	top:0px;
	right:8px;
	font-size:11px;
}
#Nav ol {
	list-style:none;
	margin:0;
	padding:0;
}
#Nav li {
	display:inline;
	margin:0;
	padding:0;
}
#Nav a:link, #Nav a:visited, #Nav a:active {
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 8px;
	display:block;
	float:left;
}
#Nav a:hover {
	background:#E5EAF4;
	color:#003399;
	padding:5px 8px 6px;
}
#SubNav {
	position:absolute;
	top:116px;
	left:384px;
	height:21px;
	z-index:5000;
}
#SubNav ol {
	list-style:none;
	margin:0;
	padding:0;
	z-index:100;
}
#SubNav li {
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
#SubNav a, #SubNav a:link, #SubNav a:visited, #SubNav a:hover {
	float :left;
	height:21px;
	margin:0 12px 0 0;
}
#SubNav ol ol a, #SubNav ol ol a:link, #SubNav ol ol a:visited, #SubNav ol ol a:hover {
	display:block;
	float:none;
	height:auto;
	margin:0 0px 0 0;
}
#SubNav li#NavPersonal a, #SubNav li#NavPersonal a:link, #SubNav li#NavPersonal a:visited, #SubNav li#NavPersonal a:hover {
	background:url(../images/personal_tab.gif) no-repeat;
	width:153px;
}
#SubNav li#NavPersonal a:hover, #SubNav li#NavPersonal a.personal {
	background:url(../images/personal_tab_over.gif) no-repeat;
}
#SubNav li#NavBusiness a, #SubNav li#NavBusiness a:link, #SubNav li#NavBusiness a:visited {
	background:url(../images/business_tab.gif) no-repeat;
	width:151px;
}
#SubNav li#NavBusiness a:hover, #SubNav li#NavBusiness a.business {
	background:url(../images/business_tab_over.gif) no-repeat;
}
#SubNav li ol {
	left: -9999px;
	margin: 21px 0 0 0px;
	padding:3px;
	position:absolute;
	z-index:300;
	background:#003399 !important;
	width:159px;
}
#SubNav li:hover ol {
	left: 0;
}
#SubNav li ol li a, #SubNav li ol li a:link, #SubNav li ol li a:visited {
	margin:0;
	padding:5px 3px;
	display:block;
	text-decoration:none;
	background:#003399 !important;
	width:153px;
}
#SubNav li ol li a:hover {
	background:#FFCC66 !important;
	color:#003399 !important;
}
#SubNav li ol li {
	display:block;
	width:159px;
	height:auto;
}
#SubNav li:hover ol li a:link, #SubNav li:hover ol li a:visited, #SubNav li:hover ol li a:hover, #SubNav li:hover ol li a:active {
	color:#FFF;
	display: block;
	font-size:10px;
	text-decoration:none;
}
#SubNav li:hover ol li a:hover {
	text-decoration:none;
	background:#FFCC66 !important;
	color:#003399 !important;
	height:auto;
}
/* HTML TAGS */

fieldset ul, fieldset ol {
	margin:0;
	padding:0;
	list-style:none;
}
fieldset li {
	margin:0 0 10px 0;
	padding:4px;
	list-style:none;
	clear:both;
}
input[type='text'] {
	width:200px;
}
/* .marginForm - apply to div or fieldset
----------------------------------------------------------------*/
.marginForm fieldset {
	display: block;
	margin: 0;
	border: 0 solid #FFFFFF;
	border-top:none;
	padding:10px;
	font-size:110%;
}
.marginForm fieldset legend {
	color: #69C8CA;
	margin: 0 0 0 0;
	padding: 3px 0;
	font-size:175%;
	font-weight:bold;
}
.marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 140px;
	font-weight: bold;
	padding-right:20px;
	text-align:right;
}
.marginForm input {
	vertical-align:top;
}
.help {
	font-style:italic;
	float:left;
	background:#eee;
}
.marginForm .submitRow {
	margin-left:160px;
}
.checkListVertical {
	display:block;
	float:left;
}
.checkListVertical input, .checkListVertical label {
	display:inline;
	float:none;
	line-height:20px;
	vertical-align:top;
}
.checkListVertical label {
	padding:0 5px;
}
/* Form classes
----------------------------------------------------------------*/
input.phone, input.zip, input.date {
	width:80px;
}
input.id {
	width:75px;
}
.required {
	color:#600;
	font-weight:bold;
}
.search label {
	width:60px;
}
.search .help {
	margin-left:80px;
	width:60%;
}
/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
	font-family: Arial, helvetica, sans-serif;
	color: black;
	font-size: 11px;
}
h1, .Headers {
	font-family: Georgia, Times, serif;
	font-size: 24px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #003399;
	margin:0 0 10px 0;
}
h2, .subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 14px;
	color: #003399;
	font-weight: normal;
	font-style: normal;
	margin:5px 0 6px 0;
}
h3 {
	color: #003399;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-family:Times New Roman;
}
h4 {
	color: #FFF;
	margin:0;
	font-size: 12px;
	text-align:right;
	padding:0 3px 3px 0;
}
h5 {
	color: #000;
	margin: 0 0 6px 0;
	font-size: 12px;
}
p {
	margin:0 0 6px 0;
	padding:0;
}
a:link, a:visited {
	color:#003399;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
	color:#0033CC;
}
strong {
	color:#666;
	font-weight:bold;
}
.blueText {
	color:#00309C;
}
bold {
	font-weight:bold;
}
/* HEADER CONTENT
----------------------------------------------------------------*/



/* SIDEBAR CONTENT
----------------------------------------------------------------*/



/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	border:none;
	text-align:left;
}
table.jobDetail {
	clear: both;
	text-align: left;
	border:none;
	width:100% !important;
}
th {
	background:#ccc;
}
td, th {
	padding: 2px 3px;
}
td.altRow {
	background:#eee;
}
/* FOOTER CONTENT
----------------------------------------------------------------*/
#Footer p {
}
/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
.error {
	color: red;
}
hr {
	border:none;
	border-top: dashed 1px #ccc;
	height:0px;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.floatRight {
	float:right;
	display:block;
	margin:0 0 15px 15px;
}
.floatRightFooter {
	float:right;
	display:block;
	margin:0 0 0px 15px;
}
.floatLeft {
	float:left;
	display:block;
	margin:0 15px 15px 0;
}
.callOutBox {
	border:#ccc 1px solid;
	background:#eee;
	padding:5px;
}
.photoWrapper {
	width:160px;
}
.photoWrapper img {
  width:160px;
}
.photoWrapper a {
	color:#FFF;
}
.threeColumnLeft {
	width:158px;
	float:left;
}
.threeColumnCenter {
	width:255px;
	_width:253px;
	float:left;
	border-right:1px solid #FFCC66;
	padding:10px 10px 0 10px;
	text-align:right;
}
.threeColumnCenter ol {
	margin:0;
	padding:0 0 15px 0;
	list-style:none;
}
.threeColumnCenter li {
	margin:0 3px;
	padding:3px;
}
.threeColumnRight {
	width:255px;
	float:left;
	border-right:1px solid #FFCC66;
	padding:10px 10px 0 10px;
	text-align:right;
}
.threeColumnRight ol {
	margin:0;
	padding:0 0 15px 0;
	list-style:none;
}
.threeColumnRight li {
	margin:0 3px;
	padding:3px;
}
.colorBox {
	background:#FFECC8;
	padding:4px;
	color:#666666;
}
.infoBox {
	background:url(../images/infoBox_bg.gif) repeat-y;
	margin:8px 8px 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.infoBoxTop {
	background:url(../images/infoBox_top.gif) no-repeat;
	height:9px;
	margin:0;
	padding:0;
}
.infoBoxBottom {
	background:url(../images/infoBox_bottom.gif) no-repeat;
	height:9px;
	margin:0 8px;
	padding:0;
}
.infoBox p {
	padding:0 5px 5px 5px;
	text-align:center;
	color:#5D3434;
	line-height:1.1em;
	margin:0;
}
.infoBoxLink a:link, .infoBoxLink a:visited, .infoBoxLink a:active {
	font-size:10px;
	color:#0099FF;
}
.infoBoxLink a:hover {
	text-decoration:underline;
}
.loginBox {
	background:url(../images/loginBox_bg.gif) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.loginBoxTop {
	background:url(../images/loginBox_top.gif) no-repeat;
	height:10px;
}
.loginBoxBottom {
	background:url(../images/loginBox_bottom.gif) no-repeat;
	height:10px;
}
.loginBox p {
	text-align:center;
	color:#003399;
	margin:0;
}
.loginBoxLink a:link, .loginBoxLink a:visited, .loginBoxLink a:active {
	font-size:10px;
	color:#0099FF;
}
.loginBoxLink a:hover {
	text-decoration:underline;
}
.loginBoxSmallText {
	font-size:9px;
}
.sidebarBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
.sidebarBoxTop {
	height:163px;
}
.sidebarBoxBottom {
	height:10px;
}
.sidebarBox p {
	padding:10px 3px 0 3px;
	text-align:center;
	color:#5D3434;
	line-height:1.1em;
	margin:0;
}
.sidebarBoxLink a:link, .sidebarBoxLink a:visited, .sidebarBoxLink a:active {
	color:#0099FF;
}
.sidebarBoxLink a:hover {
	text-decoration:underline;
}
.loginBox img {
	padding:3px;
}
.styleGuide {
	font-size:14px;
	padding:10px 10px 5px 10px;
}
.jobTable {
	background:#FFF;
}
.helperText {
	font-size:10px !important;
}
.standout {
	font-size:1.1em;
	font-weight:bold;
}
a.closeWindow {
	font-size:1.1em;
	font-weight:bold;
	color:Blue;
}
.specials {
	color: #003399;
	font-size:14px;
	font-weight:bold;
}
.errorContent {
	padding:20px;
}
.smallHeavyText {
	font-size:9px;
	font-weight:bold;
	display:block;
	margin-top:5px;
}
/* SITE COLORS
----------------------------------------------------------------*/
.blue {
	color:#003366;
}
.red {
	color:#CC0000;
}
.green {
	color:#003300;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
/* XStandard Controls
----------------------------------------------------------------*/

.cityHeader {
	display:block;
	width:100%;
	padding:2px 4px;
	background:#FFCF63;
	color:#636563;
}
.locationName {
	color:#636563;
	margin-left:15px;
}
.greyLocation {
	color:#636563;
}

.absoluteRight{
  clear:both;
  background:#900;
  border-bottom:5px solid #fff;
  border-top:5px solid #fff;
  display:block;
  width:100%;
}

.absoluteRight p{
  padding:10px;
  color:#fff;
}

.imageRight{
  position:absolute;
  right:32px;
  bottom:50px;
}