﻿/*
 *  File:          Master.css
 *  Purpose:       Houses the CSS styling for the main elements within all pages of the site
 *  By:            Matt LaPora
 *  Last Revised:  09/06/2007 
*/

/* sets 0 margin, 0 padding, and no border on the following tags */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,  ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
{ 
	margin: 0px auto; 
	padding: 0px;
	border: none;
}

/* Page body */
body 
{
	text-align: center;
	padding: 30px 0px;
	width: auto;
	min-width: 1000px;
}

/* Contains all content in the site */
div.ContentContainer
{
	width: 950px;
	background-color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
}

div.ContentWrapper
{
	border-top: 1px solid #999;
	margin: 0px;
	text-align: left;
	padding: 10px 0px 0px 0px;
	float: left;
	width: 100%;
}

.ContentWrapper div.Row
{
	padding: 0px 0px 0px 15px;
}

div.ContentWrapperNoLine
{
	padding: 0px 0px 0px 15px;
}

#Head_BottomControlsContainer
{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	
}

/* Header */
#Head_Top
{
	width: 950px;
	height: 90px;
	float: left;
}
#Head_TopLeft
{
	height: 90px;
	width: 297px;
	float: left;
}

#Head_TopRight
{
	height: 90px;
	width: 600px;
	float: right;
}

#Head_Image
{
	width: 950px;
	height: 325px;
	margin: 0 auto; 
	padding: 0px;
}

#Head_Silverlight
{
	width: 950px;
	height: 325px;
	margin: 0 auto; 
	padding: 0px;
}

#Head_Image_NewsContainer
{
	width: 453px;
	height: 295px;
	float: right;
	padding: 10px 15px;
	overflow: auto;
	text-align: left;
}

#Head_SignedInContainer
{
	position: relative;
	float: right;
	padding-right: 30px;
}

#Head_SignedIn
{
	height: 24px;
	line-height: 24px;
	font-family: Verdana;
	font-size: 10pt;
	color: #333;
	text-align: right;
	float: right;
}

#Head_SignedIn a
{
	color: #09D;
	text-decoration: none;
}

#Head_SignedIn a:hover
{
	color: #069;
	text-decoration: underline;
}

#Head_SearchContainer
{
	position: relative;
	height: 22px;
	width: 251px;
	float: right;
}

#Head_Search
{
	background: #999;
}

#Head_TopMenuContainer
{
	height: 40px;
	width: 600px;
}

#Head_TopMenu
{
	height: 40px;
	float: right;
	border-right: 1px solid #aaa;
}

#Head_BottomMenuContainer
{
	height: 64px;
	float: left;
}

#Head_BottomMenu
{
	width: 714px;
	height: 64px;
	float: left;
}

/* Sign in button container */
#Head_SignInContainer
{
	width: 236px;
	height: 64px;
	float: left;
}

#Head_SignIn
{
	height: 64px;
	float: left;
}

#Head_Logo
{
	float: left;
}

.Clear
{
	clear: both;
}

/* Bottom content container */
#Body_ContentContainer
{
	width: 950px;
	background-color: #BE8;
	margin: 0 auto; 
	padding: 0px;
}

#Body_Content
{
	float: left;
	width: 950px;
	text-align: left;
	background-color: #BE8;
	font-size: 10pt;
	font-family: Verdana;
}

#Body_Content_MasterPage
{
	float: left;
	width: 950px;
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
	font-size: 10pt;
	font-family: Verdana;
}

#Body_AdvertisingTopContent
{
	float: left;
	width: 950px;
	padding: 15px 15px 0px 15px;
	position: relative;
}

#Body_AdvertisingLeftContent
{
	float: left;
	width: 280px;
	position: relative;
}

#Body_AdvertisingRightContent
{
	float: left;
	width: 320px;
	position: relative;
}

#Body_QuickLinkContent
{
	width: 314px;
	float: right;
}

/* Footer Styles */
#Footer_ContentContainer
{
	width: 950px;
	margin: 0 auto; 
	padding: 0px;
}

#Footer_Content
{
	float: left;
	width: 950px;
	text-align: left;
	background-color: #f2f2f2;
	margin: 0 auto;
	padding:0px;
}

#Footer_Content a
{
	color: #666;
	text-decoration: none;
}

#Footer_Content a:hover
{
	color: #09D;
	text-decoration: underline;
}

#BreadCrumbContainer
{
	padding: 0;
	margin: 0;
	float:left;
	position: relative;
	width: 950px;
	text-align: left;
	height: 17px;
}

#BreadCrumb
{
	float: left;
	position: relative;
	width: 950px;
	font-family: Georgia;
	font-size: 9pt;
	height: 17px;
}

