/* Energy Flow

   Copyright (c) 2007 Expression Arts. All rights reserved. */

html {

	height : 100%;

}

body {

	line-height: 120%;

	color: #FFFFFF;

	font-family: Arial;

	font-size: 11px;

	padding: 0;

	margin-top: 10px;

	background-attachment: fixed;

	background-color: #111111;

	margin: 0;

}

.clr {

	clear : both;

}

.middle {

    vertical-align: middle;

}

input.search {
	width: 175px;
	background-color: #FFFFFF;
	margin: 3px;
	padding-left: 2px;
	border: 1px solid #999999;
	font-style: italic;
	color: #111111;
	background-image: url(../images/search.png);
	background-position: right;
	background-repeat: no-repeat;
}

input.search:hover {

    border: 1px solid #0099FF;

	background-image: url(../images/search.png);

	background-position: right;

	background-repeat: no-repeat;

}

input.search:focus, input.search:active {

    font-style: normal;

    border: 1px solid #0099FF;

	background-image: url(../images/search_hover.png);

	background-position: right;

	background-repeat: no-repeat;

}

#top_menu {

	width: 100%;

	float: left;

	height: 105px;

	line-height: 30px;

	background-image: url(../images/top.png);

	background-repeat: no-repeat;

	padding: 0;

	margin: 0;

	border-bottom: 1px solid #111111;

}

#top_menu_inner {

	margin: 0;

	padding-top: 0px;

}

#pathway {

	height: 22px;

	color: #FFFFFF;

	background-image: url(../images/gradient_blue.png);

	background-repeat: repeat-x;

	border: 1px solid #999999;

	margin-top: 4px;

	margin-bottom: 4px;

	margin-left: 8px;

	margin-right: 8px;

}

#pathway_text {

	font-family: Arial;

	font-size: 16px;

	overflow: hidden;

	display: block;

	height: 22px;

	line-height: 22px !important;

	line-height: 20px;

	padding-left: 10px;

	color: #000000;

	float: left;

}

#pathway_text img {

	margin-left: 2px;

	margin-right: 2px;

	margin-top: 6px;

}

#banner {

	float: right;

	width: 500px;

}

#banner_inner {

	padding-top: 15px;

}

#buttons {

	float: left;

	margin: 2px;

	padding: 2px;

	width: auto;

}

ul#mainlevel-nav {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 16px;

}

ul#mainlevel-nav li {

	font-family: Arial;

	font-weight: bold;

	background-image: none;

	padding-left: 0;

	padding-right: 0;

	float: left;

	margin: 0;

	font-size: 16px;

	line-height: 21px;

	white-space: nowrap;

}

ul#mainlevel-nav li a {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: Black;
	background: transparent;
}

#buttons > ul#mainlevel-nav li a {

	width: auto;

}

ul#mainlevel-nav li a:hover {
	line-height: 19px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: Black;
	border-bottom: 2px solid #0099FF;
}

#search_inner form {

	padding: 2px;

	margin: 2px;

}

#search_inner .inputbox {

	font-family: Arial;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #FFFFFF;

}

#header {

	height: 150px;

	float: left;

	width: 100%;

	padding: 0;

	margin: 0;

	background-image: url(../images/header.png);

	background-repeat: no-repeat;

}

#left_outer {

	float: left;

	width: 180px;

	padding: 0;

	padding-left: 10px;
	
	font-size: 16px;

}

#left_inner {

	float: none !important;

	float: left;

	font-family: Arial;

	font-size: 16px;

	padding: 4px;

	border-left: 1px solid #999999;

	border-right: 1px solid #999999;

}

#left_inner_float {
	width: 182px;
	background-color: Black;	
	font-size: 16px;
}

#left_footer {

	height: 20px;

	width: 180px;

	background-image:url(../images/footer_menu.png);

	background-repeat: no-repeat;

	border: 1px solid #999999;

}

