@charset "utf-8";



body,td,th 

	{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	margin:0px;

	padding:0px;

	}



body 

	{

	/*background-image:url(../IMAGES/backgroundGradient.gif);

	background-repeat:repeat-x;

	background-position:top;

	height:193px;*/

	background-color:#FFF;

	}



.headers

	{

	font-size:14px;

	font-weight:bold;

	color:#0033CC;

	}



.headers2

	{

	font-size:14px;

	font-weight:bold;

	color:#990000;

	}



.headers3

	{

	font-size:18px;

	color: #990000;

	}



.h1{

	font-size:14px;

	font-weight:bold;

	color:#0033CC;

	}

	

.h2{

	font-size:14px;

	font-weight:bold;

	color:#0033CC;

	}



.h3{

	font-size:16px;

	color: #006600;

	font-weight:bold;

	}

	

a:link {

-moz-user-select: none;

	color: #0066FF;

	text-decoration: none;

	font-weight:bold;

}

a:visited {

	text-decoration: none;

	color: #999999;

	font-weight:bold;

	-moz-user-select: none;

}

a:hover {

	text-decoration: underline;

	color: #CC6600;

	font-weight:bold;

	-moz-user-select: none;

}

a:active {

	text-decoration: none;

	color: #0066FF;

	font-weight:bold;

	-moz-user-select: none;

}



/* ======== PAGE WRAPPER =========== */

#wrapper

	{

	margin:0 auto 0 auto;

	height:100%;

	}



/* =============== New Styles for Home page redo ================= */

.menuContainer

	{

	margin:0 auto 0 auto;

	width:820px;

	}

	

.menuSystem

	{

	float:left;

	clear:both;

	width:100%;

	height:30px;

	text-align:left;

	margin:0 0 0 2px;

	}



/* ====================== MENU STSYEM STYLES ================================ */

.menu-left

	{

	background:url(../IMAGES/menu-left.gif) top left no-repeat;

	height:30px;

	width:20px;

	float:left;

	clear:right;

	}

.menu-middle

	{

	background:url(../IMAGES/menu-middle.gif) top left repeat-x;

	height:30px;

	width:780px;

	float:left;

	clear:right;

	}

.menu-right

	{

	background:url(../IMAGES/menu-right.gif) top right no-repeat;

	height:30px;

	width:20px;

	float:left;

	clear:right;

	}







/* =================================== container code ===========================================*/



.logoContainer

	{

	width:1024px;

	}

	

.logo1

	{

	width:376px;

	height:123px;

	float:left;

	clear:right;

	text-align:left;

/*	background-image: url(../IMAGES/logo1.gif);*/

	}



.logo2

	{

	width:266px;

	height:50px;

	float:left;

	clear:right;

	text-align:left;

	padding:82px 0px 0px 0px;

	margin-left:55px;

	}

.logo3

	{

	width:225px;

	height:50px;

	float:left;

	clear:right;

	text-align:left;

	padding:40px 0px 0px 100px;

	}

	

.quoteHeaderLogo

	{

	padding-top:15px;

	width:800px;

	}



.pageHeaderContainer

	{

	font-family: "Trebuchet MS";

	font-size:20px;

	font-weight:bolder;

	color: #000000;

	text-align:left;

	float:left;

	clear:right;

	padding:10px 0px 0px 0px;

	margin:0 auto 0 auto;

	letter-spacing:-1;

	height:34px;

	width:auto;

	}



.formSubheader

	{

	color: #333333;

	font-size:16px;

	font-weight:bold;

	display:block;

	padding-top:4px;

	}





.headerContainer

	{

	width:1024px;

	float:none;

	clear:both;

	text-align:left;

	}



.header1 

	{

	width:307px; /* max is 1024px */

	height:280px;

	float:left;

	clear:both;

	background-image:url(../IMAGES/formBackground.gif);

	background-repeat:no-repeat;

	margin:0 auto 20px auto;

	padding:0 0 0 165px;

	}



