@charset "UTF-8";
/* CSS Document */

/* Reset
*********************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin:0px;
	padding:0px;
}


/* Elements
*********************************************************************/

body {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/media/img/centermd-bg.gif) repeat-y #e5e5e5;
	background-position:center;
}

h1 {
	font-weight:bold;
	font-size:.8em;
	margin:18px 15px 0;
}

h2 {
	font-size:.75em;
	line-height:1.3em;
	margin:12px 0;
	padding:0 15px;
}

h3 {
	background:url(/media/img/h1-bg.gif);
	height:23px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:6px 0 3px 10px;
}

h4 {
	height:24px;
	background:url(/media/img/sub-headerbg.gif);
	font-size:.9em;
	text-transform:uppercase;
	font-weight:bold;
	padding:6px 0 0 10px;
	border:1px solid #949494;
	border-bottom:0px;
}

h5 {
	font-weight:bold;
	font-size:1em;
	margin:18px 15px 0;
	color:#d1a22c;
}

p {
	color:#727171;
	font-size:.75em;
	line-height:1.5em;
	margin:5px 15px 0;
}

hr { 
	border: 1px dashed #bdbdbd; 
	border-style: none none dashed;
}

a {
	color:#991d13;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* Layout (in Alphabetical Order)
*********************************************************************/

.category {
	width:30%;
	float:left;
	margin:0 1.5% 30px;
	height:27em;
}

.category-body {
	border:1px solid #949494;
	height:23em;
	overflow:hidden;
}

.category-link {
	color:#636363;
}

#content {
	min-height:300px;
	background:#e5e5e5;
}

#content-wrapper {
	width:973px;
	margin:0 auto;
	/*border-left:1px solid #d5a626;
	border-right:1px solid #d5a626;*/
	min-height:300px;
}

#followus {
	min-height:30px;
	margin:0 auto;
}

.featured-category {
	width:30%;
	float:left;
	margin:20px 1.65%;
}

.featured-category-link {
	color:#fff;
}

#footer {
	background: #313131;
	height:50px;
}

#footer-wrapper {
	width:975px;
	height:42px;
	margin:0 auto;
}

#header {
	border-bottom:2px solid #494949;
	border-top:1px solid #8d8d8d;
	background:#fff;
}

#header-wrapper {
	width:975px;
	height:115px;
	margin:0 auto;
	background:url(/media/img/header-bg.jpg) no-repeat;
	background-position:right;
	position:relative;
}

#logo {
	left:27px;
	position:relative;
	top:17px;
}

#main-nav {
	position:absolute;
	top:82px;
	width:975px;
}

#top-nav {
	height:31px;
	background:url(/media/img/top-nav-bg.gif) repeat-x;
	border-bottom:1px solid #cd9d32;
}

#top-nav-wrapper {
	width:975px;
	margin:0 auto;
	height:31px;
	position:relative;
}


/* Page Elements
*********************************************************************/

#copyright {
	font-size:.65em;
	color:#c2c2c2;
	float:left;
	width:350px;
	padding:15px 0 0 0;
	margin:0 0 0 140px;
}

a#economy {
	/*width:135px;*/
	display:block;
	padding:10px 33px 9px 10px !important;
}

a#energy {
	/*width:80px;*/
	display:block;
}

.featured-category-body {
	border:1px solid #949494;
	height:29em;
	overflow:hidden;
	padding:0 0 15px 0;
}

ul#footer-nav {
	list-style:none;
	width:410px;
	float:left;
	position:relative;
	top:10px;
}

ul#footer-nav li {
	float:left;	
	padding:0 19px 0 0;
}

ul#footer-nav li a {
	font-size:.65em;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}

ul#footer-nav li a:hover {
	text-decoration:underline;
}

.highlight {
	color:#727171;
	font-size:.8em;
	margin:12px 0 5px;
	text-decoration:underline;
}

#main-nav ul{
	list-style:none;
	margin:0;
}

#main-nav li {
	float:left;
}

#main-nav li a {
	background:url(/media/img/main-nav-bg.gif) repeat-x scroll 0 0 transparent;
	border-left:1px solid #83191A;
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
	padding:10px 12px 9px 10px;
	text-decoration:none;
}

#main-nav li a:hover, #main-nav li a:active {
	text-decoration:underline;
}

img#mind-over-machines {
	float:left;
	margin:10px 0 0 0;
}

a#more-link {
	height:12px;
	width:44px;
	background:url(/media/img/more-bttn.png) no-repeat;
	display:block;
	color:#404040;
	text-decoration:none;
	font-size:.65em;
	font-weight:bold;
	padding:1px 10px 3px;
	white-space:nowrap;
}

a#more-link:hover {
	text-decoration:underline;
}

a#secondary-more-link {
	height:12px;
	width:44px;
	background:url(/media/img/secondary-more-bttn.png) no-repeat;
	display:block;
	color:#636363;
	text-decoration:none;
	font-size:.65em;
	font-weight:bold;
	padding:1px 10px 3px;
	white-space:nowrap;
}

a#secondary-more-link:hover {
	text-decoration:underline;
}

a#news {
	/*width:80px;*/
	display:block;
	border:0 !important;
	padding: 10px 12px 9px 28px !important;
}

a#government {
	/*width:110px;*/
	display:block;
}

a#next-economy {
	/*width:85px;*/
	display:block;
}

.sidebar {
	float:left;
	width:30%;
	padding:30px 30px 50px;
}

.static-page-content {
	padding:30px 30px 50px;
	width:55%;
	float:left;
}
 
.static-page-content p {
	padding: 0 40px 5px 0;
	line-height:1.4em;
}

.static-page-header {
	font-size:1.3em;
	color:#991d13;
	padding:0;
	text-transform:uppercase;
}

#submit-form {
	margin: 0 0;
	text-align:left;
}
#submit-form label {
	color:#727171;
	font-size:.68em;
	line-height:1.3em;
	margin:5px 15px 0;
	
}

ul#top-nav-list {
	list-style:none;
	float:right;
	/*width:300px;*/
}

ul#top-nav-list li {
	float:left;	
	padding:5px 19px 0 0;
}

ul#top-nav-list li a {
	font-size:.65em;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}

ul#top-nav-list li a:hover, ul#top-nav-list li a:active {
	text-decoration:underline;
}


/* Misc.
*********************************************************************/

.clear {
	clear:both;
}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
        min-width:990px;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Modal styles
*********************************************************************/

a.close { 
  display:block;
  text-indent:-3000px;
  background:url(/media/img/close.png);
  height:22px;
  width:22px;
  position:relative;
  top:-19px;
  left:466px;
}	

a.close:hover { 
  background:url(/media/img/close-hover.png);
}	

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1,
#boxes #dialog2,
#boxes #dialog3,
#boxes #dialog4,
#boxes #dialog5,
#boxes #dialog6
{
  width:440px; 
  height:440px;
  background-color:white;
  padding:8px 40px 40px;

}

#boxes #inner-dialog1,
#boxes #inner-dialog2,
#boxes #inner-dialog3,
#boxes #inner-dialog4,
#boxes #inner-dialog5,
#boxes #inner-dialog6
{
  height:420px;
  margin:0 -10px 0 0;
  overflow:auto;
  padding:0 30px 0 0;
}

/* #dialog1 p {
  width: 380px;
} */

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

/*#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}*/