#left_header {

	height: 20px;

	width: 180px;

	background-image: url(../images/gradient_blue.png);

	background-repeat: repeat-x;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	border-right: 1px solid #999999;
	
	font-size: 16px;

}

#right_footer {

	height: 20px;

	width: 180px;

	background-image:url(../images/footer_menu.png);

	background-repeat: no-repeat;

	border: 1px solid #999999;

}

#right_header {

	height : 20px;

	width : 180px;

	background-image : url(../images/gradient_blue.png);

	background-repeat : repeat-x;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	border-right: 1px solid #999999;

}

#right_outer {

	float: left;

	width: 180px;

	padding: 0;

	padding-right: 16px;

}

#right_inner {

	float: none !important;

	float: left;

	font-family: Arial;

	font-size: 16px;

	padding: 4px;

	border-left: 1px solid #999999;

	border-right: 1px solid #999999;

}

#right_inner_float {
	width: 182px;
	background-color: Black;
}

#content_outer {

	width: 100%;

	float: left;

	color: #FFFFFF;

	padding: 0;

	padding-top: 20px;

	padding-bottom: 20px;

}

#main_content {

	float: none !important;

	float: left;

	padding: 4px;

}

table.content_table {

	float: none;

}

#content_head {

	height: 20px;

	margin: 2px;

}

#content_top {
	height: 20px;
	background-color: Black;
	float: none;
	border-top: 1px solid #111111;
	border-left: 1px solid #111111;
	border-right: 1px solid #111111;
}

#content_foot {

	height: 19px;

	background-image: url(../images/content_footer.png);

	background-repeat: no-repeat;

	border: 1px solid #111111;

}

#content {

	padding-left: 15px;

	padding-right: 15px;

}

.content {
	background-color: Black;
}

#user {

	float: left;

}

.user1_inner {

	float: none !important;

	float: center;

	padding: 2px;

}

#user1_outer {

	float: none !important;

	float: center;

	margin: 2px;

	padding: 2px;

}

.user2_inner {

	float: none !important;

	float: center;

	padding: 2px;

}

#user2_outer {

	float: none !important;

	float: center;

	margin: 2px;

	padding: 2px;

}

.error {

	font-style: italic;

	text-transform: uppercase;

	padding: 5px;

	color: #ff0000;

	font-size: 11px;

	font-weight: bold;

}

.back_button {

    cursor: pointer;

	font-family: Arial;

	background-image: url(../images/button_bg.png);

	float: left;

	text-align: center;

	font-size: 16px;

	border: 1px solid #999999;

	width: auto;

	padding: 0 10px;

	line-height: 18px;

	margin: 4px;

	color: #000000;

}

.back_button:hover, .back_button:focus, .back_button:active {

	font-family: Arial;

	background-image: url(../images/button_bg.png);

	float: left;

	text-align: center;

	font-size: 16px;

	border: 1px solid #0099FF;

	width: auto;

	padding: 0 10px;

	line-height: 18px;

	margin: 4px;

	color: #000000;

}

.pagenav {

	font-family: Arial;

	text-align: center;

	font-size: 16px;

	border: 1px solid #999999;

	width: auto;

	padding: 0 8px;

	line-height: 18px;

	margin: 1px;

	color: #000000;

	background-image: url(../images/button_bg.png);

}

.pagenavbar {

	font-family: Arial;

	font-size: 11px;

	margin-right: 10px;

	float: left;

}

.pagenav:hover {

    color: #000000;

	border: 1ox solid #0099FF;

}

#footer {

	float: left;

	height: 35px;

	width: 100%;

	background-image: url(../images/footer.png);

	background-repeat: no-repeat;

	padding: 0;

	margin: 0;

	color: #000000;

	border-top: 1px solid #999999;

}

ul {

	margin: 2px;

	padding: 2px;

	list-style: none;

}

li {

	text-align: left;

	line-height: 14px;

	padding-left: 18px;

	background-image: url(../images/arrow.gif);

	background-repeat: no-repeat;

	background-position: 0 2px;

}

