@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;	
/*	background-image: url(images/bg.gif);
	background-repeat: repeat;*/
}
/*//////////////////
// BANNERS /////////
//////////////////*/
#banner {
	width: 970px;
	height: 121px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
/*//////////////////
// CONTAINERS /////
//////////////////*/
#container-in {
	width: 970px;
	margin: 0px;
	padding: 0px;	
	
}
#container-out {
	padding: 0px;
	margin:0px;
	width: 100%;
}
/*///////////
// CONTENT //
///////////*/
#content {
	margin: 0px;
	padding: 6px;
}
#content p {
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	padding: 8px;
	margin: 8px;
}


.content-pgraph {
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	padding: 8px;
	margin: 8px;
}
.content-pgraph a:link {
	color: #000000;
	text-decoration: none;
}
.content-pgraph a:visited {
	color: #000000;
	text-decoration: none;
}
.content-pgraph a:hover {
	color: #000000;
	text-decoration: none;
}
.content-pgraph a:active {
	color: #000000;
	text-decoration: none;
}


#content-container {
	width: 970px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(images/content_span.gif);
	background-repeat: repeat-y;
	clear: both;
}
#content-container-bottom {
	width: 947px;
	height: 25px;
	margin: 0px 0px 0px 11px;
	padding: 0px;
	clear: both;
	background-image: url(images/content-container-bottom.gif);
	background-repeat: no-repeat;
}
#content-left {
	width: 206px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content-left-menu {
	width: 180px;
	/*background-color: #ffe066;*/
	margin: 0px 0px 0px 20px;
	padding: 4px 4px 0px 4px;
	font-weight: bold;
	font-size: 13px;
}
#content-left-foot {
	width: 188px;
	height: 9px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	background-image: url(images/menu_left_foot.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	display: block;
}
#content-left-state-select {
	padding: 0px;
	margin: 10px 0px 0px 20px;
}
#content-left-menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#content-left-menu ul li {
	margin: 4px 0px 4px 0px;
	padding: 3px 0px 3px 15px;
	width: 165px;
	background-image: url(images/menuleft_back.jpg);
	background-repeat: no-repeat;
}
#content-left-menu ul li a {
	width: 165px;
	color: #000000;
	text-decoration: none;
	display: block;	
}
#content-left-menu ul li a:hover {
	color: #FF0000;
}
#content-left-title {
	width: 196px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #ffffff;
	font-size: 17px;
	font-weight: bold;
}
#content-right {
	width: 742px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	float: right;
	display: inline;
/*	background-image: url(images/content_span.gif);
	background-repeat: repeat-y;*/	
}
#content-fix {/* fixes div overflow problem if applicable */
	padding: 1px; 
	margin: 0px; 
	width: 970px; 
	display: block; 
	clear: both;
}
/*//////////////////
// FOOTER //////////
//////////////////*/
#footer {
	width: 970px;
	height: 27px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
	text-align: center;
	background-image: url(images/footer_back.gif);
	background-repeat: no-repeat;
}
#footer a:link,
#footer a:visited {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/*//////////////////
// MENUTOP /////////
//////////////////*/
#menutop {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position: relative;
	z-index: 10;
	width: 970px;
	height: 27px;
	background: url(images/menutop.gif) no-repeat;
	float: left;
	clear: both;
}

#menutop ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#menutop ul li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
}

#menutop ul li a {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	color: #000000;
/*	overflow: hidden;
	text-indent: -9999px;*/
	text-decoration: none;
	height: 27px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#menutop a:hover {
	background: url(images/menutop.gif) no-repeat;
	padding: 0px;
	margin: 0px;
}

#menutop-home a {
	padding-left: 26px;
	width: 209px;
	left: 0px;
}

#menutop #menutop-home a:hover {
	background-position: -0px -27px;
}

#menutop-why a {
	width: 183px;
	/*width: 105px;*/
	left: 209px;
}
#menutop #menutop-why a:hover {
	background-position: -209px -27px;
}

#menutop-how a {
	width: 183px;
	left: 392px;
	/*left: 214px;*/
}
#menutop #menutop-how a:hover {
	background-position: -392px -27px;
}
#menutop-get-started a {
	width: 183px;
	/*left: 425px;*/
	left: 575px;
}
#menutop #menutop-get-started a:hover {
	background-position: -575px -27px;
}

#menutop-ask-expert a {
	width: 209px;
	left: 758px;
	padding-right: 26px;
	/*left: 585px;*/
}
#menutop #menutop-ask-expert a:hover {
	background-position: -758px -27px;
}
/* end menu */
/*//////////////////////
// PAGEHEAD CONTAINER //
//////////////////////*/
#pagehead-container {
	width: 742px;
	height: 56px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/pagehead_back.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#pagehead-container-left {
	width: 543px;
	height: 56px;
	float: left;
}
#pagehead-container-top {
	height: 28px;
	padding: 0px;
	margin: 0px;
	display: block;
	clear: both;
}
#pagehead-container-bottom {
	height: 28px;
	padding: 0px;
	margin: 0px;
	clear: both;
}
#pagehead-container-bottom h1,
#pagehead-container-bottom h1 a {
	margin: 6px 0px 0px 8px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;	
	color: #000000;
	text-decoration: none;
}
#pagehead-container-phone {
	width: 197px;
	font-weight: bold;
	font-size: 24px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
	float: right;
	background-color: #ffffff;
	/*border-right: 1px solid #e3e3e3;*/
}