.header2 

	{

	width:552px; /* max is1024px */

	height:280px;

	float:left;

	clear:right;

	padding:0px;

/*	background:url(../IMAGES/topRight.jpg) no-repeat 0 0;*/

	}







.header_thanks1 /* left header for the thanks page */

	{

	width:472px; /* max is1024px */

	height:324px;

	float:left;

	clear:both;

	background-image:url(../IMAGES/header_thanks1.gif);

	background-repeat:no-repeat;

	}

	

.quoteForm

	{

	display:inline;

	text-align:left;

	padding: 18px 0px 0px 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

	float:left;

	clear:both;

	width:550px;

	}



/* =================================  BOTTOM CONTAINER ============================================*/	

.bottom

	{

	margin:0 auto 0 auto;

	width:815px;

	height:100%;

	clear:both;

	}

	

.newContent

	{

	float:left;

	clear:right;

	width:555px;

	height:100%;

	}

.newContent2

	{

	float:left;

	clear:right;

	width:260px;

	height:100%;

	background:none;

	margin-bottom:20px;

	}	

	

.index-right-box

	{

	width:240px;

	float:left;

	clear:both;



	padding:0 0 0 20px;

	}

.index-right-box-top

	{

	width:240px;

	float:left;

	clear:both;

	height:148px;

	background:url(../IMAGES/index-right-box-top.jpg) 0 0 no-repeat;

	}

.index-right-box-middle

	{

	width:210px;

	float:left;

	clear:both;

	padding:10px 15px 0 15px;

	background:url(../IMAGES/index-right-box-middle.gif) top left repeat-y;

	}	

.index-right-box-bottom

	{

	width:240px;

	float:left;

	clear:both;

	height:18px;

	background:url(../IMAGES/index-right-box-bottom.gif) 0 0 no-repeat;

	}	







.bottomSubPages

	{

	width:775px;

	float:left;

	padding:15px 0px 15px 125px;

	}





/* ==================================== leftBottom ==================================================== */



.leftBottom

	{

	float:left;

	clear:right;

	width:410px;

	}

/* =================================== rightPanels for the index page ================================== */





.rightPanels

	{

	float:left;

	clear:right;

	padding:0px 0px 0px 2px;

	width:420px;

	}

	

.rightPanelsBox

	{

	float:left;

	clear:both;

	padding-bottom:15px;

	}

	

.rightPanels1

	{

	float:left;

	clear:both;

	width:405px;

	height:54px;

	background-image:url(../IMAGES/rightPanels1.gif);

	}

.rightPanels2

	{

	float:left;

	clear:both;

	width:385px; /* max is 405px */

	height:auto;

	padding:5px 10px 0px 10px;

	background-image:url(../IMAGES/rightPanels2.gif);

	}

.rightPanels3

	{

	float:left;

	clear:both;

	width:405px;

	height:10px;

	background-image:url(../IMAGES/rightPanels3.gif);

	}



.rightPanelsTitles

	{

	padding:13px 0px 0px 45px;

	height:auto;

	width:auto;

	color: #000000;

	font-size:14px;

	font-weight:bold;

	}



.rightPanelsTitles a

	{

	color: #000000;

	font-size:14px;

	font-weight:bold;

	}

/* ================================ tab content list style ========================================*/



.tabList

	{

	line-height:20px;

	text-align:left;

	height: auto;

	list-style-image:url(../IMAGES/icon_checkmark.gif);

	list-style-type:none;

	font-size:13px;

	font-weight:bold;

	color: #333333;

/*	vertical-align:middle;

	padding:10px 10px 10px 10px;

	display: block;

	list-style-position:outside; */

	}



.h1tabs, .h1tabs span, .h1tabs h1

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#000000;

	letter-spacing:-1px;

	display:inline;

	}

	

	

	

	

	

/* ================================FORM VALIDATION CSS CODE ========================================*/



.formLabels

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color:#333333;

	float:left;

	clear:right;

	width:84px;

	padding-top:3px;

	}

	

	



.inputContainer

	{

	float:left;

	padding:4px 0px 10px 0px;

	clear:both;

	width:auto;

	}

/* form field settings */