li:hover {

	text-align: left;

	line-height: 14px;

	padding-left: 18px;

	background-position: 0 2px;

	background-image: url(../images/arrow_hover.gif);

	background-repeat: no-repeat;

}

td {

	text-align: left;

	font-size: 16px;

}

a:link, a:visited {

	font-family: Arial;

	font-size: 16px;

	color: #999999;

	text-decoration: none;

	padding: 2px;

}

a:hover {
	font-family: Arial;
	font-size: 16px;
	color: Black;
	text-decoration: none;
}

table.contentpaneopen {

	width: 99%;

	padding: 2px;

	margin: 2px;

}

table.contentpane {

	width : 99%;

	padding : 4px;

	margin : 4px;

}

.blog_more {

	font-family: Arial;

	font-size: 16px;

	margin-left: 4px;

}

.button {

    cursor: pointer;

	color: #000000;

	background-image: url(../images/button_bg.png);

	font-family: Arial;

	text-align: center;

	font-size: 16px;

	border: 1px solid #999999;

	width: auto;

	padding: 0 5px;

	line-height: 18px !important;

	line-height: 16px;

	height: 20px !important;

	height: 20px;

	margin: 4px;

}

.button:hover, .button:focus, .button:active {

	color: #000000;

	border: 1px solid #0099FF;

}

.inputbox {

	padding: 2px;

	margin: 2px;

	border: 1px solid #999999;

	background-color: #FFFFFF;

	color: #000000;

}

.inputbox:hover, .inputbox:focus, .inputbox:active {

    color: #000000;

	border: 1px solid #0099FF;

}

.componentheading {

	height: 20px;

	color: #FFFFFF;

	border-bottom: 1px dotted #000000;

	font-weight: bold;

	font-family: Arial;

	font-size: 12px;

	white-space: nowrap;

	padding-left: 4px;

	margin: 4px;

	padding-top: 4px;

}

.contentcolumn {
	height: 16px;
	color: #FFFFFF;
	background-color: Black;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	white-space: nowrap;
	padding-left: 4px;
	border: 1px dotted #000000;
	padding-top: 4px;
	margin: 4px;
}

.contentheading {

	background-image: url(../images/content_head.png);

	background-repeat: no-repeat;

	height: 20px;

	color: #FFFFFF;

	border-bottom: 1px dotted #000000;

	font-weight: bold;

	font-family: Arial;

	font-size: 12px;

	white-space: nowrap;

	padding-left: 4px;

}

.contentpagetitle {

	height: 20px;

	color: #FFFFFF;

	font-weight: bold;

	font-family: Arial;

	font-size: 11px;

	white-space: nowrap;

	padding-left: 2px;

}

table.searchinto {

	width: 100%;

}

table.searchintro td {

}

table.moduletable {

	width: 100%;

	margin: 0;

	padding: 2px;

}

div.moduletable {

	padding: 0;

	margin-bottom: 18px;

}

table.moduletable th, div.moduletable h3 {

	font-family: Arial;

	color: #FFFFFF;

	text-align: left;

	height: 22px;

	line-height: 22px;

	font-weight: bold;

	font-size: 16px;

	text-transform: none;

	border-bottom: 1px dotted #000000;

	margin: 0;

	padding: 0;

	padding-right: 8px;

}

table.moduletable td {

	font-size: 16px;

	padding: 2px;

	margin: 0;

	font-weight: normal;

}

table.pollstableborder td {

	padding: 4px;

	margin: 4px;

}

.sectiontableheader {

	font-family: Arial;

	color: #FFFFFF;

	border-top: 1px dotted #999999;

	text-align: left;

	height: 22px;

	line-height: 22px;

	font-weight: bold;

	font-size: 11px;

	text-transform: none;

	margin: 0;

	padding-bottom: 0;

	padding-right: 8px;

}

.sectiontablefooter {

	font-family: Arial;

	color: #FFFFFF;

	border-top: 1px dotted #999999;

	text-align: center;

	height: 20px;

	line-height: 20px;

	font-weight: bold;

	font-size: 11px;

	text-transform: none;

	margin: 2px;

	padding: 2px;

}