.Left_950
{
	position: relative;
	float: left;	
	width: 950px;
}

.Left_935
{
	position: relative;
	float: left;	
	width: 935px;
}

.Left_700
{
	position: relative;
	float: left;	
	width: 700px;
}

.Left_675
{
	position: relative;
	float: left;	
	width: 675px;
}

.Left_660
{
	position: relative;
	float: left;	
	width: 660px;
}

.Left_500
{
	position: relative;
	float: left;	
	width: 500px;
}

.LeftContainer_275
{
	position: relative;	
	width: 275px;
	float: left;
}

.Left_275
{
	position: relative;	
	width: 275px;
	float: left;
}

.Left_238
{
	position: relative;	
	width: 238px;
	float: left;
}

RightContainer_675
{
	position: relative;	
	width: 675px;
	float: left;
}

.Right_700
{
	position: relative;
	float: right;	
	width: 700px;
}

.Right_675
{
	position: relative;
	float: left;	
	width: 675px;
	margin:0;
	padding:0;
}

.Right_660
{
	position: relative;
	float: left;	
	width: 660px;
}

.Right_275
{
	position: relative;	
	width: 275px;
	float: right;
}

.Right_238
{
	position: relative;	
	width: 238px;
	float: right;
}

/* Skip navigation style */
#skip a, #skip a:hover, #skip a:visited
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:active, #skip a:focus
{
	position:static;
	width:auto;
	height:auto;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Georgia';
	color: #333;
}


p
{
	margin: 0.7em 0 1em 0; 
	font-family: Verdana;
	font-size: 10pt;
	color: #333;
}

p.Small
{
	margin: 0.7em 0 1em 0; 
	font-family: Verdana;
	font-size: 9pt;
	color: #333;
}

p.SmallSpacer
{
	margin: 0.7em 0 0.5em 0; 
	font-family: Verdana;
	font-size: 9pt;
	color: #333;
}

h4 
{
	font-weight: normal;
	font-size: 13pt; 
	color: #09D;
}

h5
{
	font-weight: normal;
	font-size: 11pt; 
	color: #09D;
}

h5 a, p a, td a, span.news a
{
	color: #09D;
	text-decoration: none;
}

h5 a:hover, p a:hover, td a:hover, span.news a:hover
{
	color: #069;
	text-decoration: underline;
}

ul
{
	margin-left: 17px; padding-left: 0px;
}

span.Label, ul li
{
	color: #333;
}

ul li a
{
	color: #09D;
	text-decoration: none;
}

ul li a:hover
{
	color: #069;
	text-decoration: underline;
}

ol li a
{
	color: #09D;
	text-decoration: none;
}

ol li a:hover
{
	color: #069;
	text-decoration: underline;
}

.QuickLinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-indent: 13px;
}

.QuickLinks ul li
{
	background-image: url('Images/Accents/Arrow_Blk_8.gif');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	^background-position: 0px 8px;
	font-family: Georgia;
	font-size: 10pt;
	padding: 0px;
	margin-bottom: 4px;
	color: #333;
}

.QuickLinks ul li a
{
	text-decoration: none;
	color: #333;
}

.QuickLinks ul li a:hover
{
	text-decoration: underline;
	color: #069;
}

.QuickLinks a
{
	font-family: Georgia;
	font-size: 10pt;
	text-decoration: none;
	color: #333;
}

.QuickLinks a:hover
{
	font-family: Georgia;
	font-size: 10pt;
	text-decoration: underline;
	color: #069;
}

.ListLinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-family: Verdana;
	font-size: 10pt;
}

