/* @override http://dev.emcro/style.css */

* {
	margin: 0;
	padding: 0;
	font: 11pt Verdana, Arial, Helvetica, Geneva, sans-serif;
}

body {
	background-color: #0f164c;
}

#frame {
	background: #11316a url(/images/background.jpg) no-repeat center 0;
}

.content {
	text-align: center;
	width: 835px;
	margin: 0 auto;
}

#topbar, #footer {
	/*padding-top: 0.5em;*/
	background-color: #0f164c;
	color: #6893e5;
}

#topbar {
	/*height: 0.5em;*/
	text-align: right;
}

#header {
	margin-top: 0px;
	padding-top: 30px;
}

#header h1 {
	float: left;
	margin-left: 65px;
	width: 365px;
	height: 93px;
	text-indent: -9999em;
	background: url(/images/emcro.png) no-repeat;
}

#header h1 a {
	height: 93px;
	display: block;
	text-decoration: none;
}

#header ul {
	position: relative;
	/*bottom: 50px;*/
	top: 55px;
	/*left: 60px;*/	
}

#header ul li {
	display: inline;
	/*padding: 15px;*/
	/*margin: 15px;*/
	background-color: #030b47;
	color: white;
}

#content {
	width: 865px;
	margin: 0 auto;
}

#main {
	clear: both;
	color: white;
}

.nav_l {
	height: 14px;
	width: 10px;
	background: url(/images/nav_l.png) no-repeat;
}

.nav_m {
	height: 14px;
	background: url(/images/nav_m.png) repeat-x;
}

.nav_r {
	height: 14px;
	width: 10px;
	background: url(/images/nav_r.png) no-repeat;
}


#main_header {
	width: 854px;
	height: 14px;
	padding: 0;
	margin: 0;
	background: url(/images/bg_clear_top.png) repeat-y;
}

#main_body {
	width: 854px;
	padding: 0;
	margin: 0;
/*	background: transparent url(/images/bg_clear_middle.png) top left repeat-y;*/
/*	background: transparent url(/images/bg_clear_middle.png) top left repeat-y;*/
	background-image: url(/images/bg_clear_middle.png);
	background-repeat: repeat-y;
}

#main_footer {
	background: url(/images/bg_clear_bottom.png) no-repeat;
	height: 16px;
}

#onecol, #twocols {
	padding-left: 20px;
}

#onecol {
	padding-right: 30px;
}

#onecol p, #contact p {
	padding-left: 20px;
}

#onecol h2, #blog .storytitle a, #blog h2, #contact h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

#onecol h2.top, #contact h2.top {
	padding-top: 0px;
}

#onecol h2, #contact h2 {
	padding-top: 20px;
}

.twocols_left {
	margin-right: 60px;
	float: left;
	width: 520px;
}

.twocols_right {
	float: left;
	width: 250px;
}

#blog a, .widget, #onecol a, #contact a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.widget a {
	color: white;
	text-decoration: none;
}

#blog a:hover, .widget a:hover, #onecol a:hover, #contact a:hover {
	color: #047eff;
/*	background-color: gray;*/
/*	text-decoration: underline;*/
}

/*#main_body, #main_body *, #blog .feedback .text a {*/
#blog p, .under_story, .under_story *, .feedback *, .widget *, .text a, #blog .feedback .text a, #onecol, #onecol *, #blog *, #contact * {
	font-weight: normal;
	font-size: 13px;
}

.under_story {
	margin-top: 20px;
}

#comments_box {
	border: dotted thin gray;
	padding: 10px;
}

#comments_box p {
/*	display: inline-block;*/
	margin-bottom: 10px;
}

.comments_link {
/*	display: inline-block;*/
	right: 0px;
	position: relative;
}

.feedback {
	margin-top: 3px;
	background: url(/images/under_comments_bar.png) repeat-x top left;
	text-align: right;
}

.feedback img {
	border: none;
	top: -5px;
	position: relative;
}

.feedback .text {
/*	vertical-align: top;*/
	top: -13px;
	position: relative;
	margin-top: 3px;
/*	margin-left: 5px;*/
/*	float: right;*/
}

input, textarea {
	margin-bottom: 5px;
}

.widget {
	margin-bottom: 20px;
/*	color:black;*/
}

.widget, .widget li {
	list-style: none;
}

.widget ul {
	margin-top: 10px;
}

.widget_recent_entries li {
	list-style-image: url(/images/icon_doc.png);
	margin-left: 20px;
	color: red;
}

.widget_recent_entries {
	padding-top: 12px;
	background: url(/images/recent_posts.png) no-repeat top left;
}

.widget_categories {
	padding-top: 4px;
	background: url(/images/archives.png) no-repeat top left;
/*	color: red;*/
}

.widget_archive {
	padding-top: 4px;
	background: url(/images/archives.png) no-repeat top left;
/*	color: red;*/
}

.code {
	font-family: monospace;
	margin: 20px;
	color: #6893E5;
/*	background-color: #11316A;*/
}