.inputStyle

	{

	background-color:#FFF;

	font-size:15px;

	font-weight:normal;

	color: #333;

	float:left;

	clear:right;

	width:185px;

	

	}

.inputField	

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	float:left;

	clear:none;

	width:auto;

	}



.inputField input

	{

	width:400px;

	}

	

.inputSubmit

	{

	padding:5px 0px 0px 55px;

	float:left;

	clear:right;

	margin:0px;

	}



/* ==================================== default for input label name code =============== this is for the first part of the form ========== */

.inputLabelLoanPurpose, .inputLabelLoanAmount, .inputLabelCredit

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-align:left;

	padding:2px 0px 2px 0px;

	float:left;

	clear:both;

	width:265px;

	color: #000000;

	}

	

/* ====================================== image validation code ========================================== */

.inputLabelLoanPurposeWrong, .inputLabelLoanAmountWrong, .inputLabelCreditWrong

	{

	float:left;

	clear:right;

	width:16px;

	height:16px;

	padding:2px 0px 2px 6px;

	display:none;

	}



.inputLabelLoanPurposeCorrect, .inputLabelLoanAmountCorrect, .inputLabelCreditCorrect

	{

	float:left;

	clear:right;

	width:16px;

	height:16px;

		padding:2px 0px 2px 6px;

	display:none;

	}



/* ========================================defaualt input label for the second page ==== this is for the second part of the form ==================== */



.inputWrapper

	{

	float:left;

	clear:right;

	width:225px;

	line-height:12px;

	}



.inputLabelState, .inputLabelHomeType, .inputLabelHomeValue, .inputLabelCurrentBalance, .inputLabelCurrentRate, .inputLabelSecondMortgage, .inputLabelSecondMortgageRate, .inputLabelFirstName, .inputLabelLastName, .inputLabelDayPhone, .inputLabelEvePhone, .inputLabelBestTime, .inputLabelEmail, .inputLabelAddress, .inputLabelCity, .inputLabelZip, .inputLabelLoanPurpose2, .inputLabelLoanAmount2, .inputLabelCredit2, .inputLabelSalesID

	{

	text-align:right;

	float:left;

	clear:right;

	padding-top:10px;

	width:35%;

	padding-right:5px;

	height:22px;

	border-bottom:  #999999 1px dotted;

	}

	

.inputLabelStateWrong, .inputLabelHomeTypeWrong, .inputLabelHomeValueWrong, .inputLabelCurrentBalanceWrong, .inputLabelCurrentRateWrong, .inputLabelFirstNameWrong, .inputLabelLastNameWrong, .inputLabelDayPhoneWrong, .inputLabelEvePhoneWrong, .inputLabelBestTimeWrong, .inputLabelEmailWrong, .inputLabelAddressWrong, .inputLabelCityWrong, .inputLabelZipWrong, .inputLabelLoanPurpose2Wrong, .inputLabelLoanAmount2Wrong, .inputLabelCredit2Wrong, .inputLabelSalesIDWrong

	{

	float:left;

	clear:right;

	width:16px;

	height:16px;

	padding:3px;

	display:none;

	}

.inputLabelStateCorrect, .inputLabelHomeTypeCorrect, .inputLabelHomeValueCorrect, .inputLabelCurrentBalanceCorrect, .inputLabelCurrentRateCorrect, .inputLabelFirstNameCorrect, .inputLabelLastNameCorrect, .inputLabelDayPhoneCorrect, .inputLabelEvePhoneCorrect, .inputLabelBestTimeCorrect, .inputLabelEmailCorrect, .inputLabelAddressCorrect, .inputLabelCityCorrect, .inputLabelZipCorrect, .inputLabelLoanPurpose2Correct, .inputLabelLoanAmount2Correct, .inputLabelCredit2Correct, .inputLabelSalesIDCorrect

	{

	float:left;

	clear:right;

	width:16px;

	height:16px;

	padding:3px;

	display:none;

	}





/* FORM VALIDATION CSS CODE **************************************************************************/





/* ---- focus highlight effect for form fields -------*/



