@charset "utf-8";

/* CSS Document */

/* ================================================================

===== BASE ======================================================== 

=================================================================== */



html,

body {

	background: #565656 url(../images/main_bg_tile.jpg) repeat-x left top;

	margin: 0;

	padding: 0;

	font: normal 12px/17px Helvetica, Arial, sans-serif;

	color: #333;

	text-align: center;

}



body p {

	margin: 0;

	padding: 0 0 10px 0;

	text-indent: 1px;

}



h1,

h2,

h3 {

	color: #6d241b;

	font-weight: bold;

	margin: 0;

}



h1 {

	font-size: 24px;

	padding: 8px 0 20px 0;

	text-transform: uppercase;

	line-height:24px;

}



h2 {

	font-size: 16px;

	padding: 0 0 10px 0;

	text-transform: capitalize;

	line-height:21px;

}



h3 {

	font-size: 14px;

	padding: 5px 0 5px 0;

	text-transform: none;

}



h4 {

	margin: 0;

	color: #333;

	font-size: 12px;

	font-weight: bold;

	padding: 7px 0 3px 0;

	text-transform: none;

}



.introText {

	font-size: 13px;

	padding-bottom: 20px;

}



a {

	color:#6d241b;

	text-decoration: none;

}



a:visited {

	color:#004080;

	outline: none;

}



a:hover {
	color:#004080;
	text-decoration: underline;
}



a img { border: 0; }



.smallFont { font-size: 11px; }



.naeName {

	color: #6d241b;

	font-weight: bold;

	font-size:14px;

}



/* ================================================================

===== Main Content Wrappers ======================================= 

=================================================================== */



#wrapA {

	width: 990px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	background: #565656 url(../images/bg_shad_tile.jpg) repeat-y left top;

}



#wrapB {

	width: 990px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

}



#shadowLeft {

	background: #565656 url(../images/bg_shad_left.jpg) repeat-x left top;

	width: 15px;

	height: 650px;

	_height: 645px;

	float: left;

}



#page {

	width: 960px;

	background-color: #fff;

	float: left;

}



#shadowRight {

	background: #565656 url(../images/bg_shad_right.jpg) repeat-x left top;

	width: 15px;

	height: 650px;

	_height: 645px;

	float: right;

}



/* ================================================================

===== Header ======================================================

=================================================================== */



#head { background: #FFF; }



#logo {

	width: 280px;

	height: 110px;

	float: left;

}



#menuBox {

	width: 597px;

	height: 110px;

	float: left;

}



#utilityBox {

	width: 675px;

	height: 23px;

	margin: 0;

	padding: 13px 5px 40px 0px;

}



#utilityNav {

	float: left;

	width: 525px;

	height: 19px;

	margin: 0;

	padding: 1px 0 0 0;

	font-size: 10px;

	text-transform: uppercase;

	color: #444;

	text-align: right;

}



#utilityNav a {

	text-decoration: none;

	color: #444;

}



#utilityNav a:visited {

	color:#333;

	outline: none;

}



#utilityNav a:hover {

	color:#000;

	text-decoration: underline;

}



#utilityNav ul {

	padding: 2px 0 0 0;

	margin: 0;

	list-style-type: none;

}



#utilityNav li {

	margin: 0;

	padding: 3px 10px;

	border-right: 1px solid #d5a53f;

	display: inline;

}



#utilityNav li.none {

	border: 0;

	padding-right: 2px;

}



#searchBox {

	float: right;

	width: 150px;

	height: 20px;

}



.searchField {

	width: 100px;

	height: 20px;

	margin: 0;


	padding: 0 0 0 3px;

	color: #666;

	border: solid 1px #d3d3d3;

}



/* ================================================================

===== Top Navigation Rollovers ==================================== 

=================================================================== */



#rollSer,

#rollMar,

#rollNew,

#rollRes 
{

	display:block;

	height:36px;

}



#rollSer {

	background: url(../images/nav_service.png) left top;

	width: 108px;

}



#rollMar {

	background: url(../images/nav_markets.png) left top;
	
	width: 108px;


}


