/*main styles*/
html{height:100%;font-size:100.01%;}
form,fieldset,img{border:0;margin:0;padding:0}
a{
	color:#f5ca44;
	text-decoration:none;
}
a:hover{ text-decoration:underline; outline: none;}
body{
	height:100%;
	min-width:922px;
	margin:0;
	font:62.5% Arial,Helvetica,sans-serif;
	/*font-size:8pt;*/
	color:#fff;
	background:url(../images/bg-body.jpg) repeat-y fixed 50% 0;
}
#page{
	min-height:100%;
	width:922px;
	margin:0 auto;
	background:url(../images/bg-page.png) repeat 0 0;
}
* html #page{height:100%;}
#page .page-bg{
	margin:0 0 0 -19px;
	padding:0 0 0 19px;
	width:100%;
	height:100%;
	overflow:hidden;
}
/*sidebar*/
#sidebar{
	position:fixed;
	float:left;
	display:inline;
	width:229px;
	padding:0 22px 0 21px;
	margin:0 -21px 0 -20px;
	font-size:1.4em;
	line-height:1.5715em;
	text-align:right;
}
/*logo*/
#sidebar div.logo{
	position:relative;
	z-index:1;
	float:left;
	display:inline;
	margin:0 0 -40px -30px;
}
#sidebar div.logo strong{
	float:left;
	padding:0 0 67px;
	background:url(../images/logo.png) no-repeat 0 0;
}
#sidebar div.logo a{
	position:relative;
	float:left;
	width:160px;
	height:122px;
	margin:22px 62px 0 48px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
/*main menu*/
#main-menu{
	position:relative;
	z-index:2;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:16px;
	font-weight:bold;
	list-style:none;
}
#main-menu li{
	float:left;
	width:100%;
}
#main-menu li.current_page_parent,
#main-menu li.active{background:url(../images/bg-main-menu-active.png) repeat 0 0;}
#main-menu li.hover,
#main-menu li:hover{position:relative;}
#main-menu li a{
	display:block;
	color:#fff;
	padding:10px 18px;
}
#main-menu li.hover a,
#main-menu li:hover a{
	text-decoration:none;
	color:#f5ca44;
}
#main-menu li div.fly-out{
	visibility:hidden;
	position:absolute;
	left:100%;
	top:-9999px;
	padding:0 0 0 15px;
	margin:-47px 0 0;
	text-align:left;
	background:url(../images/transparent.gif) repeat 0 0;
}
#main-menu li:hover div.fly-out,
#main-menu li.hover div.fly-out{
	visibility:visible;
	top:50%;
}
#main-menu li div.fly-out ul{
	border:1px solid #fff;
	border-left:0;
	min-height:67px;
	margin:0;
	padding:12px 0 15px;
	font-size:14px;
	line-height:17px;
	list-style:none;
	background:url(../images/drop-body.png) repeat 0 0;
}
* html #main-menu li div.fly-out ul{height:67px;}
#main-menu li div.fly-out li{
	float:none;
	height:1%;
	vertical-align:top;
	white-space: nowrap;
}
#main-menu li div.fly-out li a{
	padding:2px 18px 3px;
	color:#fff;
}
#main-menu li:hover div.fly-out div.fly-out,
#main-menu li.hover div.fly-out div.fly-out{
	top:-9999px;
}
#main-menu li:hover div.fly-out li:hover div.fly-out,
#main-menu li.hover div.fly-out li.hover div.fly-out{
	top:50%;
}
#main-menu li div.fly-out .corner{
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:15px;
	height:100%;
	overflow:hidden;
}
#main-menu li div.fly-out .corner span{
	display:block;
	height:1000px;
	background:url(../images/drop-arrow.png) no-repeat 0 0;
}
#main-menu li div.fly-out li:hover a,
#main-menu li div.fly-out li.hover a{color:#f5ca44;}
#main-menu li li:hover div.fly-out a,
#main-menu li li.hover div.fly-out a{color:#fff;}
#main-menu li li div.fly-out a:hover{color:#f5ca44;}
/*search*/
#sidebar div.form{
	float:left;
	width:100%;
	margin:17px 0 0;
}
#sidebar div.form ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar div.form ul li{
	padding:0 19px;
	float:left;
	width:191px;
}
#sidebar div.form input.text{
	float:right;
	width:130px;
	padding:3px 3px;
	border:1px solid #898989;
	margin:0;
	font:11px/14px Arial,Helvetica,sans-serif;
}
#sidebar div.form input.search{
	float:right;
	height:22px;
	padding:0;
	border:0;
	margin:0;
	background:none;
	font:bold 14px Arial,Helvetica,sans-serif;
	cursor:pointer;
	color:#fff;
}
/*main*/
#main{
	float:right;
	display:inline;
	width:630px;
	padding:0 20px 0 22px;
	margin:0 20px 0 0;
	font-size:1.2em;
	line-height:2em;
}
#main div.main-content{
	margin:20px 0 0;
	width:100%;
	overflow:hidden;
}