*:focus {

	-moz-outline: 2px #85BAFC solid !important;

	-moz-outline-offset: 1px !important;

	-moz-outline-radius: 5px !important;

}

textarea:focus, button:focus, select:focus, input:focus {

	-moz-outline-offset: -1px !important;

}

input[type="radio"]:focus {

	-moz-outline-radius: 12px !important;

	-moz-outline-offset: 0px !important;

}

a:focus {

	-moz-outline: 0px #85BAFC solid !important;

}

input[type="image"]:focus {

	-moz-outline: 0px #85BAFC solid !important;

}





/* =================================================== FOOTER =================================================================*/



/* === special container to align the footer on the quote page === */

.quoteFooterContainer

	{

	padding:0;

	margin:0;

	}



.footer

	{

	margin:20px auto 0px auto;

	width:819px;

	height:177px;

	float:left;

	clear:both;

	background-image:url(../IMAGES/footer.gif);

	background-position:top left;

	background-repeat:no-repeat;

	padding:0px 0px 12px 30px;

	}



.footer2 /* hold copyright shit */

	{

	margin:0px auto 10px auto;

	width:819px;

	height:auto;

	float:left;

	clear:both;

	padding:3px 5px 3px 5px;

	border-bottom:#666666 dotted 1px;

	text-align:center;

	}



.footer2 a

	{

    font-size:10px;

    text-decoration:none;

	padding:3px 5px 3px 5px;

    color: #666666;

   	cursor:pointer;

	}



.footer2 a:visited

	{

    font-size:10px;

    text-decoration:underline;

	padding:3px 5px 3px 5px;

    color: #CC7062 ;

   	cursor:pointer;

	}

		

.footer2 a:hover

	{

	padding:3px 5px 3px 5px;

   	color: #FFFFFF;

	 background-color:#2c539d;

	}



.footer3 /* hold copyright shit */

	{

	margin:0px auto 10px auto;

	width:819px;

	height:auto;

	float:left;

	clear:both;

	padding:3px 5px 3px 5px;

	border-bottom:#666666 dotted 1px;

	text-align:center;

	}



.footerColumn

	{

	text-align:left;

	width:180px;

	float:left;

	clear:right;

	font-size:11px;

	color:#999999;

	padding:25px 0px 0px 15px;

	font-size:12px;

	font-weight:bold;

	color:#333333;

	}

	

.footerColumn a:link

	{

    font-size:10px;

    text-decoration:none;

    color: #666666;

   	cursor:pointer;

	}



.footerColumn a:visited

	{

    font-size:10px;

    text-decoration:underline;

    color: #CC7062 ;

   	cursor:pointer;

	}

		

.footerColumn a:hover

	{

	border-bottom:2px solid #333;

   	 color: #FFFFFF;

	 background-color:#2c539d;

	 padding:3px;

	}



/* ==================================   footer for the quote page =================================*/

.quoteFooter

	{

	text-align:center;

	margin:50px 0px 10px 350px;

	width:450px;

	float:left;

	clear:both;

	font-size:10px;

	color:#999999;

	}



.quoteFooter2 /* revised footer to hold the footer include on the quote page */

	{

	text-align:center;

	margin:50px 0px 10px 200px;

	width:450px;

	float:left;

	clear:both;

	font-size:10px;

	color:#999999;

	}



.quoteFooter a:link

	{

	margin:0 3px 0 0;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

    font-size:11px;

    text-decoration:none;

    font-weight:bold;

    color:#565656;

   	cursor:pointer;

   	padding:5px 10px 6px 7px; /* Links */

	}



.quoteFooter a:visited

	{

	margin:0 3px 0 0;

    border-bottom:2px solid #dedede;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

    font-size:11px;

    text-decoration:none;

    font-weight:bold;

    color: #CCCCCC;

   	cursor:pointer;

   	padding:5px 10px 6px 7px; /* Links */

	}

		

.quoteFooter a:hover

	{

	border-bottom:2px solid #336699;

   	 color:#336699;

	}

		

.quoteFooter a:active

	{

    background-color:#6299c5;

    border-bottom:2px solid #336699;

    color:#fff;

	}