#rollNew {

	background: url(../images/nav_news.png) left top;

	width: 108px;

}



#rollRes {

	background: url(../images/nav_resources.png) left top;

	width: 108px;

}




#rollSer:hover,

#rollMar:hover,

#rollNew:hover,

#rollRes:hover 
{

	background-position:bottom;

	color: #0C3;

}



/* Binds hover state to current page */



body#service a#rollSer,

body#market a#rollMar,

body#news a#rollNew,

body#resources a#rollRes 

{ 

background-position:bottom; 

}



/* ================================================================

===== Top Navigation Dropdowns ==================================== 

=================================================================== */



#dropdown1 {

	display: block;

	background: #88261B url(../images/dropdown_bg.jpg) repeat-x left top;

	width: 125px;

	padding: 6px 0;

	font: normal 11px Helvetica, Arial, sans-serif;

	visibility: hidden;

	z-index: 1100;

}



#dropdown1 {

	position: absolute;

	top: -800px;

	left: 900px;

}



#dropdown1 ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#dropdown1 a {

	display: block;

	padding: 6px 5px 6px 13px;

	_padding: 0 0 0 13px;

	margin: 0;

	color: #FFF;

	text-decoration: none;

}



#dropdown1 a:hover { color: #FAC45E; }


#dropdown2 {

	display: block;

	background: #88261B url(../images/dropdown_bg.jpg) repeat-x left top;

	width: 125px;

	padding: 6px 0;

	font: normal 11px Helvetica, Arial, sans-serif;

	visibility: hidden;

	z-index: 1100;

}



#dropdown2 {

	position: absolute;

	top: -800px;

	left: 900px;

}



#dropdown2 ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#dropdown2 a {

	display: block;

	padding: 6px 5px 6px 13px;

	_padding: 0 0 0 13px;

	margin: 0;

	color: #FFF;

	text-decoration: none;

}



#dropdown2 a:hover { color: #FAC45E; }




/* ================================================================

===== Home Page =================================================== 

=================================================================== */



#hpFlash {

	width: 960px;

	height: 270px;

}



#hpPromo { 

	width: 960px;
	
	padding: 0px;
	
	margin: 0px;

}



#hpPromoA {

	width: 220px;
	
	height: 180px;
	
	text-align: left;
	
	float: left;

	background: #FFF;
	
	padding:20px 0px;

	border-right-style:solid; 
	
	border-right-color:#d6d6d4; 
	
	border-right-width:thin;

}


#hpPromoB {

	width: 220px;

	height: 180px;

	padding: 20px 0px 25px 10px;
	
	text-align: left;
	
	float:left;

	background: #FFF;
	
	border-right-style:solid; 
	
	border-right-color:#d6d6d4; 
	
	border-right-width:thin;

}

#hpPromoC {
	
	width: 260px;
	
	height: 220px;

	padding: 0px 5px;
	
	text-align: left;
	
	float: left;

	background: #FFF;
	
	border-right-style:solid; 
	
	border-right-color:#d6d6d4; 
	
	border-right-width:thin;

}



#hpPromoD {
	
	float: left;
	
	background: #FFF;
	
	width: 220px;
	
	height: 180px;
	
	padding: 20px 10px 20px 0px;
	
	text-align: left;

}


#hpPromo h2 {

	color: #005291;

	font-weight: bold;

	font-size: 17px;

	margin: 0;

	padding: 0 0 8px 0;

	text-transform: uppercase;

	line-height: 19px;

}



.hph2_b {

	text-transform: none;

	font-size: 14px;

}



.btmPad { padding-bottom: 27px; }



#hpLinkBox {

	width: 141px;

	float: left;

	text-align: left;

	text-transform: uppercase;

	border-right: 1px solid #c4c4c4;

}



#hpLinks a:visited {

	color: #6d241b;

	outline: none;

}



#hpLinks a:hover { color: #004080; }



#hpLinks ul {

	padding: 0;

	margin: 0;

	color: #6d241b;

	font-weight: bold;

	font-size: 10px;

	letter-spacing : -1px;

	text-decoration: none;

	list-style-type: none;

}



