/* SUTHERLAND INSURANCE STYLES 2008 */

/* 
COLOURS

	Brown		#cccc9a
	Green		#3c6f4c
	Rouge		#7c0603
*/
 
body {
	background: #FFF; 
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px; 
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: #cccc9a;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

.Clear { clear: both; } /* clears all floats; apply to empty divs */

/*==========================
GLOBALS
==========================*/

/*All Links*/
 a {color:#7c0603; text-decoration:underline;}
 a:link {color:#7c0603; text-decoration:underline;}
 a:hover {color:#666666; text-decoration:none;}
 a:active {color:#7c0603; text-decoration:underline;}
 
 ul {
 	line-height: 28px;
	list-style:url(../../Images/list_arrow.gif);
	font-variant: small-caps;
	font-family:Times;
	font-size:14px;
	font-weight: normal;
 }
 
 #listers {
 	line-height: 18px;
	list-style:url(../../Images/list_arrow.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-variant:normal;
 }
 
  .listers {
 	line-height: 18px;
	list-style:url(../../Images/list_arrow.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	font-variant:normal;
 }


/*==========================
STRUCTURE - HOMEPAGE
==========================*/

/*Container*/
#Container {
	width: 900px;
	background: #FFFFFF url(../../Images/container_bg.gif) left top repeat-y;
	margin: auto;
	/*height: 600px;*/ /*TESTING*/
}

	#Container .inner {
		background:#FFFFFF url(../../Images/container_inner.jpg) top left no-repeat ;
		min-height: 477px;
		width: 888px;
		margin-left: 6px;
		margin-right: 6px;
	}

/*Left Nav*/
#LeftNav {
	float:left;
	position: relative;
	width: 143px;
	padding-left: 5px;
	padding-top: 5px;
	z-index:2;
}

/*Centre Content*/
#Content {
	float:left;
	position:relative;
	width: 520px;
	/*padding: 5px;*/
}
	#Content .text {
		text-align: left;
		padding-top: 10px;
		padding-left: 21px;
		padding-right: 21px;
	}
	
		#Content .left {
		float:left;
		position:relative;
		background:#FFFFFF url(../../Images/column_bg.jpg) top left no-repeat;
		/*height: 200px;*/
		width: 210px;	
		padding-top: 40px;
		padding-left: 11px;
		padding-right: 11px;
		padding-bottom: 15px;
		}
	
		#Content .right{
		float:right;
		position:relative;
		background-color:#009966;
		/*height: 200px;*/
		background:#FFFFFF url(../../Images/column_bg2.jpg) top left no-repeat;	
		width: 210px;
		padding-top: 40px;
		padding-left: 11px;
		padding-right: 11px;
		padding-bottom: 15px;
		}

/*Right Nav*/
#RightNav {
	float:right;
	position: relative;
	width: 167px;
	padding:10px 22px 0 5px;
}

/*Head*/
/*Head Click*/
a#Head{display: block; background:url(../../Images/menu/header_pic.jpg); width:900px; height:160px;}
a#Head span { position: absolute; left: -9999px; }
a#Head:hover {}

/*Head Image*/
#Header {
	background: #cccc9a url(../../Images/header_pic.jpg) bottom left no-repeat;
	height: 143px;
	width: 900px;
}

/*Footer*/
#Footer {
	background: #FFFFFF url(../../Images/footer.jpg) top left no-repeat;
	height:49px;
	font: 80%/150% Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
}
	#Footer .left {
		position: relative;
		float:left;
		top: 14px;
		left: 15px;
	}
	
	#Footer .right {
		position:relative;
		float:right;
		top: 14px;
		right: 25px;
	}
	
#Footer a {color:#FFFFFF; text-decoration:underline;}
#Footer a:link {color:#FFFFFF; text-decoration:underline;}
#Footer a:hover {color:#7c0603; text-decoration:none;}


/*==========================
STRUCTURE - CONTENT PAGES
==========================*/

#Container .inner2 {
	background: url(../../Images/container_inner2.jpg) top left no-repeat ;
	min-height: 477px;
	width: 888px;
	margin-left: 6px;
	margin-right: 6px;
}