/* =======================================QUOTE FORM CSS CODE =======================================*/



.mainBody

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:800px;

	float:none;

	}



.quoteLeft

	{

	float:left;

	clear:right;

	width:350px;

	}

	

.quoteRight

	{

	text-align:left;

	float:left;

	clear:right;

	width:450px;

	}



/* quoteLeft code*/

.quoteBox

	{

	width:325px;

	text-align:left;

	padding:10px 0px 0px 25px;

	float:left;

	clear:both;

	}



.quoteBox2

	{

	width:325px;

	font-size:11px;

	text-align:left;

	float:left;

	clear:both;

	}



.quoteCheckmark

	{

	float:left;

	clear:right;

	padding:6px 0px 6px 0px ;

	}



.quoteReason

	{

	width:250px;

	font-size:12px;

	font-weight:bold;

	float:left;

	clear:right;

	height:28px;

	padding:8px 2px 8px 10px;

	border-bottom: #CCCCCC 1px dotted;

	}



/* quoteRight code */

.quote1

	{

	margin-top:10px;

	background-image:url(../IMAGES/quote1.gif);

	height:22px;

	width:450px;

	}



.quote2

	{

	padding:0px 10px 0px 10px;

	background-image:url(../IMAGES/quote2.gif);

	width:430px;

	}



.quote3

	{

	background-image:url(../IMAGES/quote3.gif);

	height:22px;

	width:450px;

	}



.formContainer /* container for all the form fields*/

	{

	width:430px;

	height:750px;

	text-align:left;	

	font-size:11px;

	}



.formContainer2 /* container for all the form fields for the LO input page*/

	{

	width:430px;

	height:915px;

	text-align:left;	

	font-size:11px;

	}



.quoteRow

	{

	width:430px;

	float:left;

	clear:both;

	}

.quoteTitleRow

	{

	font-size:12px;

	margin:5px 0px 5px 0px;

	padding:10px;

	float:left;

	clear:both;

	width:95%;

	height:50px;

	background-color: #e4e4e4;

	}

.quoteDividerRow

	{

	margin:5px 0px 5px 0px;

	padding:0px;

	float:left;

	clear:both;

	width:100%;

	height:10px;

	background-color: #e4e4e4;

	}



.quoteFormLabelRow

	{

/*	font-weight:bold;*/

	text-align:right;

	float:left;

	clear:right;

	padding-top:10px;

	width:35%;

	padding-right:5px;

	height:22px;

	border-bottom:  #999999 1px dotted;

	}



.quoteFormInputRow1

	{

	float:left;

	clear:right;

	width:60%;

	padding:4px 2px 4px 8px;

	height:24px;

	background-color: #E9EFF3;

	border-bottom:  #999999 1px dotted;

	}



.quoteFormInputRow2

	{

	float:left;

	clear:right;

	width:60%;

	padding:4px 2px 4px 8px;

	height:24px;

	background-color:#F7F7F7;

	border-bottom: #999999 1px dotted;

	}

	

.quoteFormInputRow3

	{

	float:left;

	clear:right;

	width:60%;

	padding:20px 2px 50px 155px;

	height:24px;

	}



.switchContentDIV

	{

	margin-top:25px;

	font-size:11px;

	color:#666666;

	border-bottom:#999999 1px dotted;

	text-align:center;

	}



.quotePopup1

	{

	background-image:url(../IMAGES/quotePopup1.gif);

	background-repeat:no-repeat;

	width:250px;

	height:15px;

	}

	

.quotePopup2

	{

	background-image:url(../IMAGES/quotePopup2.gif);

	width:250px;

	}



.quotePopup3

	{

	background-image:url(../IMAGES/quotePopup3.gif);

	background-repeat:no-repeat;

	width:250px;

	height:12px;

	}



/* ==================================== THANKS PAGE ===========================================*/



.thanksHeader1

	{

	margin-left:96px;

	width:832px;

	height:347px;

	float€:left;

	clear:both;

	background-image:url(../IMAGES/thankYouBackground.jpg);

	background-repeat:no-repeat;

	}



	