#hpLinks li {

	margin: 0;

	padding: 3px 0;

	border-bottom: 1px solid #c4c4c4;

}



#hpLinks li.none {

	margin: 0;

	padding: 3px 0 0 0;

	border: 0;

}



#hpLinkBoxB {

	width: 138px;

	float: left;

	text-align: left;

	text-transform: uppercase;

}



#hpLinksB a:visited {

	color: #6d241b;

	outline: none;

}



#hpLinksB a:hover { color: #004080; }



#hpLinksB ul {

	padding: 0;

	margin: 0;

	color: #6d241b;

	font-weight: bold;

	font-size: 10px;

	letter-spacing : -1px;

	text-decoration: none;

	list-style-type: none;

}



#hpLinksB li {

	margin: 0;

	padding: 3px 0 3px 5px;

	border-bottom: 1px solid #c4c4c4;

}



#hpLinksB li.none {

	margin: 0;

	padding: 3px 0 3px 5px;

	border: 0;

}



/* ================================================================

===== Landing & Content Pages ===================================== 

=================================================================== */



#breadCrumb {

	float: left;

	margin-left: 20px;

	font: 10px Arial, Helvetica, sans-serif;

	height: 20px;

}



#breadCrumbC {

	width: 300px;

	float: left;

	font: 10px Arial, Helvetica, sans-serif;

	height: 30px;

}



#breadCrumb a {

	color: #6d241b;

	text-decoration: underline;

}



#breadCrumb a:hover {

	color: #004080;

	text-decoration: underline;

}



#lpMood {

	width: 960px;

	height: 182px;

}



#headerShadow {

	width: 960px;

	height: 12px;

}



#contentLP { background-color: #fff; }



.contentPad { padding: 0 20px 20px 20px; }



.conA {

	width: 330px;

	height: 312px;

	float: left;

}



.conB {

	width: 330px;

	height: 312px;

	float: right;

}



.imgPadBottom { margin-bottom: 10px; }



.calloutLinks {

	color: #6d241b;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



.calloutPipes {

	color: #6d241b;

}



.railTitle {

	color: #004080;

	font-weight: bold;

	font-size: 15px;

	padding: 0 0 7px 0;

	text-transform: uppercase;

	display: block;

}



.quoteCred {

	font-size: 11px;

	line-height: 13px;

	font-style: italic;

	font-weight: bold;

	text-align: right;

}



#conWrapA {
	width: 960px;
	text-align: left;
	background: #FFF url(../images/three_col_bg3.jpg) repeat-y left top;
	border-bottom-width: .5px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}



#conWrapB {
	width: 920px;
	text-align: left;
	padding: 0 20px 20px 20px;
	background: #FFF;

}



#conWrapC {

	width: 960px;

	text-align: left;

	background: #FFF url(../images/three_col_bg.jpg) repeat-y left top;

}



#main {

	width: 680px;

	padding: 0 20px 30px 20px;

	float: left;

}



#mainB { width: 920px; }



#mainC {

	padding: 20px 20px 20px 20px;

	float: left;

	width: 700px;

}



#mainCMoodPic {

	padding-bottom: 20px;

}



#padList {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 15px;

}



#faqBox { padding: 20px; }



.faqBtmBox {

	padding: 0 20px 20px 20px;

	text-align: right;

}



.faqBox a:hover,

.faqBtmBox a:hover { color: #004080 }



/* ==== Right Side Column Styling ==================== */



#rail {

	width: 240px;

	float: right;

	background: #e8e8e8;

	min-height: 360px;

}



.railBoxLong {

	padding: 8px 20px 20px 20px;

	background: #e8e8e8 url(../images/contact_rail_bg.jpg) no-repeat left top;

}



.railBoxTop {

	padding: 8px 20px 20px 20px;

	background: #e8e8e8 url(../images/railboxtop_bg.jpg) no-repeat left top;

}



.railBox {

	width: 200px;

	padding: 20px;

	background: #e8e8e8 url(../images/railbox_bg.jpg) no-repeat left top;

}



.railBox h2,

.railBoxLong h2,

