* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;

 }

#wrapper {  margin: 0 auto; width: 922px;}
#header {
	color: #333;
	width: 920px;
	float: left;
	padding: 0px;
	border: 1px solid #ccc;
	height: 170px;
	background-color: #E7DBD5;
	background-image: url(banner.jpg);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#leftcolumn {
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	/*height: 350px;*/
	width: 435px;
	float: left;
	 
	background-color: #FFFFFF;
}
#rightcolumn {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	/*height: 350px;*/
	width: 435px;
	display: inline;
	background-color: #FFFFFF;
}

/* Used in Main Info Panels */
#onecolumn {
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	/*height: 350px;*/
	width: 910px;
	float: left;
	background-color: #FFFFFF;
}
/*Content Area for Orientation */

#contentTable {float: left; width: 920px}

#leftCell {width: 50%; border: 1px solid #DDD; padding: 5px; vertical-align: top;
font-size: 12pt;}
#rightCell {width: 50%; border: 1px solid #DDD; padding: 5px; text-align:center}



#footer { 
 width: 900px;
 clear: both;
 color: white;
 border: 1px solid #ccc;
 background: #C24B4B;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
 
 
/* Orientation */

#wrapper-orientation {
	float: left;
	width: 920px;
	color: #333;
	padding:  0px;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
	background-color: #C24B4B;
}
 
#orientationheader {  }
#orientationheader  p#heading {
	font-size: 22px;
	font-weight: bolder;
	margin: 0px 0px 0px 20px;
	/*color: #8B4E9C;*/
	color:black; font-weight:bolder;
}
#orientationheader  p#screentitle {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 40px;color:white; 
}


#orientationheader span {
		font-size: 18px;
		margin-left: 300px;
		font-weight: normal; }

#orientationheader span a {
	margin-left: 20px;
}
#footer-orientation { 
 width: 900px; height: 70px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 /*background: #BD9C8C;*/
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#footer-orientation  #statusbar {float:right; border: 0px solid black; 
 			margin: 0px 40px 0px 00px; padding: 5px 10px 5px 0px; text-align:left; width:440px;
			vertical-align:bottom;}
 #footer-orientation  #nextlink {float:right; border: 0px solid black; 
 			margin: 0px 20px 0px 20px; text-align:center}
 #footer-orientation  #prevlink {float:right; border: 0px solid black; 
 					margin: 0px 20px 0px 20px; text-align:center}
#footer-orientation  #pagination {float:right;background-color: #C24B4B; color:black;
					margin: 0px 100px 0px 20px; border: 1px solid black; 
					padding: 5px 10px 5px 10px; 	font-weight:bolder}



/* Navigation */
 
#wrapper-menu {
float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #C24B4B;
}



#menu {
	
	font-size: 95%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 0px solid #95bc0e;
	border-right: 0px solid #95bf0f;
	width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	background: transparent;
	color: #fff;
	text-decoration: none;
	float: left;
	/*border-right: 1px solid #95bc0e;*/
}

#menu a:hover {
	color: white;
	background-color: #913131;
}

#menu a.selected {background-color: #913131;color: white;}

/* TYPOGRAPHY */
p, ul, ol {margin: 1.5em 0 1.5em 0}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
span.everykilowatt {font-weight:bold}

/* Lists */

ul , ol {border: 0px solid black; margin: 0px 0px 0px 20px ; padding: 0px 0px 0px  0px ;}
li {border: 0px solid red; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px}
	 

 

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
.floatRight {float:right}
.floatRightBox {float:right;padding: 5px;	border: 1px solid #999999;margin: 5px;text-align: center;	background: #EEEEEE;}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

a:link, a:visited, a:active {
color:#00A4E4;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

/*jquery tooltip CSS*/

#tooltip {
	background-color:white;
	border:1px solid red;
/*	opacity:0.85;*/
	padding:5px;
	position:absolute;
	z-index:3000;
	color: #FFFFFF; width: 250px;
	 
}
 
#tooltip h3, #tooltip div {
	margin:0pt;
	color:black;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .1em;
text-align:justify;
}

 /* Login Form */
#loginform {width:300px;margin:auto;}
#loginform fieldset{padding:10px;}
#loginform legend{font-weight:bold;font-size:9pt;}
#loginform label{display:block;height:2em;background-color:#E7E7E7;padding:10px 10px 0;}
#loginform input {margin-right:20px;border:1px solid #999999;float:right;
	clear:right;background:#CCCCCC;}
#loginform input:focus,#loginform input:hover {border:1px solid #333333;}

 /* Subscribe Form */
#subscribeform {width:300px;margin: 10px auto;}
#subscribeform fieldset{padding:10px;}
#subscribeform fieldset p {margin: 0px}
#subscribeform legend{font-weight:bold;font-size:9pt;}
#subscribeform label{display:block;height:2em;background-color:#E7E7E7;padding:4px  0px 0px 5px;}
#subscribeform input {margin-right:12px;border:1px solid #999999;float:right;
	clear:right;background:#CCCCCC;}
#subscribeform input#submit {margin-left:120px;float: none;border:px solid #999999; background:#CCCCCC;}
#subscribeform input:focus,#loginform input:hover {border:1px solid #333333;}

/* Quiz Styling */
#quizform ul {list-style-type: upper-alpha;  }
#quizform ul li {margin:20px;}
#quizform ul li.correct{text-decoration: underline }
#quizform input#submit {margin-left: 350px}