@import url("global.css");
@import url("chf.css");

/* =================================================================
 default.css

 Description: Styles for internal page layouts
================================================================= */
body {
	position:relative;
	color:#333;
	font:normal 80%/200% Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#fff;
}
	body.main {
		background:#fff url(../images/bg.gif) repeat-x left top;
		text-align:center;
	}
	
div.container{
	margin:0 auto;
	width:770px;
	text-align:left;
}
div.wrapper {
	position:relative;
	float:left; display:inline;
	width:586px;
}

/* START: header
******************************/
#flash {
	float:left; display:inline;
	width:184px;
	height:402px;
	background:transparent url(../images/picture_strip.jpg) no-repeat left top;
}
div#header {
	float:right; display:inline;
	width:100%;
	height:135px;
	background:transparent url(../images/header.gif) no-repeat left 14px;
}	
	div#logo {
		float:right; display:inline;
		margin:20px 10px 0 0;
		width:114px;
		height:51px;
	}
		div#logo img{
			float:right; display:inline;
			clear:both;
		}
	a#search {
		float:left; display:inline;
		margin:20px 0 0 0;
		width:197px;
		height:39px;
		background:transparent url(../images/search.gif) no-repeat left top;
	}
		a#search span { display:none; }
	
	div.names {
		position:absolute;
		top:68px;
		left:0;
		float:left; display:inline;
		width:460px;
	}
		#display_name{
			float:right; display:inline;
			margin:5px 0 0 0;
			padding:0;
			width:100%;
			color:#F9C235;
			font:normal 1.5em Arial, Helvetica, sans-serif;
			text-align:right;
		}
		#company_name{
			float:right; display:inline;
			margin:0 0 0 -3px;
			padding:0;
			width:100%;
			color:#3e4242;
			font:bold 1em Arial, Helvetica, sans-serif;
			text-align:right;
		}
	
div#agent_photo{
	float:right; display:inline;
	padding:3px;
	background-color:#ddd;
}
	div#agent_photo img {
		width:108px;
		height:125px;
		border:1px solid #fff;
	}
#skip {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	width:100%;
	text-align:left;
	background:#f0f;
}
	#skip a, #skip a:hover, #skip a:visited { 
		float:right;
		position:absolute; 
		left:0px; 
		top:-500px; 
		width:1px; 
		height:1px; 
		overflow:hidden;
		color:#de1e2f;
		font-size:10px;
		background:transparent url();
	}   
	#skip a:active { 
		position:static;
		width:auto; 
		height:auto; 
	}
/* END: header
******************************/

/* START: content
******************************/
div#content{
	position:relative;
	float:left;	display:inline;
	padding-left:10px;
}
	div#content h1.page_title{
		color:#007c8b;
		font:bold 1.9em/1.1em Arial, Helvetica, sans-serif;
		width:460px;
		margin:60px 0 0 20px;
		padding:0 0 15px 0;
	}
	div#page_body{	
		float:left; display:inline;
		text-align:left;
		margin:20px 0 0 20px;
		width:538px;
		color:#666;
		font:normal 1em/1.5em Arial, Verdana, Helvetica, sans-serif;
	}
	#page_body font {
		line-height:1.5em;
	}
/* START: content
******************************/