.railBoxTop h2 {

	color: #004080;

	font-weight: bold;

	font-size: 15px;

	line-height: 17px;

	padding: 0 0 10px 0;

	text-transform: uppercase;

	display: block;

}



.carrotLink a:link {

	color: #333;

	text-decoration: none;

	text-transform: none;

	font-size: 12px;

	font-weight: normal;

}



.carrotLink a:visited {

	color: #333;

	text-decoration: none;

	font-size: 12px;

	font-weight: normal;

}



.carrotLink a:hover {

	color: #333;

	font-size: 12px;

	font-weight: normal;

	text-decoration: underline;

}



.contactInfo {

	padding-top: 20px;

	font-size: 13px;

}



/* ==== Fractions of Page Layout Divs ============================= */



#halfBoxLeft {
	
	width: 520px;
	
	float: left;

}



#halfBoxRight {
	
	width: 200px;
	float: right;
	padding-right:10px; 
	padding-left:10px; 
	padding-top:10px; 
	margin-left:25px; 
	border-left-style:solid; 
	border-left-color:#cccccc; 
	border-left-width:thin;
	border-bottom-style:solid; 
	border-bottom-color:#cccccc; 
	border-bottom-width:thin;
}



.quarterBoxLeft {

	width: 230px;

	float: left;

}



.quarterBoxRight {

	width: 230px;

	float: right;

}



/* ==== Resources Page - Tour List Boxes ============================= */



#tourBoxA {

	padding: 0 10px 0 0;

	margin: 0;

}



#tourBoxB {

	padding: 0 20px 0 0;

	margin: 0;

}



.tourList {

	margin: 0;

	padding: 3px 0 0 0;

	list-style: none;

	text-align: left;

}



.tourList li {

	padding: 0 0 5px 15px;

	background: url(../images/link_arrow.gif) no-repeat 0 3px;

}



/* ==== Resources Page - Accordion List Box Styling ======================= */



.accordionHeader {

	height: 28px;

	font-weight: bold;

	background-color: #f7d594;

	text-align: left;

	margin: 0px;

	padding: 8px 10px 7px 10px;

}



#accordionPadRight {

	padding: 0 10px 0 0;

	margin: 0;

}



#accordionPadLeft {

	padding: 0 0 0 10px;

	margin: 0;

}



.accordionList {

	margin: 0;

	padding: 6px 20px 0 20px;

	list-style: none;

	text-align: left;

}



.accordionList li {

	padding: 0 0 5px 15px;

	background: url(../images/link_arrow.gif) no-repeat 0 3px;

}



/*

.AccordionPanelTabC a {

	color: #333333;

}

*/



/* ==== 3 Column Layout Styling ================== */


#mainColLeft {

	width: 680px;

	padding: 0;

	background: #FFF url(../images/three_col_bg3.jpg) repeat-y left top;

}



#threeColContent {

	width: 500px;

	float: right;

}



#threeColBody {

	width: 480px;

	padding: 20px 0 0 20px;

}



.byLine {

	font-weight: bold;

	font-style: italic;

}



/* ==== Left Column Styling for Navigation ==== */



#subNavSideB {
	width: 140px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;

}

#subNavSideB ul {

	margin: 0;
	padding: 0;
	list-style: none;
	display: block;

}

#subNavSideB li {

	margin: 0;
	padding: 8px 0;
	border-bottom: solid 1px #CCC;
}

#subNavSideB li a:link, #subNavSideB li a:visited {

	color: #333;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	display: block;

}


#subNavSideB li a:link#current, #subNavSideB li a:visited#current, #subNavSideB li a:hover {
	color: #6d241b;
}

#subNavSideB li.finalItem {

	border: none;

}

#popDown ul {
	padding-left: 8px;
}

#popDown {
	
	margin-top: 5px;
}


#popDown ul li {
	
	padding-bottom: 0px;
	border-bottom-style: none;
}


.basicList {

	margin: 0;

	padding: 0 0 20px 25px;

}


/* ================================================================

===== Service & Solutions Page - Rollover Boxes ========================== 

=================================================================== */



.hotBoxHeight {

  height:100px;

}