#ContentFull {

	float:left;
	/*position:relative;*/
	width: 700px;
	padding: 5px;
}
	#ContentFull .text {
		text-align: left;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 10px;
	}

#Quotes {
	background:url(../../Images/column_bg3.jpg) top left no-repeat;
	font-variant: small-caps;
	font-family:Times;
	font-size:14px;
	font-weight: normal;
	line-height: 22px;
	margin-top: 1px;
	padding-bottom: 2px;
	padding-top: 1px;
	width: 100%;
	list-style:url(../../Images/list_arrow.gif);
	/*padding-left: -15px;*/
}

.leftFull {
	position: relative;
	float:left;
	left: 100px;

}

.rightFull {
	position: relative;
	float:right;
	right: 100px;
}

.rightTool {
	float:right;
	padding-top: 10px;
}

/*==========================
BUTTON ROLLOVERS
==========================*/

/*Home Button*/
a#Home {display: block; background:url(../../Images/menu/btn_home.gif); width:161px; height:38px;}
a#Home span {display:none;}
a#Home:hover {background:url(../../Images/menu/btn_home_over.gif);}

/*About Button*/
a#About{display: block; background:url(../../Images/menu/btn_about.gif); width:161px; height:38px;}
a#About span {display:none;}
a#About:hover {background:url(../../Images/menu/btn_about_over.gif);}

/*Quotes Button*/
a#Quote{display: block; background:url(../../Images/menu/btn_onlinequote.gif); width:161px; height:35px;}
a#Quote span {display:none;}
a#Quote:hover {background:url(../../Images/menu/btn_onlinequote_over.gif);}

/*Products & Services Button*/
a#Products{display: block; background: url(../../Images/menu/btn_prodserv.gif); width:161px; height:38px;}
a#Products span {display:none;}
a#Products:hover {background:url(../../Images/menu/btn_prodserv_over.gif);}

/*Claims*/
a#Claims{display: block; background: url(../../Images/menu/btn_claims.gif); width:161px; height:38px;}
a#Claims span {display:none;}
a#Claims:hover {background:url(../../Images/menu/btn_claims_over.gif);}

/*Policy Changes*/
a#Policy{display: block; background: url(../../Images/menu/btn_policy.gif); width:161px; height:38px;}
a#Policy span {display:none;}
a#Policy:hover {background:url(../../Images/menu/btn_policy_over.gif);}

/*Testimonials*/
a#Testimonials{display: block; background: url(../../Images/menu/btn_testimonials.gif); width:161px; height:38px;}
a#Testimonials span {display:none;}
a#Testimonials:hover {background:url(../../Images/menu/btn_testimonials_over.gif);}

/*FAQs*/
a#FAQ{display: block; background: url(../../Images/menu/btn_faqs.gif); width:161px; height:38px;}
a#FAQ span {display:none;}
a#FAQ:hover {background:url(../../Images/menu/btn_faqs_over.gif);}

/*Insurance Buzz*/
a#Buzz{display: block; background: url(../../Images/menu/btn_buzz.gif); width:161px; height:38px;}
a#Buzz span {display:none;}
a#Buzz:hover {background:url(../../Images/menu/btn_buzz_over.gif);}

/*eNews*/
a#eNews{display: block; background: url(../../Images/menu/btn_enews.gif); width:161px; height:38px;}
a#eNews span {display:none;}
a#eNews:hover {background:url(../../Images/menu/btn_enews_over.gif);}

/*Careers*/
a#Careers{display: block; background: url(../../Images/menu/btn_careers.gif); width:161px; height:38px;}
a#Careers span {display:none;}
a#Careers:hover {background:url(../../Images/menu/btn_careers_over.gif);}

/*Contact Us*/
a#Contact{display: block; background: url(../../Images/menu/btn_contact.gif); width:161px; height:38px;}
a#Contact span {display:none;}
a#Contact:hover {background:url(../../Images/menu/btn_contact_over.gif);}

/*Right Side*/

/*Automobile*/
a#Auto{display: block; background: url(../../Images/right/right_auto.gif); width:182px; height:29px;}
a#Auto span {display:none;}
a#Auto:hover {background:url(../../Images/right/right_auto_over.gif);}