/* ==================================== Links Index ===========================================*/



.links

	{

	padding:4px 0px 0px 150px;

	color:#FFFFFF;

	}



.links a

	{

	color:#FFFFFF;

	text-decoration:none;

	padding:0px 4px 0px 4px;

	}

	

.links a:hover

	{

	color: #0066FF;

	background-color:#FFF;

	padding:4px;

	}



/* ========================================= gauranteeIcon ======================================= */



.gauranteeIcon

	{

	float:left;

	clear:right;

	width:400px;

	height:150px;

	margin:9px 0px 27px 0px;

	color: #000000;

	font-size:12px;

	}



/* ============================================== BUTTON CODE =============================================== */



.btn-container

	{

	float:left;

	clear:right;

	padding:10px 0;

	}



/* ============================== GRAY BUTTONS ========================= */

a.GraySquareButton

	{

	background: transparent url('../IMAGES/square-gray-left.gif') no-repeat top left;

	display: block;

	float: left;

	font: bold 12px Arial; /* Change 12px as desired */

	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

	height: 23px; /* Height of button background height */

	padding-left: 9px; /* Width of left menu image */

	text-decoration: none;

	}



a:link.GraySquareButton, a:visited.GraySquareButton, a:active.GraySquareButton

	{

	color: #494949; /*button text color*/

	text-decoration:none;

	}



a.GraySquareButton span

	{

	background: transparent url('../IMAGES/square-gray-right.gif') no-repeat top right;

	display: block;

	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

	}



a.GraySquareButton:hover /* Hover state CSS */

	{ 

	background-position: bottom left;

	}



a.GraySquareButton:hover span /* Hover state CSS */

	{ 

	background-position: bottom right;

	color: black;

	}



/* ============================== ORANGE BUTTONS ========================= */

a.OrangeSquareButton

	{

	background: transparent url('../IMAGES/square-orange-left.gif') no-repeat top left;

	display: block;

	float: left;

	font: bold 12px Arial; /* Change 12px as desired */

	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

	height: 23px; /* Height of button background height */

	padding-left: 9px; /* Width of left menu image */

	text-decoration: none;

	}



a:link.OrangeSquareButton, a:visited.OrangeSquareButton, a:active.OrangeSquareButton

	{

	color: #494949; /*button text color*/

	text-decoration:none;

	}



a.OrangeSquareButton span

	{

	background: transparent url('../IMAGES/square-orange-right.gif') no-repeat top right;

	display: block;

	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

	}



a.OrangeSquareButton:hover /* Hover state CSS */

	{ 

	background-position: bottom left;

	}



a.OrangeSquareButton:hover span /* Hover state CSS */

	{ 

	background-position: bottom right;

	color: black;

	}

	

/* ============================== BLUE BUTTONS ================================ */

a.BlueSquareButton

	{

	background: transparent url('../IMAGES/square-blue-left.gif') no-repeat top left;

	display: block;

	float: left;

	font: bold 12px Arial; /* Change 12px as desired */

	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

	height: 23px; /* Height of button background height */

	padding-left: 9px; /* Width of left menu image */

	text-decoration: none;

	}



a:link.BlueSquareButton, a:visited.BlueSquareButton, a:active.BlueSquareButton

	{

	color: #494949; /*button text color*/

	text-decoration:none;

	}



a.BlueSquareButton span

	{

	background: transparent url('../IMAGES/square-blue-right.gif') no-repeat top right;

	display: block;

	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

	}



a.BlueSquareButton:hover /* Hover state CSS */

	{ 

	background-position: bottom left;

	}



a.BlueSquareButton:hover span /* Hover state CSS */

	{ 

	background-position: bottom right;

	color: black;

	}

	

/* ============================== RED BUTTONS ====================================== */

a.RedSquareButton

	{

	background: transparent url('../IMAGES/square-red-left.gif') no-repeat top left;

	display: block;

	float: left;

	font: bold 12px Arial; /* Change 12px as desired */

	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

	height: 23px; /* Height of button background height */

	padding-left: 9px; /* Width of left menu image */

	text-decoration: none;

	}