table.hotBox a {

  display:block;

}



table.hotBox2 a {

  /*display:block;*/

}



div.innerBox {

  color: #6d241b;

	font-size: 16px;

	font-weight: bold;

	padding:0;

	text-align: left;

	vertical-align: middle;

	/*display: block;*/

}



div.hotBox {

  color: #6d241b;

	font-size: 16px;

	font-weight: bold;

	padding:0;

	text-align: left;

	vertical-align: middle;

	display: block;

}



div.hotBoxInner {
	height:100%;
	width:205px;
	padding:0 0 0 93px;

}



div.boxInner {

   height:100%;

   width:315px;

   padding: 10px;

}



div.blurb {
	font-size:12px;
	line-height:14px;
	color: #636363;
	font-weight: normal;
	display:block;
	width: 200px;
	padding-left:1px;

}



div.hotBox p {

	padding:0px 0px 4px 0px;

}



div.hotBox a:link {

	color: #6d241b;

}



div.hotBox a:active {

color: #6d241b;



}



div.hotBox a:visited {

color: #6d241b;



}



div.hotBox a:hover {

color: #004080;

border:1px solid #c9c9c9;

}



.hotBoxOff

{

    border:1px solid #e6e6e6;

    cursor:pointer;

}



.hotBoxOff2

{

    border:1px solid #e6e6e6;

   /* cursor:pointer;*/

}



.hotBoxOn

{

   border:1px solid #c9c9c9;

   cursor:pointer;

   color:#004080;

   

}



/* =====================================================================

===== Small Rollover Boxes for online/om_dmo.html and similar pages ====

========================================================================= */



.hotBoxSmHeight {

  height:100px;

}



table.hotBoxSm a {

  display:block;

}



div.hotBoxSm {

  color: #6d241b;

	font-size: 16px;

	font-weight: bold;

	padding:0;

	text-align: left;

	vertical-align: middle;

	display: block;

}



div.hotBoxSmInner {

   height:100%;

   width:233px;

   padding:0 0 0 10px;

}



div.blurbSm { 

	font-size:12px; 

	line-height:14px; 

	color: #636363; 

	font-weight: normal; 

	display:block;

	width: 225px;

	padding-left:1px;

}



div.hotBoxSm p {

	padding-bottom: 4px;

}



div.hotBoxSm a:link {

	color: #6d241b;

}



div.hotBoxSm a:active {

color: #6d241b;

}



div.hotBoxSm a:visited {

color: #6d241b;

}



div.hotBoxSm a:hover {

color: #004080;

border:1px solid #c9c9c9;

}



.hotBoxSmOff

{

    border:1px solid #e6e6e6;

    cursor:pointer;

}

.hotBoxSmOn

{

   border:1px solid #c9c9c9;

   cursor:pointer;

   color:#004080;  

}



/* ====================================================================

===== Blue Bar Navigation for online/om_dmo.html and similar pages ====

======================================================================= */



#blueBarThreeCol {

	display: block;

	height: 50px; /*62px*/

	background: #7daad4 url(../images/blue_bar_three_col.jpg) no-repeat left top;	

}



#blueBarTwoCol {

	display: block;

	height: 50px; /*62px*/

	background: #7daad4 url(../images/blue_bar_two_col.jpg) no-repeat left top;	

}



.blueBar {

	color: #fff;

}



.blueBar h2 {

	color: #fff;

	padding: 2px 0 0 15px;

	margin: 0;

	text-transform: uppercase;

}



.blueBarNav a:link, .blueBarNav a:visited {

	font-size: 11px;

	font-weight: bold;

	color: #fff;

	border: none;

	height: 27px;

	display: block;

	padding: 17px 0 6px 8px;

}



.blueBarNav a:hover, .blueBarNav a:link#current, .blueBarNav a:visited#current {

	border-bottom: solid 6px #fff;

	padding-bottom: 0;

	

}



/* ==== DetailBoxes ================== */



.detailBoxA {

	padding: 20px 0;

	margin: 0;

	border-top: 1px solid #ccc;

}