.ListLinks ul li
{
	background-image: url('Images/Accents/Arrow_Blk_8.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 16px;
	margin-bottom: 7px;
	color: #333;
}

.ListLinks ul li.NoArrow
{
	background-image: none;
	padding: 0px 0px 0px 13px;
	margin-bottom: 4px;
	color: #333;
}

.ListLinks ul li a
{
	text-decoration: none;
	color: #09D;
}

.ListLinks ul li a:hover
{
	text-decoration: underline;
	color: #069;
}


a.Button
{
	background-color: #FFA238;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	width:175px;
	font-family: Georgia;
	font-size: 12pt;
	text-indent: 15px;
	float: left;
}

a.ButtonReversed
{
	background-color: #FFA238;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	width:175px;
	font-family: Georgia;
	font-size: 12pt;
	float: left;
	text-align: right;
}

a.GenericButton, p a.GenericButton, span.Label a.GenericButton, span.Element a.GenericButton
{
	background-color: #FFA238;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align: left;
	font-family: Georgia;
	font-size: 12pt;
	text-indent: 15px;
	float: left;
}

a.GenericButtonPaddedLeft, p a.GenericButtonPaddedLeft
{
	background-color: #FFA238;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align: left;
	font-family: Georgia;
	font-size: 12pt;
	text-indent: 15px;
	margin-left: 15px;
	float: left;
}

a.GenericButton_Blue, p a.GenericButton_Blue
{
	background-color: #09D;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align: left;
	font-family: Georgia;
	font-size: 12pt;
	text-indent: 15px;
	float: left;
}

a.GenericButtonReversed, p a.GenericButtonReversed, span.Label a.GenericButtonReversed, span.Element a.GenericButtonReversed
{
	background-color: #FFA238;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align: right;
	font-family: Georgia;
	font-size: 12pt;
	float: left;
}

a.GenericButton_BlueReversed, p a.GenericButton_BlueReversed, span.Label a.GenericButton_BlueReversed
{
	background-color: #09D;
	display: block;
	color: #FFF;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align: right;
	font-family: Georgia;
	font-size: 12pt;
	float: left;
}

#NavigationButtonContainer
{
	position: relative;
	padding: 0px;
	margin: 0px auto;
	width: 238px;
	float: left;
}

#NavigationButtonContainer ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

#NavigationButtonContainer li
{
	float: left;
}

#NavigationButtonContainer a
{
	color: #000;
	height:50px;
	line-height:50px;
	width: 233px;
	text-decoration:none;
	font-family: Georgia;
	font-size: 11pt;
	background: #ccc url('Images/Accents/Arrow_Blk_16.gif') no-repeat 95% 55%;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#NavigationButtonContainer span
{
	margin: 0px 10px;
	float: left;
	cursor: pointer;
}

#NavigationButtonSubMenu span
{
	margin: 0px 15px;
	float: left;
	cursor: pointer;
	line-height: normal;
}

#NavigationButtonContainer a:hover, #NavigationButtonContainer a.Active
{
	color: #fff;
	background: #87B url('Images/Accents/Arrow_White_16.gif') no-repeat 93% 55%;
	display: block;
	float: left;
}

#NavigationButtonSubMenu a
{
	color: #000;
	text-decoration:none;
	font-family: Georgia;
	font-size: 9pt;
	background: #fff;
	float: left;
	border-bottom: 1px solid #ccc;
}

#NavigationButtonSubMenu a:hover
{
	color: #fff;
	text-decoration:none;
	font-family: Georgia;
	font-size: 9pt;
	background: #09d;
	float: left;
}

#NavigationButtonSubMenu a.Active
{
	color: #fff;
	text-decoration:none;
	font-family: Georgia;
	font-size: 9pt;
	background: #09d;
	float: left;
}

a:hover.Button, a:hover.ButtonReversed, a:hover.GenericButton, a:hover.GenericButtonPaddedLeft, a:hover.GenericButton_Blue, a:hover.GenericButtonReversed, a:hover.GenericButton_BlueReversed, span.Label a:hover.GenericButtonReversed
{
	background-color: #999;
}

span.Label a:hover.GenericButton, span.Element a:hover.GenericButton, span.Element a:hover.GenericButtonReversed, a:hover.GenericButton_Blue
{
	color: #fff;
	background-color: #999;
	text-decoration: none;
}

.Add
{
	background: url('Images/Accents/AddIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Apply
{
	background: url('Images/Accents/ApplyIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Arrow
{
	background: url('Images/Accents/Arrow_White_16.gif') no-repeat 90% 55%;
	display: block;
}

.ArrowReversed
{
	background: url('Images/Accents/Arrow_Left_White_16.gif') no-repeat 10% 55%;
	padding-right: 15px;
	display: block;
}

.Contact
{
	background: url('Images/Accents/ContactIcon.gif') no-repeat 90% 55%;
	display: block;
}

.Delete
{
	background: url('Images/Accents/DeleteIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Directions
{
	background: url('Images/Accents/CarIcon.gif') no-repeat 90% 55%;
	display: block;
}

.Document
{
	background: url('Images/Accents/DocumentIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Load
{
	background: url('Images/Accents/LoadIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Mail
{
	background: url('Images/Accents/MailIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Rates
{
	background: url('Images/Accents/RatesIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Save
{
	background: url('Images/Accents/SaveIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Search
{
	background: url('Images/Accents/SearchIcon.gif') no-repeat 90% 50%;
	display: block;
}

.Update
{
	background: url('Images/Accents/UpdateIcon.gif') no-repeat 90% 50%;
	display: block;
}

.DottedSeparator
{
	background-image: url('Images/Accents/horizontalDottedLine.jpg');
	background-repeat: repeat-x;
}