/* CSS Document */

/* default font size*/
@import url(small.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* Zeros ----------------------------------*/
body, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, form, hr, dl, dt, dd {
	padding: 0;
	margin: 0;
}

body {
	border-top:solid 3px #4b5b52;
	background:#4b5b52;
}

body, html {
	height:100%;
}


#container {
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
	height:auto !important; /*real browsers */
	height:100%;  /*IE6: treaded as min-height*/
	min-height:100%;  /*real browsers */

}

#header {
	padding:0;
	margin:0;
	background:url(../../images/bg_hdr.png) repeat-x;
	width:100%;
	height:291px;
}

#header_container {
	padding:0;
	margin:0 auto;
	background:url(../../images/bg_hdr_2.png) repeat-x;
	width:860px;
	height:291px;
	position:relative;
}


#content {
	padding:0;
	margin:0;
	width:100%;
	float:left;
	background:url(../../images/bg_global.jpg);
}

#content_container {
	padding:0;
	margin:0 auto;
	width:860px;
	background:#fff;
}

img#logo {
	margin:9px 0 0 14px;
	float:left;
	width:115px;
	height:97px;
}

#tag {
	background:url(../../images/hdr_tag_simple_everything.png) no-repeat;
	width:303px;
	height:62px;
	position:absolute;
	top:148px;
	left:15px;
}


/* font changer ----------------------------------*/
#font {
	margin:92px 0 0 0;
	float:right;
	width:116px;
	height:11px;
}

a.plus {
	padding:0;
	margin:0;
	background:url(../../images/btn_a+.png) no-repeat;
	display:block;
	width:21px;
	height:11px;
	float:right;
}

a.minus {
	padding:0;
	margin:0;
	background:url(../../images/btn_a.png) no-repeat;
	display:block;
	width:21px;
	height:11px;
	float:right;
}


/* nav ----------------------------------*/
#nav {
	width:860px;
	height:49px;
	background:url(../../images/btn_nav.png);
	padding:0;
	margin:136px 0 0 0;
	position:relative;
	float:left;
	
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}

#nav li, #nav a {
	height:49px;
	display:block;
}

#nav1 { left:0; width:73px;  }
#nav2 { left:73px; width:90px;  }
#nav3 { left:163px; width:85px; }
#nav4 { left:248px; width:156px; }
#nav5 { left:404px; width:102px;  }
#nav6 { left:506px; width:115px; }
#nav7 { left:621px; width:117px;  }
#nav8 { left:738px; width:122px; }

#nav1 a:hover { background: transparent url(../../images/btn_nav.png) 0 -49px no-repeat; }
#nav2 a:hover { background: transparent url(../../images/btn_nav.png) -73px -49px no-repeat; }
#nav3 a:hover { background: transparent url(../../images/btn_nav.png) -163px -49px no-repeat;  }
#nav4 a:hover { background: transparent url(../../images/btn_nav.png) -248px -49px no-repeat; }
#nav5 a:hover { background: transparent url(../../images/btn_nav.png) -404px -49px no-repeat; }
#nav6 a:hover { background: transparent url(../../images/btn_nav.png) -506px -49px no-repeat; }
#nav7 a:hover { background: transparent url(../../images/btn_nav.png) -621px -49px no-repeat; }
#nav8 a:hover { background: transparent url(../../images/btn_nav.png) -738px -49px no-repeat; }


#nav1_on { left:0; width:73px;  background: transparent url(../../images/btn_nav.png) 0 -49px no-repeat; }
#nav2_on { left:73px; width:90px; background: transparent url(../../images/btn_nav.png) -73px -49px no-repeat; }
#nav3_on { left:163px; width:85px; background: transparent url(../../images/btn_nav.png) -163px -49px no-repeat;  }
#nav4_on { left:248px; width:156px; background: transparent url(../../images/btn_nav.png) -248px -49px no-repeat; }
#nav5_on { left:404px; width:102px; background: transparent url(../../images/btn_nav.png) -404px -49px no-repeat; }
#nav6_on { left:506px; width:115px; background: transparent url(../../images/btn_nav.png) -506px -49px no-repeat; }
#nav7_on { left:621px; width:117px; background: transparent url(../../images/btn_nav.png) -621px -49px no-repeat; }
#nav8_on { left:738px; width:122px; background: transparent url(../../images/btn_nav.png) -738px -49px no-repeat; }