.detailBox_no_border {

	padding: 10px 0 20px 0;

	margin: 0;

}



/* ================================================================

===== Footer ====================================================== 

=================================================================== */



#foot {

	background: #565656 url(../images/footer_bg.jpg) repeat-x left top;

	width: 990px;

}



#footA {

	width: 930px;

	height: 35px;

	padding: 14px 35px 0 25px;

	margin: 0;

	float: left;

}



.footNavA {

	float: left;

	width: 475px;

	margin: 0;

	padding: 2px 0 0 0;

	color: #fff;

	text-transform: uppercase;

	font-size: 10px;

	text-align: left;

}



.footNavA a:link {

	text-decoration: none;

	color: #fff;

}



.footNavA a:visited {

	color:#fff;

	outline: none;

}



.footNavA a:hover {

	color:#fff;

	text-decoration: underline;

}



.footNavA ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.footNavA li {

	margin: 0;

	padding: 3px 10px;

	border-right: 1px solid #b89089;

	display: inline;

}



.footNavA li.none { border: 0; }



.footSubA {

	float: right;

	width: 380px;

	margin: 0;

	padding: 0;

	color: #fff;

	text-transform: uppercase;

	font-size: 10px;

	text-align: right;

}



.hangRight {

	float: right;

	padding-left: 10px;

}



.hangLeft {

	float: left;

	padding-top: 2px;

}



.emailField {

	width: 122px;

	height: 20px;

	margin: 0;

	padding: 0;

	color: #fff;

	border: solid 1px #8e5347;

	background-color: #a4675a;

}



#footB {

	padding: 5px 15px;

	width: 960px;

	height: 25px;

	float: right;

}



.footNavB {

	float: right;

	margin: 0;

	padding: 0;

	color: #fff;

	font-size: 10px;

	text-align: right;

}



.footNavB a {

	text-decoration: none;

	color: #fff;

}



.footNavB a:visited {

	color:#fff;

	outline: none;

}



.footNavB a:hover {

	color:#fff;

	text-decoration: underline;

}



.footNavB ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.footNavB ul li {

	margin: 0;

	padding: 3px 10px;

	border-right: 1px solid #a3a3a3;

	display: inline;

}



.footNavB ul li.none { 

border: 0;

padding-right: 0;

}

#footer { clear: both; font-size: 10px; color: white; width: 940px;}
	#footer-block { color: white; }
	#footer-block h6 { font-size: 10px; margin: 20px 0 6px 0;}
	#footer-block h6:first-child { font-size: 10px; margin: 0 0 6px;}

			#footer-seo-links { float: left; width: 607px; padding: 15px 13px 15px 25px;}

			#footer-seo-text { float: right; width: 295px; padding-top: 15px;}

			#footer-seo-links ul { float: left; display: inline; padding-left: 0; margin: 0;}
			#footer-seo-links li.top { float: left; display: inline; width: 150px;}
			#footer-seo-links li ul { padding: 0; margin: 0; list-style-type: none; list-style-position: outside;}
			#footer-seo-links li ul li { padding: 0; list-style-type: none; list-style-position: outside;}
			#footer-seo-links h6 { margin-top: 0;}
			#footer-seo-links a { color: white;}


/* ================================================================

========= Common Styling and Form Fields ==========================

=================================================================== */



.right { float: right; }



.left { float: left; }



.floatLeft {

	margin: 5px 5px 0 5px;

	float: left;

}



.floatRight {

	margin: 5px 0 5px 5px;

	float: right;

}



.clear { clear: both; }



.btmTwenty { padding-bottom: 20px; }



.topTwenty { padding-top: 20px; }



.hide,

.print { display: none; }



.note {

	font-size: 10px;

	color: #333;

}



.fieldLong,

.fieldArea {

	height: 18px;

	margin: 0;

	padding: 0 0 0 3px;

	color: #666;

}



.fieldLong {
	width: 130px;
}



.fieldSmall { width: 20px; }



.fieldMedium {
	width: 50px;
}



.fieldMLong {
	width: 130px;
}



.listShort {
	width: 125px;
}



.listLong { width: 200px; }



