/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* 
======================
STYLES FOR ALL PAGES 
======================
*/


/* Main Wrapper */
#Uber{
	width:957px;
}


/* logo / nav / search wrapper */
#Header{
	padding:0 0 0 11px;
	width:946px;
}
 * html #Header{
 width:957px;/*for ie5.x win */
 w\idth:946px;/*for ie6*/
 }


/*float logo left */
#Header img{
	float:left;
}
/*Nav / Search Form wrapper */
#Header #headerActions{
	width:496px;
	padding:60px 0 8px 0;
	border-bottom:#990033 7px solid;
	float:left;
	display:inline;
	margin-left:10px;
}


/* Nav Wrapper */
#Header #headerActions #Links{
	width:270px;
	padding:4px 0 0 20px;
	float:left;
}
 * html #Header #headerActions #Links{
 width:290px;/*for ie5.x win */
 w\idth:270px;/*for ie6*/
 }

#Header #headerActions #Links a{
	padding:0px 2px 0 2px;
}

#Header #headerActions Form{
	width:200px;
	text-align:right;
	float:right;
}
/*search textfield formatting*/
#Header #headerActions #searchField{
	width:166px;
	margin-bottom:3px;
}
/*iamge button formatting*/
#Header #headerActions #submitButton{
	padding-left:5px;
}



/*Footer styles*/
#Footer{
	float:right;
	width:948px;
	margin-left:9px;
	margin-top:10px;
}
 * html #Footer{
 width:957px;/*for ie5.x win */
 w\idth:948px;/*for ie6*/
 }


#Footer p{
	font-size:11px;
	padding:5px 0 0px 0;
}
#Footer #Copyright{
	float:left;
	width:600px;
}
#Footer #FooterLinks{
	float:left;
	width:600px;
	padding-bottom:10px;
}
#Footer #eSolution{
	float:right;
	padding-right:10px;
	
}


/* Generic classes*/
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}



/* 
===========================
STYLES FOR HOMEPAGE ONLY 
===========================
*/



/* Intro Section (left image w/ text box)*/
#homepageIntro{
	width:669px;
	height:278px;
	margin-left:11px;
	border-top:#71706A 1px solid;
	border-right:#71706A 1px solid;
	border-left:#71706A 1px solid;
	clear:left;
	float:left;
	display:inline;
}
 * html #homepageIntro{
 width:671px;/*for ie5.x win */
 w\idth:669px;/*for ie6*/
 }


/*Floating text area styles*/
#homepageIntro #introText{
	width:300px;
	position:absolute;
	left: 53px;
	top: 248px;
}
#homepageIntro #introText img{
	margin-bottom: 10px;
}
#homepageIntro #introText p{
	color:#FFFFFF;
}

/* Did you know section (right image with absolute text area)*/
#homepageRight{
	border-top:#71706A 1px solid;
	border-right:#71706A 1px solid;
	float:left;
}

/*absolute section*/
#homepageRight #rightText{
	width:240px;
	position:absolute;
	left: 703px;
	top: 125px;
}
/*header image*/
#homepageRight #rightText img{
	margin-bottom:8px;
}

/* About Gore Mutual box*/
#homepageBottomBoxWide{
	margin:1px 0px 0px 2px;
	padding-right:1px;
	clear:left;
	float:left;
	display:inline;
	width: 231px;
}
 * html #homepageBottomBoxWide{
	width:232px;/*for ie5.x win */
 	w\idth:231px;/*for ie6*/
 }


/* About Gore Mutual box - content area*/
#homepageBottomBoxWide .contentBox{
	border-bottom:#71706A 1px solid;
	border-left:#71706A 1px solid;
	padding:15px;
	width:191px;
	margin-left:8px;
	height:106px;
	overflow:hidden;
}
 * html #homepageBottomBoxWide .contentBox{
	width:222px;/*for ie5.x win */
 	w\idth:191px;/*for ie6*/
 }

/* generic bottom box*/
.homepageBottomBox{
	margin:1px 1px 0 0px;display:inline;
	float:left;
	width: 223px;
}

/* generic bottom box content area*/
.homepageBottomBox .contentBox{
	border-left:#71706A 1px solid;
	border-bottom:#71706A 1px solid;
	padding:15px;
	width:192px;
	margin:0;
	height:106px;
	overflow:hidden;
}
 * html .homepageBottomBox .contentBox{
	width:223px;/*for ie5.x win */
 	w\idth:192px;/*for ie6*/
 }

/* pad the top of the Lear More button */
.LearnMore {
	margin-top:10px;
}
.LearnMore a{
	display: block;width: 195px; height: 40px; margin: 0; padding: 0;
	background:url(/en/images/btn_LearnMoreRO.jpg) 0 0 no-repeat; text-decoration: none;
}
.LearnMore a:hover {
	background-position: 0px -40px;text-decoration: none;
}

/* Broker content area styles*/
#homepageBroker{
	float:left;
	margin-top:1px;
}