/*Collector Cars*/
a#Collector{display: block; background: url(../../Images/right/right_collector.gif); width:182px; height:29px;}
a#Collector span {display:none;}
a#Collector:hover {background:url(../../Images/right/right_collector_over.gif);}

/*Motocycle*/
a#Moto{display: block; background: url(../../Images/right/right_moto.gif); width:182px; height:29px;}
a#Moto span {display:none;}
a#Moto:hover {background:url(../../Images/right/right_moto_over.gif);}

/*Home*/
a#HomeIns{display: block; background: url(../../Images/right/right_home.gif); width:182px; height:26px;}
a#HomeIns span {display:none;}
a#HomeIns:hover {background:url(../../Images/right/right_home_over.gif);}

/*Commercial*/
a#Commercial{display: block; background: url(../../Images/right/right_commercial.gif); width:182px; height:29px;}
a#Commercial span {display:none;}
a#Commercial:hover {background:url(../../Images/right/right_commercial_over.gif);}

/*Student Housing*/
a#StudentHousing{display: block; background: url(../../Images/right/right_shousing.gif); width:182px; height:29px;}
a#StudentHousing span {display:none;}
a#StudentHousing:hover {background:url(../../Images/right/right_shousing_over.gif);}

/*Life*/
a#Life{display: block; background: url(../../Images/right/right_life.gif); width:182px; height:24px;}
a#Life span {display:none;}
a#Life:hover {background:url(../../Images/right/right_life_over.gif);}

/*DentalHealth*/
a#DentalHealth{display: block; background: url(../../Images/right/right_dental.gif); width:182px; height:29px;}
a#DentalHealth span {display:none;}
a#DentalHealth:hover {background:url(../../Images/right/right_dental_over.gif);}

/*Travel*/
a#Travel{display: block; background: url(../../Images/right/right_travel.gif); width:182px; height:29px;}
a#Travel span {display:none;}
a#Travel:hover {background:url(../../Images/right/right_travel_over.gif);}

/*Student Accident*/
a#StudentAccident {display: block; background: url(../../Images/right/right_student.gif); width:182px; height:29px;}
a#StudentAccident span {display:none;}
a#StudentAccident:hover {background:url(../../Images/right/right_student_over.gif);}

/*CLAIMS - auto*/
a#autoClaim {display: block; background:url(../../Images/auto_claims.gif); width:275px; height:28px;}
a#autoClaim span {display:none;}
a#autoClaim:hover {background:url(../../Images/auto_claims_over.gif);}

/*CLAIMS - Property*/
a#propertyClaim {display: block; background:url(../../Images/property_claims.gif); width:181px; height:31px;}
a#propertyClaim span {display:none;}
a#propertyClaim:hover {background:url(../../Images/property_claims_over.gif);}

/*CLAIMS - student*/
a#studentClaim {display: block; background:url(../../Images/student_claims.gif); width:181px; height:29px;}
a#studentClaim span {display:none;}
a#studentClaim:hover {background:url(../../Images/student_claims_over.gif);}

/*POLICY - address change*/
a#policyAddresschange {display: block; background: url(../../Images/policy_addresschange.gif); width: 198px; height:28px;}
a#policyAddresschange span {display:none;}
a#policyAddresschange:hover {background:url(../../Images/policy_addresschange_over.gif);}

/*POLICY - add a vehicle*/
a#policyAddvehicle {display: block; background: url(../../Images/policy_addvehicle.gif); width: 198px; height:31px;}
a#policyAddvehicle  span {display:none;}
a#policyAddvehicle :hover {background:url(../../Images/policy_addvehicle_over.gif);}

/*POLICY - delete coverage*/
a#policyDeletecoverage {display: block; background: url(../../Images/policy_deletecoverage.gif); width: 198px; height:29px;}
a#policyDeletecoverage span {display:none;}
a#policyDeletecoverage:hover {background:url(../../Images/policy_deletecoverage_over.gif);}

/*POLICY - replace a vehicle*/
a#policyReplace {display: block; background: url(../../Images/policy_replacevehicle.gif); width: 198px; height:31px;}
a#policyReplace span {display:none;}
a#policyReplace:hover {background:url(../../Images/policy_replacevehicle_over.gif);}