.storytitle a {
/*	font-size: 100%;*/
}

.storytitle, .storycontent {
	margin-bottom: 10px;
}

.post {
	margin-bottom: 20px;
}

.post p, #onecol p, .feedback p, #contact p {
	padding-bottom: 10px;
}

.post ol {
	margin-left: 40px;
/*	margin-bottom: 10px;*/
}

.post ol li {
	margin-bottom: 10px;
}

#under_main {
	color: white;
	margin-top: 20px;
	padding-right: 30px;
	text-align: right;
}

ul#connect_icons li {
	display: inline;
	margin-left: 4px;
}

ul#connect_icons li a img {
	border: none;
}

#footer_spacer {
	height: 25px;
}

#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#footer p {
	margin-top: 5px;
}

#footer a, #nav2 a {
/*	font-weight: bold;*/
	color: #6893e5;
	text-decoration: none;
}

#nav2 a {
	font-weight: bold;
}

#footer a:hover, #nav2 a:hover {
	color: #047eff;
	/*text-decoration: underline;*/
}

#nav2 .active {
	color: white;
}

.footer_separator {
	/*color: #15277a;*/
	color: #004174;
}

#feature_gallery .belt .panel {
	margin: 20px;
}

.panel img {
	float: left;
	margin-left: 10px;
	margin-right: 40px;
}

.panel h1 {
/*	padding-right: 20px;*/
/*	font-size: 200%;*/
	font-size: 29px;
	font-weight: bold;
	line-height: 110%;
}

.panel p {
	color: #6893e5;
	margin-top: 10px;
}

.panel p, .panel h1 {
	margin-right: 40px;
}


#under_belt {
	/*background-color: #0f164c;*/
	background-color: #00123c;
	height:42px;
	width:854px;
	position: relative;
	top: -20px;
}

#under_belt .nav {
	/*background: #00123c;*/
	font-size: 1.41667em;
	color: #13a6ea;
	height: 44px;
	position: relative;
	padding-left: 40px;
}

#under_belt .nav a {
	color: #13a6ea;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-top: -7px;
	margin-right: 1em;
	padding-left: 62px;
}

#under_belt .nav a {
	text-decoration: none;
/*	font-size: 125%;*/
	font-size: 18px;
	font-weight: bold;
}


#under_belt .nav .one a, #feature_1 a {background: url(images/one.png) no-repeat left top;}
#under_belt .nav .two a, #feature_2 a {background: url(images/two.png) no-repeat left top;}
#under_belt .nav .three a, #feature_3 a {background: url(images/three.png) no-repeat left top;}

#under_belt .nav a:hover, #under_belt .nav a.jFlowSelected, .jFlowSelected {
	color: #FFF;
	text-decoration: none;
	background-position: left -58px;
}

#under_belt .nav .hide {
	display: none;
}

ol#myController {
	list-style-type: none;
}

ol#myController li {
	float: left;
}

.bl {background: url(/images/nav_bl.jpg) 0 100% no-repeat #00062A; width: 20em}
.br {background: url(/images/nav_br.jpg) 100% 100% no-repeat}
.tl {background: url(/images/nav_tl.jpg) 0 0 no-repeat}
.tr {background: url(/images/nav_tr.jpg) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

/* @group Navigation */

#nav2 {
	/*display: none;*/
	/*float: right;*/
	/*width: 800px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*right: 0px;*/
	/*border-style: solid;*/
}

#nav2 ul {
	/*width: 800px;*/
	float:right;
	position: relative;
	bottom: 10px;
	/*right: 0px;*/
	z-index: 5;
	}

#nav2 ul li {
	float: left;
	/*padding: 0 0 0 8px;*/
	padding: 0px 0 0 8px;
	margin-right: 5px;
	background: url(/images/norm_top_l.gif) bottom left no-repeat;
	list-style-type: none;
}

#nav2 ul li a {
	float: left;
	padding: 18px 20px 15px 11px;
	background: url(/images/norm_top_r.gif) bottom right no-repeat;
/*	color: white;*/
	display: block;
	font-size: 84%;
	text-decoration: none;
}

#nav {
	display: none;
}

#nav ul {
	position: relative;
	bottom: 10px;
	left: 35px;
	z-index: 5;
	}

#nav ul li {
	float: left;
	padding: 0 0 0 8px;
	margin-right: 5px;
	background: url(/images/norm_left.gif) top left no-repeat;
	list-style-type: none;
}

#nav ul li a {
	float: left;
	padding: 8px 20px 15px 11px;
	background: url(/images/norm_right.gif) top right no-repeat;
	color: white;
	display: block;
	font-size: 84%;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #B2DC86;
}

#header #nav ul #activelink {
	background: url(/images/norm_left_on.gif) top left no-repeat;
}

#header #nav ul #activelink a {
	background: url(/images/norm_right_on.gif) top right no-repeat;
	color: #FFF;
	/*font-weight: bold;*/
}


/* @end */