/*dark box*/
#main div.box {
	margin:0 0 18px;
	background: #000 url(../images/bg-box.png) no-repeat;
	border: 1px solid #888887;
	height: 1%;
}
#main div.box .inner {
	background: url(../images/bg-box-inner.png) no-repeat 100% 0;
	padding: 3px 19px;
	min-height: 130px;
}
* html #main div.box .inner { height: 130px; }


/*content styles*/
#main .orange{color:#e89830;}
#main .yellow{color:#f5ca44;}
#main .green{color:#5da67c;}
#main .light-blue{color:#8eb5c3;}
#main .blue{color:#3b6fbe;}
#main .small-title{font-size:.7em;}
#main .larger{font-size:1.3em;}
#main {
	letter-spacing:0.25px;
}
#main h1{
	margin:29px 0 11px;
	font-size:3em;
	line-height:0.8334em;
	letter-spacing:-1px;
}
#main h1 a:hover{text-decoration:none;}
#main h2{
	margin:8px 0 14px;
	font-size:2em;
	line-height:1em;
	letter-spacing:-1px;
}
#main h3{
	margin:15px 0 12px;
	font-size:2em;
	line-height:0.8334em;
	letter-spacing:-1px;
}
#main h3.before-list{
	margin-left:12px;
}
#main h4{
	margin:8px 0 0;
	text-transform:uppercase;
	font-size:1.1667em;
	line-height:1.7143em;
	letter-spacing:0px;
}
#main h4 a {color: #fff;}
#main h4 a:hover{text-decoration:none;}
#main p{margin:0 0 16px;}
#main img.alignleft{
	float:left;
	display:inline;
}
#main img.alignright{
	float:right;
	display:inline;
}
#main img.alignnone{
	display:block;
}
#main ul{
	margin:0 0 13px -10px;
	padding:0;
	line-height:1.5em;
	list-style:none;
}
#main ul li{
	height:1%;
	padding:0 0 9px 24px;
	background:url(../images/marker-white.png) no-repeat 0 0;
}
#main ul li.orange{background:url(../images/marker-orange.png) no-repeat 0 0;}
#main ul li.yellow{background:url(../images/marker-yellow.png) no-repeat 0 0;}
#main ul li.green{background:url(../images/marker-green.png) no-repeat 0 0;}
#main ul li.light-blue{background:url(../images/marker-light-blue.png) no-repeat 0 0;}
#main ul li.blue{background:url(../images/marker-blue.png) no-repeat 0 0;}
#page #main ul li{color:#fff;}

#main div.box .content, #main div.box .noanchor a { color:#ebebeb; }
#main div.box .content p.indent { margin-top:10px; }
#main div.box .content li { margin-left:0px; }
#main div.box .content ul { margin:10px 0px -10px 0px; }
#main .quote-source { text-align:right; line-height:1.2em; }

#main .portrait-photo { margin:4px 0px 20px 20px; padding:0px -10px 0px 0px; border:1px solid #7e7f81; }
#main .logo-ei { margin:4px 0px 20px 20px; padding:10px 10px 10px 10px; border:1px solid #7e7f81; background:#fff; }
#main .logo-certification { margin:4px 20px 20px 0px; padding:10px 10px 10px 10px; border:1px solid #7e7f81; background:#fff; }

#main .blog h1 { line-height:1em; }
#main .blog-index h1 { font-size:2.75em; line-height:1em; }

/*home page*/
#main .arrows{margin:16px 10px 0 -4px;}
* html #main .arrows{margin-right:7px;}
#main div.text{
	width:487px;
	overflow:hidden;
	color:#ebebeb;
}
#main div.text h4 {
	color:#fff;
}
#main div.columns{
	width:100%;
	overflow:hidden;
}
#main div.columns div.left-col{
	float:left;
	width:340px;
}
#main div.columns div.right-col{
	float:right;
	width:270px;
}
#main .lightbulb{margin:0 -6px -8px 0;}
#main a.click-here{
	display:block;
	width:270px;
	font-size:1.5em;
	line-height:37px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-1px;
	color:#fff;
	background:url(../images/bg-click-here.png) no-repeat 0 0;
}
#main a.click-here:hover{
	background-position:100% 0;
	text-decoration:none;
}
#main div.box a.click-here{margin:0 -20px -4px;}
/*footer*/
#footer{
	margin:11px 0 0;
	text-align:center;
	font-weight:bold;
}
#footer ul{
	margin:0;
	padding:0 0 3px;
	line-height:1em;
}
#footer ul li{
	display:inline;
	padding:0 3px 0 6px;
	border-left:1px solid #fff;
	background:none;
}
#footer ul li:first-child{border:0;}
#footer ul a{text-decoration:none;}
#footer ul a:hover{text-decoration:underline;}
#footer a{
	color:#fff;
	text-decoration:underline;
}
#footer a:hover{text-decoration:none;}
#footer p{
	font-size:0.8334em;
}