#citylist-li {
/*	padding: 0px 0px 10px 180px;*/

}
.citylist-li-left,  .citylist-li-right {
	display: inline;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 10px 20px;
}
.citylist-li-left {
	margin: 0px 0px 10px 30px;
}
.citylist-li-left a:link, .citylist-li-left a:visited,  .citylist-li-right a:link, .citylist-li-right a:visited {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.citylist-li-left a:hover,  .citylist-li-right a:hover {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}
.citylist-li-left a:active,  .citylist-li-right a:active {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#citylist-span {/* fixes div overflow problem if applicable */
	padding: 1px;
	margin: 0px;
	width: 469px;
	display: block;
	clear: both
}
#cloud-menu {
	font-size: 11px;
	margin: 0px 0px 4px 0px;
}
#cloud-menu a:link,  #cloud-menu a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#cloud-menu a:hover {
	text-decoration: none;
	color: #c31e1e;
	font-weight: bold;
}
#cloud-menu a:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}



/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.contactForm
{
	background-image:	url(images/form-bg.gif);
	background-repeat:	no-repeat;
	margin-left:		5px;
	padding-top:		100px;
	height:			403px;
	width:			385px;
}

.formField
{
	float:			left;
	font-family:		tahoma,arial,sans;
	font-size:		8pt;
	font-weight:		bold;
	margin-left:		35px;
	margin-right:		15px;
	margin-top:		4px;
	text-align:		right;
	width:			100px;
}

.formValue
{
	text-align:		left;
	margin-top:		4px;
}

.formSubmit
{
	float:			right;
	margin-right:		29px;
	margin-top:		15px;
}

#link-cloud {
	padding: 8px 32px 8px 32px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background-image: url(images/span_content.gif);
	background-repeat: repeat-y;
	font-size: 13px;
}
#link-cloud a:link,  #link-cloud a:visited {
	text-decoration: none;
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	clear: both;
}
#link-cloud a:hover {
	text-decoration: none;
	color: #c31e1e;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	clear: both;
}
#link-cloud a:active {
	text-decoration: none;
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	clear: both;
}
#link-cloud-nw-title {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
#link-cloud h1 {
	display: inline;
}
#link-cloud-bottom-text {
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 10px 32px
}
.rateChartContainer
{
	border-color:	black;
	border-style:	solid;
	border-width:	1px;
	float:			right;
	width:		425px;
}

.rateChart
{
	background-color:	#ececec;
	clear:		both;
	width:		425px;
}

.rateChartHeader
{
	background-color:	#ffe066;
	border-color:	black;
	border-style:	solid;
	border-width:	0px 0px 1px 0px;
	font-weight:	bold;
	width:		425px;
}

.rateChartName
{
	border-color:	black;
	border-style:	solid;
	border-width:	0px 1px 0px 0px;
	float:			left;
	font-weight:	bold;
	padding-left:	3px;
	padding-right:	3px;
	width: 200px;
}

.rateChartRate
{
	border-color:	black;
	border-style:	solid;
	border-width:	0px 1px 0px 0px;
	float:			left;
	padding-left:	3px;
	padding-right:	3px;
	width:	50px;
}

.rateChartPoints
{
	border-color:	black;
	border-style:	solid;
	border-width:	0px 1px 0px 0px;
	float:			left;
	padding-left:	3px;
	padding-right:	3px;
	width:	50px;
}

.rateChartApr
{
	border-color:	black;
	border-style:	solid;
	border-width:	0px 1px 0px 0px;
	float:			left;
	padding-left:	3px;
	padding-right:	3px;
	width:	50px;
}

.rateChartChange
{
	float:			left;
	padding-left:	3px;
	padding-right:	3px;
	width:	75px;
}

#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 2px solid black;
	padding: 2px;
	background-color: #ffe57e;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


#phone-head em {
	font-weight: bold;
	font-size: 16px;
}
#phone-head a {
	text-decoration: none;
	color: #000000;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
#phone-list p,  #phone-list p ul,  #phone-list p ul li,  .phone-nums {
	font-weight: bold;
	font-size: 16px;
	margin-top: 0px;
	padding-top: 0px;
}
#phone-list p {
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#phone-list li {
	margin-left: 0px;
	font-weight: bold;
}
#phone-list li a:link,  #phone-list li a:visited {
	color: #CC0000;
	text-decoration: none;
}
#phone-list li a:hover {
	color: #CC0000;
	text-decoration: underline;
}