@import url("chf.css");

/* reset margin, padding to 0 so it will be the same in all platforms */
/* { margin:0; padding:0; }*/
body, h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd, ul, ol, li {
	margin:0; padding:0;
}

body {
	position:relative;
	color:#333;
	font:normal 80%/200% Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#fff;
}
	body.main {
		background:#f0efef url(../images/images_home/bg.gif) repeat-x left top;
		text-align:center;
	}
	
div.container{
	position:relative;
	margin:0 auto;
	width:750px;
	text-align:left;
}

/* START: header
******************************/
#flashcontent {
	position:relative;
	float:left; display:inline;
	width:433px;
	height:350px;
	background:transparent url(../images/images_home/image.jpg) no-repeat left top;
}
div#header {
	position:relative;
	float:right; display:inline;
	width:317px;
	height:350px;
	background:transparent url(../images/images_home/faded_logo.gif) no-repeat left 14px;
}	
	div#logo {
		float:right; display:inline;
		margin-top:25px;
		width:168px;
		height:73px;
		background:transparent url(../images/images_home/logo.gif) no-repeat right top;
	}
		div#logo img{
			display:none;
		}
	#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 1.2em Arial, Helvetica, sans-serif;
		text-align:right;
	}
	
a#search {
	position:absolute;
	z-index:100;
	top:244px;
	right:0;
	float:right; display:inline;
	width:317px;
	height:60px;
	background:transparent url(../images/images_home/search.gif) no-repeat left top;
}
	a#search span { display:none; }
/* END: header
******************************/

/* START: sidecol
******************************/
ul#navigation {
	float:left;	display:inline;
	margin:0;
	padding:0;
	width:100%;
}
	ul#navigation li {
		float:left;
		display:inline;
		list-style:none;
	}
	ul#navigation li.cat {
		position:relative;
		width:187px;
		color:#335e69;
		font:bold 0.95em/1.1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		background-color:#e5e4e4;
	}
		ul#navigation li span.nav_category {
			display:block;
			padding:6px 25px 6px 18px;
		}
			ul#navigation li span.nav_category:hover {
			}
		ul#navigation li ul.nav {
			margin:0;
			padding:20px 0 0 0;
			float:left; display:inline;
			width:187px;
			background-color:#f0efef;
		}
		ul#navigation li.over ul.nav,
		ul#navigation li:hover ul.nav {
			display:block;
		}
			ul#navigation ul.nav li {
				padding-bottom:1px;
				background:transparent url(../images/nav_div.jpg) no-repeat center bottom;
				border-left:1px solid #ddd;
			}
			ul#navigation ul.nav li div{
				float:left;
				display:inline;
				font:normal 1.2em Arial, Helvetica, sans-serif;
				letter-spacing:0px;
				text-transform:none;
			}
		ul#navigation ul.nav li a {
			float:left;
			display:inline;
			width:186px;
			color:#424a4d;
			font-weight:bold;
			text-decoration:none;
			border:0;
		}
		ul#navigation ul.nav li a:hover{
			color:#fff;
			background-color:#008592;
		}

		ul#navigation ul.nav li a span.nav_title{
			display:block;
			padding:10px 16px;
		}
		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#footer{
	float:left; display:inline;
	margin:50px 0 20px;
	font-size:0.9em;
	line-height:1.5em;
	color:#989898;
	width:100%;
}
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
******************************/


/* START: general layout and formatting
****************************************/
img { border:0; }

h1 { font:bold 1.45em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}
h2 { font:bold 1.25em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}
h3 { font:bold 1.15em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}
h4 { font:bold 1.0em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}
h5 { font:bold 0.85em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}
h6 { font:bold 0.7em Georgia, "Times New Roman", Times, serif; padding:10px 0 5px;}

ul {
	margin:10px 20px;
	padding-left:30px;
	list-style:disc;
}

ol {
	margin:10px 20px;
	padding-left:30px;
	list-style:decimal;
}

div#hr {
	float:left;
	display:inline;
	width:100%;
	height:1px;
	margin:5px 0;
}

p {	margin:0 0 10px; }

a {	color:#9f2d20; text-decoration:underline; }
	a:hover{ color:#008592; }
a.image, a.image:hover { border:0; }

.smalltxt { font-size:0.9em; }
.redtxt { color:#f00; }

.padding10left { padding:0 0 0 10px; margin:0; float:left; display:block;}

.darkbg{ color:#fff; background-color:#85766B; }
.lightbg{ color:#85766B; background-color:#ede4da; }
.darkborder{ border:1px solid #85766B; }
.lightborder{ border:1px solid #ccc; }
.float100 { float:left;	width:100%; }

.row { width:100%; }

.col2 { width:49.5%; }
.col3 { width:33%; }
.mid { padding-left:2px; }

.col10 { width:10%; }
.col20 { width:19%; }
.col30 { width:29%; }
.col40 { width:39.5%; }
.col45 { width:44.5%; }
.col60 { width:60%; }
.col70 { width:70%; }
.col80 { width:80%; }

.left { float:left;display:inline; }
.right { float:right;display:inline; }

.alignright {text-align:right; }

/* END: general layout and formatting
****************************************/