.sectiontableentry1 {
	border-bottom: 1px solid #999999;
	font-family: Arial;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 11px;
	background-color: Black;
}

.sectiontableentry2 {
	font-family: Arial;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 11px;
	text-transform: none;
	background-color: Black;
}

.contact_email {

	padding: 4px;

	margin: 4px;

}

.small {

	font-family: Arial;

	color: #FFFFFF;

	font-size: 9px;

}

.createdate {
	font-family: Arial;
	font-size: 9px;
	color: Black;
}

.modifydate {
	font-family: Arial;
	color: Black;
	font-size: 9px;
}

table.contenttoc {

	font-family: Arial;

	font-size: 11px;

	border: 1px solid #999999;

	padding: 2px;

	margin: 4px;

}

table.contenttoc td {

	font-family: Arial;

	font-size: 11px;

	padding: 4px;

	margin: 4px;

}

table.contenttoc th {

	font-family: Arial;

	font-size: 11px;

	color: #FFFFFF;

	text-align: left;

	padding-left: 4px;

	height: 20px;

	font-weight: bold;

	font-size: 11px;

	text-transform: uppercase;

}

a.mainlevel:link, a.mainlevel:visited {

	font-family: Arial;

	display: block;

	vertical-align: middle;

	font-size: 11px;

	color: #FFFFFF;

	text-align: left;

	padding-top: 4px;

	padding-left: 8px;

	height: 20px !important;

	height: 20px;

	text-decoration: none;

	border-bottom: 1px solid #999999;

	margin-left: 2px;

	margin-right: 2px;

}

a.mainlevel:hover {
	font-family: Arial;
	background-position: 0 -22px;
	text-decoration: none;
	height: 20px !important;
	height: 20px;
	color: Black;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px dotted #0099FF;
	padding-left: 8px;
	padding-top: 4px;
}

a.mainlevel#active_menu {

	font-family: Arial;

	color: #FFFFFF;

	border-right: 2px solid #0099FF;

	font-size: 16px;

	height: 20px !important;

	height: 20px;

	font-weight: bold;

	text-decoration: none;

	text-align: left;

	padding-top: 4px;

	padding-left: 8px;

}

a.mainlevel#active_menu:hover {
	color: Black;
	padding-left: 18px;
}

a.sublevel:link, a.sublevel:visited {

	font-family: Helvetica;

	padding-left: 24px;

	padding-top: 2px;

	vertical-align: middle;

	font-size: 16px;

	color: #999999;

	text-align: left;

	height: 20px !important;

	height: 20px;

	text-decoration: none;

}

a.sublevel:hover {
	padding-left: 24px;
	color: Black;
	text-decoration: none;
	border: none;
}

a.sublevel#active_menu {
	color: Black;
}

.highlight {

	background-color: #ff0000;

	color: #000000;

	padding: 0;

}

.code {

	background-color: #ddd;

	border: 1px solid #bbb;

}

form {

	margin: 0;

	padding: 0;

}

div.mosimage {

	border: 1px solid #999999;

}

.mosimage {

	margin: 5px;

}

.mosimage_caption {

	margin-top: 2px;

	background-color: #999999;

	padding: 1px 2px;

	color: #FFFFFF;

	font-size: 11px;

	border-top: 1px solid #999999;

}

span.article_seperator {

	display: block;

	height: 1.5em;

}

.readon {

	font-family: Arial;

	font-size: 11px;

}

a.readon:link {

	font-family: Arial;

	color: #FFFFFF;

	font-size: 11px;

}

a.readon:visited {

	font-family: Arial;

	font-size: 11px;

}

a.readon:hover {
	font-family: Arial;
	color: Black;
	font-size: 11px;
	border-bottom: 1px dotted #0099FF;
}

.pagenav_next {

	font-family: Arial;

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

}

.pagenav_prev {

	font-family: Arial;

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

}