a:link.RedSquareButton, a:visited.RedSquareButton, a:active.RedSquareButton

	{

	color: #494949; /*button text color*/

	text-decoration:none;

	}



a.RedSquareButton span

	{

	background: transparent url('../IMAGES/square-red-right.gif') no-repeat top right;

	display: block;

	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

	}



a.RedSquareButton:hover /* Hover state CSS */

	{ 

	background-position: bottom left;

	}



a.RedSquareButton:hover span /* Hover state CSS */

	{ 

	background-position: bottom right;

	color: black;

	}

	

/* ============================== GREEN BUTTONS ==================================== */

a.GreenSquareButton

	{

	background: transparent url('../IMAGES/square-green-left.gif') no-repeat top left;

	display: block;

	float: right;

	font: bold 12px Arial; /* Change 12px as desired */

	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

	height: 23px; /* Height of button background height */

	padding-left: 9px; /* Width of left menu image */

	text-decoration: none;

	}



a:link.GreenSquareButton, a:visited.GreenSquareButton, a:active.GreenSquareButton

	{

	color: #494949; /*button text color*/

	text-decoration:none;

	}



a.GreenSquareButton span

	{

	background: transparent url('../IMAGES/square-green-right.gif') no-repeat top right;

	display: block;

	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

	}



a.GreenSquareButton:hover /* Hover state CSS */

	{ 

	background-position: bottom left;

	}



a.GreenSquareButton:hover span /* Hover state CSS */

	{ 

	background-position: bottom right;

	color: black;

	}

	

	

/* ===================== Bottom 3 panels on index page ====================== */	



.bottom-modules

	{

	float:left;

	clear:both;

	width:100%;

	margin:20px auto 0 auto;

	}

.bottom-mod

	{

	float:left;

	clear:right;

	width:262px;



	}

	

.bottom-mod-top1

	{

	float:left;

	clear:both;

	width:262px;

	height:30px;

	background:url(../IMAGES/bottom-mod-top1.gif) top left no-repeat;

	}

.bottom-mod-top2

	{

	float:left;

	clear:both;

	width:262px;

	height:30px;

	background:url(../IMAGES/bottom-mod-top2.gif) top left no-repeat;

	}

.bottom-mod-top3

	{

	float:left;

	clear:both;

	width:262px;

	height:30px;

	background:url(../IMAGES/bottom-mod-top3.gif) top left no-repeat;

	}

.bottom-mod-middle

	{

	float:left;

	clear:both;

	width:242px; 

	height:130px;

	padding:5px 10px 5px 10px;

	background-image:url(../IMAGES/bottom-mod-middle.gif);

	text-align:left;

	}

.bottom-mod-bottom

	{

	float:left;

	clear:both;

	width:262px;

	height:10px;

	background-image:url(../IMAGES/bottom-mod-bottom.gif);

	}



.bottom-mod-title

	{

	padding:13px 0px 0px 10px;

	display:block;

	height:auto;

	width:auto;

	color: #000000;

	font-size:14px;

	font-weight:bold;

	text-align:left;

	letter-spacing:-.5px;

	}



.bottom-mod-top1 a, .bottom-mod-top2 a, .bottom-mod-top3 a

	{

	color: #000000;

	font-size:14px;

	font-weight:bold;

	letter-spacing:-.050em;

	}

/* Added by SEO Inc */

#h1-img, .linkContent{clear:both;margin:0 auto;width:815px}

#h1-img h1, #h1-img span{float:left; margin:4px 0 0 0; font-size:20px;font-weight:bold;}

.style1 {

	color: #000000;

	font-size: 30px;

}

.style2 {font-family: "Times New Roman", Times, serif}

.nobi{font-style:normal; font-weight:normal;}

#seo-content p {text-align:justify;}

#seo-content h2 .nobi {font-weight:bold;}

#button-pos div{float:left;margin:0 10px;}

#list-states{width:507px;}

#list-states div{float:left; margin:0 40px}

#list-states div a{display:block; margin:10px 0}