/*
Broker rollover
*/
#BrokerDoor a {
	 display: block;width: 268px; height: 85px; margin: 0; padding: 0; float: left;
	background:url(/en/images/btn_FindABrokerRO.jpg) 0 0 no-repeat; text-decoration: none; 
}
#BrokerDoor a:hover {
	background-position: 0px -85px; text-decoration: none; 
}


/* content wrapper */
#BrokerContent{
	clear:left;
	float:left;
	width:226px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	border-right:#71706A 1px solid;
	border-bottom:#71706A 1px solid;
	border-left:#71706A 1px solid;
	height:71px;
	overflow:hidden;
}
 * html #BrokerContent{
	width:268px;/*for ie5.x win */
 	w\idth:226px;/*for ie6*/
 }
 
#BrokerContent a{
	display:block;
	padding:3px 0 0px 0;
	clear:left;
	float:left;
	width:110px;
}
/*broker tools image*/
#BrokerContent #BrokerTools{
	margin-top:9px;
}


/* 
================================
STYLES FOR CONTENT PAGES ONLY 
================================
*/

#MainNav{
	margin-left:3px;
	float:left;
	display:inline;
	width:946px;
	height:48px;
	background:url(/images/bg_interiorTop.gif) no-repeat;
	border-right:#71706A 1px solid;
	padding-bottom:7px;
}
 * html #MainNav{
 width:947px;/*for ie5.x win */
 w\idth:946px;/*for ie6*/
 }


/* interior content wrapper */
#interiorContent{
	margin-left:11px;
	padding:0px 0 0px 0;
	display:inline;
	clear:left;float:left;
	width:937px;
	border-right:#71706A 1px solid;
	border-bottom:#71706A 1px solid;
	border-left:#71706A 1px solid;
	background:url(/images/bg_interiorRepeat.gif) repeat-y;
	/*
	background:url(/images/buildingGrey.jpg) no-repeat;
	*/
}

/* section background Images */
#sectionA{
	float:left;
	background: url(/images/buildingGrey.jpg) no-repeat;
}
#sectionB{
	float:left;
	background: url(/images/left_banner_leaves.jpg) no-repeat;
}
#sectionC{
	float:left;
	background: url(/images/left_banner_rollodex.jpg) no-repeat;
}
#sectionD{
	float:left;
	background: url(/images/left_banner_leaves.jpg) no-repeat;
}

 * html #interiorContent{
 width:939px;/*for ie5.x win */
 w\idth:937px;/*for ie6*/
 }

/* left content wrapper */
#leftContent{
	width:222px;
	float:left;
	position:relative;
	min-height:397px;
	
}
* html #leftContent{height:397px;}

/* nav wrapper */
#leftNav{
	margin-top:122px;
	width:222px;
	background:url(/images/bg_backgroundAlpha.png);
	padding:18px 0;
	float:left;
}

/*ie 6 png fix*/
#leftNav { behavior: url(/styles/iepngfix.htc) }
/* UL link styles*/
#leftNav ul{padding:0; margin:0; list-style-type:none; width:222px; position:relative;float:left;}
#leftNav li{float:left; width:222px}
#leftNav ul li a{display:block;width:179px; padding:5px 20px 5px 23px; font-weight:bold; color:#FFFFFF; position:relative}


/*right content header*/
#interiorHeader{
	float:left; 
	padding:0 0 0 1px;
	margin:0;
}
/* right content wrapper */
#rightContent{
	padding:15px 21px 15px 21px;
	width:673px;
	float:left;
}


/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* CSS NAVIGATION STYLES */


/*Sliding Doors*/

#Nav1 a{
	display: block;width: 232px; height: 40px; margin: 8px 0 0 0; padding: 0; float:left;
	background:url(/en/images/btn_NavAbout.gif) 0 0 no-repeat; text-decoration: none;
}
#Nav1 a:hover, #Nav1on a {
	background-position: 0px -40px;text-decoration: none;
}


#Nav2 a{
	display: block;width: 224px; height: 40px; margin: 8px 0 0 0; padding: 0;float:left;
	background:url(/en/images/btn_NavInsuranceProducts.gif) 0 0 no-repeat; text-decoration: none;
}
#Nav2 a:hover, #Nav1on a {
	background-position: 0px -40px;text-decoration: none;
}

#Nav3 a{
	display: block;width: 222px; height: 40px; margin: 8px 0 0 0; padding: 0;float:left;
	background:url(/en/images/btn_NavConsumerAssistance.gif) 0 0 no-repeat; text-decoration: none;
}
#Nav3 a:hover, #Nav1on a {
	background-position: 0px -40px;text-decoration: none;
}

#Nav4 a{
	display: block;width: 268px; height: 47px; margin: 1px 0 0 0; padding: 0;float:left;
	background:url(/en/images/btn_NavFindABroker.gif) 0 0 no-repeat; text-decoration: none;
}
#Nav4 a:hover, #Nav1on a {
	background-position: 0px -47px;text-decoration: none;
}


/* ----- end template ----- */