radialBtn {

	padding: 0;

	margin: 0;

}



.fieldBig {
	width: 180px;
	height: 100px;

}



.checkBox {

	width: 12px;

	height: 12px;

	border: solid 1px #636363;

	margin: 0;

	padding: 0;

}

.testimonial {
	
	width: 620px;
	float: left;
	margin: 15px 0 30px 0;
	background:url(../images/quote_right.png) no-repeat right top;
	background-color:#CCC;
}

.testimonial2 {
	
	width: 620px;
	float: left;
	margin: 15px 0 30px 0;
	background:url(../images/quote_right.png) no-repeat right top;
}
	

.left-quote {
	
	float:left;
	background:url(../images/quote_left.png) no-repeat top;
	width: 68px;
	height: 77px;
}

.testi-text {
	
	float:left;
	text-align:justify;
	width:470px;
	padding-right:65px;
	padding-left:10px;
	margin-top:20px;
	
}

.testi-pic {
	float:left;
	width:77px;
	height:104px;
	margin-left:10px;
	display:inline;
}

.testi-name {
	float:left;
	padding:20px 0 0 15px;
}

/* ================================================================

===== Small Button Rollovers ========================== 

=================================================================== */



/* ==== Submit Buttons ==================== */



a#rollSubmitRed,

a#rollSubmitWhite {

	display:block;

	width: 60px;

	height:22px;

}



a#rollSubmitRed { background: url(../images/btn_submit.gif) left top; }



a#rollSubmitWhite { background: url(../images/btn_submit.gif) left bottom; }



a#rollSubmitRed:hover { background-position: left bottom; }



a#rollSubmitWhite:hover { background-position: left top; }



a#rollSubmitRed span { display: none; }



/* ==== Get Started Button ==================== */



a#rollGetStarted {

	display:block;

	width: 100px;

	height:23px;

}



a#rollGetStarted { background: url(../images/btn_get_started.gif) left top; }



a#rollGetStarted:hover { background-position:bottom; }



/* ==== Learn More Button ==================== */



a#rollLearnMore {

	display:block;

	width:98px;

	height:23px;

}



a#rollLearnMore { background: url(../images/btn_learn_more.gif) left top; }



a#rollLearnMore:hover { background-position:bottom; }



/* ==== Go Button ==================== */



a#rollGo {

	display:block;

	width:36px;

	height:22px;

}



a#rollGo { background: url(../images/btn_go.gif) left top; }



a#rollGo:hover { background-position: left bottom; }



a#rollGo span { display: none; }



/* ==== Member Login Button ==================== */



a#rollMemberLogin {

	display:block;

	width:110px;

	height:23px;

}



a#rollMemberLogin { background: url(../images/btn_member_login.gif) left top; }



a#rollMemberLogin:hover { background-position:bottom; }





/* ==== Customer Login Button ==================== */



a#rollCustomerLogin {

	display:block;

	width: 75px;

	height:23px;

}



a#rollCustomerLogin { background: url(../images/btn_login.jpg) left top; }



a#rollCustomerLogin:hover { background-position:bottom; }


/* ==== Apply Today Button ==================== */



a#rollApplyToday {

	display:block;

	width:95px;

	height:23px;

}



a#rollApplyToday { background: url(../images/apply_today.png) left top; }



a#rollApplyToday:hover { background-position:bottom; }

#printMsg {
	display:none;
}

#printHead {
	display:none;
}

/*  ==========This is for the combined resources pages of the service areas=========== */
#navlist {
	float: left;
	width: 520px;
	text-align: center;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
#navlist ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
#navlist ul li {
	display: inline;
	list-style-type: none;
}
#navlist ul li a {
	text-decoration: none;
	background-color: #FFF;
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 16px;
}
#navlist ul li a:hover {
	background-color: #CCC;
}
#infoBar {
	text-align: center;
	height: 45px;
	width: 960px;
	font-style: italic;
	text-transform: none;
	color: #6D241B;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #d1d2d4;
}
.resources {
	list-style-type: disc;
}
.resources li {
	margin-bottom: 5px;
	padding-bottom: 5px;
}