/* START: sidecol
******************************/
ul#navigation {
	position:relative;
	z-index:200;
	float:left;	display:inline;
	margin:0;
	padding:0;
	width:100%;
	height:25px;
	background-color:#0e2224;
}
	ul#navigation li {
		float:left;
		display:inline;
		list-style:none;
	}
	ul#navigation li.cat {
		position:relative;
		height:25px;
		color:#fff;
		font:bold 0.95em/25px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
		ul#navigation li.cat:hover {
			cursor:pointer;
		}
		/*Parent Nav Items*/
		#navigation li.cat a {
			text-decoration:none;
		}
		ul#navigation li span.nav_category {
			padding:0 25px 0 12px;
		}
		ul#navigation li ul.nav {
			display:none;
			position:absolute;
			top:25px;
			left:0;
			z-index:20;
			margin:0;
			padding:0;
			width:175px;
			background-color:#3E4242;
			border:1px solid #3E4242;
		}
		ul#navigation li.over ul.nav,
		ul#navigation li:hover ul.nav {
			display:block;
		}
			ul#navigation ul.nav li {
				padding-top:1px;
				background:transparent url(../images/nav_div.jpg) no-repeat center top;
			}
				ul#navigation ul.nav li.first {
					padding-top:0px;
					background:transparent url();
				}
			ul#navigation ul.nav li div{
				float:left;
				display:inline;
				font:normal 1.1em Arial, Helvetica, sans-serif;
				letter-spacing:0px;
				text-transform:none;
			}

		ul#navigation ul.nav li a {
			float:left;
			display:inline;
			width:175px;
			color:#fff;
			text-decoration:none;
			border:0;
		}
		ul#navigation ul.nav li a:hover{
			color:#14343a;
			background-color:#fefefe;
		}

		ul#navigation ul.nav li a span.nav_title{
			display:block;
			padding:10px 10px;
		}
		ul#navigation ul.nav li div span.nav_desc{
			display:none;
		}
		ul#navigation ul.nav ul,
		ul#navigation li.over ul.nav ul,
		ul#navigation li:hover ul.nav ul {
			display:none;
		}
/* END: sidecol
******************************/



/* START: footer
******************************/
div#contact_footer {
	float:left; display:inline;
	padding:50px 0 20px;
	width:100%;
	font-size:1em;
	line-height:1.2em;
}

div#footer_navigation{
	float:left; display:inline;
	margin:25px 0 0 0;
	width:100%;
}
ul#footer_nav {
	position:relative;
	z-index:200;
	float:left;	display:inline;
	margin:0;
	padding:0;
	width:566px;
	height:15px;
	background-color:#bdb1a6;
}
	ul#footer_nav li {
		float:left;
		display:inline;
		list-style:none;
	}
	ul#footer_nav li.cat {
		position:relative;
		height:15px;
		color:#0e2224;
		font:bold 0.8em/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
		ul#footer_nav li.cat:hover {
			cursor:pointer;
		}
		ul#footer_nav li span.nav_category {
			padding:0 25px 0 20px;
			background:transparent url(../images/up_arrow.gif) no-repeat 10px top;
		}
		ul#footer_nav li ul.nav {
			display:none;
			position:absolute;
			bottom:14px;
			left:0;
			z-index:20;
			margin:0;
			padding:0;
			width:140px;
			background-color:#fff;
			border:1px solid #bbb;
		}
		ul#footer_nav li.over ul.nav,
		ul#footer_nav li:hover ul.nav {
			display:block;
		}
			ul#footer_nav ul.nav li {
				padding-top:1px;
				background:transparent url(../images/footer_nav_div.jpg) no-repeat center top;
			}
				ul#footer_nav ul.nav li.first {
					background:transparent url();
				}
			ul#footer_nav ul.nav li div{
				float:left;
				display:inline;
				font:normal 1.1em Arial, Helvetica, sans-serif;
				letter-spacing:0px;
				text-transform:none;
			}

		ul#footer_nav ul.nav li a {
			float:left;
			display:inline;
			width:140px;
			color:#14343a;
			text-decoration:none;
			border:0;
		}
		ul#footer_nav ul.nav li a:hover{
			color:#fff;
			background-color:#3e4242;
		}

		ul#footer_nav ul.nav li a span.nav_title{
			display:block;
			padding:5px 10px;
		}
		ul#footer_nav ul.nav li div span.nav_desc{
			display:none;
		}
		ul#footer_nav ul.nav ul,
		ul#footer_nav li.over ul.nav ul,
		ul#footer_nav li:hover ul.nav ul {
			display:none;
		}
div#footer{
	float:left; display:inline;
	margin:20px 0;
	font-size:0.9em;
	line-height:1.5em;
	color:#989898;
	width:565px;
}
div#footer a {
	text-decoration:none;
	border:0;
}
	div#footer a:hover {
		text-decoration:underline;
		background:none;
	}
div#footer_copyright{
	float:left; display:inline;
	padding-top:20px;
	width:100%;
}
div#footer_login {
	float:left; display:inline;
	width:100%;
}
div#footer_login ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
	div#footer_login ul li {
		display:inline;
	}
	div#footer_login ul li.li_divider {
		padding:0 10px;
	}
/* END: footer
******************************/