#nav_sec {
	padding:20px 0 0 0;
	text-align:center;
}

#nav_sec li {
	margin:0 auto;
	padding:0;
	list-style:none;
	top:0;
	display:inline;
	font:12px/12px Arial, Helvetica, sans-serif;
	color:#fff;

}

#nav_sec a {
	color:#fff;
}

#nav_sec a:hover {
	text-decoration:none;
}




/* copy area ----------------------------------*/
#copy {
	padding:20px 30px;
	margin:0 0 0 -465px;
	width:405px;
	float:left;
}

#copy a {
	color:#7285c0;
}

#copy a:hover  {
	text-decoration:none;
}

p {
	font-size:90%;
	line-height:130%;
	font-family:Helvetica, Arial, sans-serif;
	padding:7px 0;
}

p.leftJust {
	font-size:90%;
	line-height:130%;
	font-family:Helvetica, Arial, sans-serif;
	padding:7px 0;
	text-align:left;
}

p.callout {
	font-size:90%;
	line-height:130%;
	font-family:Helvetica, Arial, sans-serif;
	padding:7px 30px 20px 30px;
	color:#fff;
}


#sidebar {
	padding:0;
	margin:0 0 0 465px;
	width:395px;
	float:left;
	background: #7285c0 url(../../images/bg_sidebar.png) repeat-x;
}

.floatRight {
	padding:0 0 0 7px;
	margin:0;
	float:right;
}

.floatLeft {
	padding:10px 10px 0 0;
	margin:0;
	float:left;
}

.fullBleed {
	padding:0 0 10px 0;
	margin:0;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:180%;
	font-weight:normal;
	padding:0 0 10px 0;
}

h2 {
	color:#4B63AE;
	font-size:130%;
	line-height:150%;
	font-weight:normal;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
}

h3 {
	color:#fff;
	font-size:120%;
	line-height:150%;
	font-weight:normal;
	padding:40px 30px 10px 30px;
	font-style:italic;
}


h5 {
	color:#fff;
	font-size:120%;
	line-height:150%;
	font-weight:normal;
	padding:80px 30px 10px 30px;
	font-style:italic;
}

h4 {
	color:#fff;
	font-size:100%;
	line-height:150%;
	padding:20px 30px 0 30px;
}


h6 {
	font-size:120%;
	line-height:150%;
	padding:10px 30px 10px 0;
}

 ol.list {
	padding:0 0 0 20px;
	margin:0;
}

ol.list li {
	padding:0 0 10px 0;
	margin:0;
}

ul.list{
	padding:0 0 0 20px;
	margin:0;
}

ul.list li {
	padding:10px 0 10px 0;
	margin:0;
	list-style:disc;
}

dt {
	padding:0 0 5px 0;
}

dd {
	padding:0 0 10px 0;
}


/* footer ----------------------------------*/

#footer {
	width:100%;
	color:#fff;
	background: #4b5b52 url(../../images/bg_footer.png) repeat-x;
	float:left;
	min-height:100%;
	height:100%;  /*IE6: treaded as min-height*/

}

#footer_container {
	margin:0 auto;
	width:860px;
	background:url(../../images/logo_eho.png) no-repeat right;
	padding:27px 0 0 0;
	height:50px;
}

.footer {
	font:12px/18px Arial, Helvetica, sans-serif;
	padding:0 18px 10px 0;
	display:block;
}

#footer li {
	margin:0 auto;
	padding:0;
	list-style:none;
	top:0;
	display:inline;
	font:12px/18px Arial, Helvetica, sans-serif;
}

#footer a{
	color:#fff;
}

#footer a:hover {
	text-decoration:none;
}