/*POLICY - Change use of a vehicle*/
a#policyChangeuse {display: block; background: url(../../Images/policy_changeuse.gif); width: 198px; height:27px;}
a#policyChangeuse span {display:none;}
a#policyChangeuse:hover {background:url(../../Images/policy_changeuse_over.gif);}



/*============================
MENU DROP-OUTS
============================*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	width: 150px;
}

#nav li ul {
	position: absolute;
	background:url(../../Images/column_bg3.jpg) left top no-repeat #FFF;
	left: -999em;
	margin-left: 110px;
	margin-top: -30px;
	width: 150px;
	padding: 4px;
	border: #666666 1px solid;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}



/*==========================
VARIOUS TEXT STYLES
==========================*/

h1 {
	background-positon: left top;
	background-repeat: no-repeat;
	/*height: 38px;*/
	width: 500px;
	font-size:20px;
	}
	h1.HeaderImg {
		height: 110px;
		margin: 0;
		/*width: 686px;*/
		width:682px;
		}
	h1 span {
		position: absolute;
		left: -9999px;
	}
h2 {
	font-size: 12px;
	color: #3c6f4c;
/*	height: 20px;*/
	margin: 0px;
	line-height:normal;
}

.BoldGreenCaps {
	font-size: 15px;
	color: #3c6f4c;
	margin: 0px;
	font-weight:bold;
	font-variant:small-caps;
	text-transform:lowercase;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BoldGrey {
	font-size: 12px;
	color: #666666;
	height: 20px;
	margin: 0px;
	font-weight:bold;
}

.redBold {
	color: #7c0603;
	font-variant:small-caps;
	text-transform:lowercase;
	font-weight:bold;
	font-size: 16px;
}

.note {font-size:10px; color:#999999;}

.Required{
    color: #F00;
}

.backgroundHighlight {
	background: url(../../Images/column_bg4.jpg) top left repeat-x;
	padding: 7px;
}


/*==========================
CONTROL & FORM STYLES
==========================*/
.InputControl{
}

.Form {
	width: 100%;
	margin-left: 0px;
	/*border:1px #E1E1E1 solid;*/
	padding: 5px;
}
.Label{
    width: 50%;
    text-align: left;
}

.LabelTitle{
    width: 50%;
    text-align: left;
	color: #7c0603;
	font-size:16px;
	font-variant:small-caps;
	border-bottom: #7c0603 1px solid;
	line-height: 10px;
	font-weight:bold;
}

.SingleWidth{
/*	color: #FFFFFF;*/
	border: #3c6f4c 1px solid;
}
.DoubleWidth{
	width: 100%;
	color: #000000;
	border: #3c6f4c 1px solid;
}

.Alt{
	background-color:#e5e5cc;
}

.ButtonStyle {
	background-color:#7c0603;
	border: #000000 1px solid;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px;
	cursor:pointer;
}

#CalendarPopup_Policy2 {
	background-color: #000000;	
}

/*====================
Image Fader
====================*/

#imageContainer {
	position:relative;
	height: 237px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/*==================
CALENDAR STYLES
===================*/

.MonthHeaderStyle{
color: #FFFFFF;
font-weight: bold;
background-color:#7c0603;
}

.TodayDayStyle {
background-color:#7c0603;
color:#FFFFFF;
}




/*==================
RKD LINK
===================*/

#rkd {
	color:#666666;
	font-size:10px;
	margin: auto;
}

#rkd a {color:#666666; text-decoration:underline;}	
#rkd a:link {color:#666666; text-decoration:underline;}	
#rkd a:hover {color:#666666; text-decoration:none;}	
#rkd a:active {color:#666666; text-decoration:underline;}	

/*==================
Hide Class for JS
===================*/

.hide {visibility:hidden;}

/*==================
Temp
===================*/
.SatLink {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-left: -9999px;
	}

.fbquote-table {
	background:url(../../Images/container_inner2.jpg) top left no-repeat;
	width:500px;
	font-size:10px;
	text-align:center;}
	
	.fbquote-table h3 {color:#646060;}