/***************************************** HTML Styles *****************************************/

html, body {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	background: #191933;
	}

a { 
	color: #ffcc66; 
	text-decoration: none; 
	font-weight: bold;
	} 

a:active, a:hover { 
	color: #ffcc66; 
	text-decoration: underline;
	}

h1 {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 18pt;
	font-weight: bold;
	color:#FFFFFF;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	color:#ffcc66;
	font-weight: bold;
	}

h3 {
	font-size: 12pt;
	color:#6699FF;
	font-weight: normal;
	}

h4 {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	}
h5 { font-size: 16px; color: #fff; margin: 0 0 10px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

p {
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: justify;
	}

table {
	margin: 0 0 10px 0;
	}

ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
	}

td, p, li {
	font-size: 10pt;
	line-height: 150%;
	}

th {
	background-color: #000;
	color: #aabdd0;
	line-height: 110%;
	}

th.subhead {
	background-color: #303F54;
	color: #aabdd0;
	line-height: 110%;
	}

form{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}

label {
	margin-right: 10px;
	}

input {
	width: 150px;
	height: 15px;
	color: #ffcc66;
	border: 1px solid #686f76;
	background: #070707;
	}

textarea {
	color: #aabdd0;
	border: 1px solid #686f76;
	background: #070707;
	margin: 0;
	}
	
.spacer {
	clear: both;
	height: 50px;
	width: 10px;
	}

.spacetoright {
	float: left;
	width: 10px;
	height: 10px;
	}
	
/***************************************** Page Styles *****************************************/
.more_button a {
	clear: both;
	display: block;
	width: 80px;
	height: 20px;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #aabdd0;
	background: #0b1016;
	border: 1px solid #05070a;
	white-space: nowrap
	}

#page-outer {
	background:  url("../images/bkg-page-top.gif") top repeat-x;
	}

#page-inner {
	background:  url("../images/bkg-footer.gif") bottom repeat-x;
	}

#page-top {
	margin: auto;
	width: 960px;
	}

#page {
	margin: auto;
	width: 960px;
	}

#fill-empty-space {
	background-color: #06080a;
	min-height: 10%;
	}

/***************************************** Header & Banner Styles *****************************************/

#templatemo_header_wrapper {
	width: 100%;
	height: 250px;
	background: url(../images/templatemo_header_wrapper.jpg) repeat-x;
	border-bottom: 1px solid #000;
	float: left;
}
#templatemo_header_bkg {
	width: 100%;
	height: 250px;
	background: url(../images/templatemo_header.jpg) no-repeat center;
}

#templatemo_header {
	overflow: hidden;
	width: 920px;
	height: 210px;
	margin: 0 auto;
}

/* top row */

#templatemo_top_row_wrapper {
	clear: both;
	width: 100%;
	height: 160px;
	background: url(../images/templatemo_top_row.jpg) repeat-x; 
	border-bottom: 1px solid #000;
}

#templatemo_top_row {
	width: 930px;
	margin: 0 auto;
	padding: 0 25px;
}

#templatemo_top_row .top_row_box {
	overflow: hidden;
	float: left;
	width: 250px;
	height: 110px;
	padding: 20px 45px 20px 15px;
	background: url(../images/templatemo_top_row_divider.png) right center no-repeat;
	line-height:normal
}

#templatemo_top_row .last {
	background: none;
}

#templatemo_top_row p {
	color: #CCCCCC;
}
.button a {
	clear: both;
	display: block;
	width: 109px;
	height: 30px;
	padding: 4px 0 0 0;
	background:	url(../images/templatemo_button.png) no-repeat;
	
	
	color: #ccc;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	color: #fff;
	background: url(../images/templatemo_button_hover.png) no-repeat;
}

/* end of top row */


/* top titles row */
#templatemo_titles {
	clear: both;
	width: 100%;
	float: left;
}
#templatemo_titles_wrapper {
	clear: both;
	width: 100%;
	background: #191933 url(../images/templatemo_top_short.jpg) repeat-x top left;
}

#templatemo_titles_row {
	width: 930px;
	margin: 0 auto;
	padding: 25px 25px 0 25px;
}
#templatemo_titles_bkg {
	background: url(../images/bkg-title.png) repeat-x left;
	height: 51px;
}

#templatemo_titles_row p {
	font-size:18px;
	color: #FFFFFF;
	padding: 10px 25px;
}

/* end of top row */


#banner {
	float: left;
	width: 560px;
	height: 100px;
	}

#banner-inner {
	text-align: right;
	padding: 40px 20px 0 0;
	font-size: 11pt;
	line-height: 120%;
	color: #FFFFFF;	
	}
	
#banner-inner span {
	font-size: 24px;
	font-weight: bold;
	color: #ff6000;	
	}

/***************************************** Content Styles *****************************************/

#content {
	background: #3d3d69 url(../images/bkg-content.gif) repeat-x top left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #282829;
	float: left;
	}

#left-column {
	float: left;
	width: 280px;
	padding: 35px 20px 0 0px;
	background:  url("../images/bkg-left-column.png") top center no-repeat;
	}

.login_form{
	background: transparent;
	width: 240px;
	padding: 15px;
	}

.news {
	padding: 0 0 5px 0;
	}


#right-column {
	width: 930px;
	padding: 25px 30px;
	margin: 0 auto;
	}

.one-column {
	width: 530px;
	}

.one-column img {
	float: right;
	clear: both;	
	margin: 0 0 5px 10px;
	border: 3px solid #0e121d;
	}

.two-column {
	width: 530px;
	}

.two-column_box {
	float: left;
	width: 230px;
	padding: 10px;
	background: #0c1117 url("../images/bkg-box.gif") top right no-repeat;
	border: 5px solid #0f1721;
	}
	
.two-column_box img {
	float: left;
	margin: 2px 10px 0 0;
	border: 3px solid #0e121d;
	}
	
.two-column_box p {
	text-align: left;
	}
	
.two-column_box ul {
	margin: 0 0 0 10px;
	padding: 0px;
	}
	
.two-column_box li {
	list-style: none;
	padding: 10px 0 10px 20px;
	background:  url("../images/icon-li.png") center left no-repeat;
	}

#gallery {
	width: 530px;
	}

.gallery_column {
	float: left;
	width: 165px;
	}

.gallery_column img {
	border: 5px solid #000000;
	margin: 0 0 10px 0;
	}

.gallery_column p {
	text-align: left;
	}
/* footer */

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	background: #090909;
	border-top: 1px solid #000;	
	border-bottom: 1px solid #000;
}

#templatemo_footer {
	width: 930px;
	padding: 45px 30px;
	margin: 0 auto;
	color: #d8d3bd;
}

.footer_box {
	float: left;
	width: 280px;
	padding: 0 30px 0 0;
	line-height:normal
}
.footer_box h3 { font-size: 21px; color: #fff; margin: 0 0 20px 0; padding: 0; }
.footer_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_menu li {
	margin: 0;
	padding: 5px 0;
}

.footer_menu li a {
	color: #d8d3bd;
}

.footer_menu li a:hover {
	color: #fff;
}

#templatemo_footer img{
	padding: 4px;
	background: #000;
	border: 1px solid #34322f;
	margin-bottom: 10px;
}

/* end of footer */
/* copyright */

#templatemo_copyright_wrapper {
	width: 100%;
	background: #000000;
	border-top: 1px solid #262626;
}

#templatemo_copyright {
	width: 960px;
	margin: 0 auto;
	padding: 15px 20px;
	text-align: center;
	color: #6e6965;
}

#templatemo_copyright a {
	color: #6e6965;
}
/* end of copyright */

/*********************** News styles ***********************/

.news-headline{
	font-weight: bold;
	text-align: left;
	}

.storyTitle {
	font-size: 12pt;
	font-weight:bold;
	letter-spacing: 10px;
		}

.storyText p { 
	font-size: 10pt;
	}

.module-news-pic {
	text-align: left;
	}

.news-pic {
	float: left;
	padding-right: 10px;
	}
	
/*********************** Calculator styles ***********************/

#calculator {
	width: 100px;
	text-align: left;
	}

.calculator-button {
	border: 1px solid #666;
	background-color: #DDD;
	font-size:9px;
	width: 20px;
	height: 20px;
	margin: 1px;
	padding: 0;
	color: #333;
	}

.calculator-clear {
	background-color:#CC0000; 
	color: #FFF;
	}

.calculator-function {
	background-color:#999; 
	}

.caclulator-display {
	width: 110px;
	border: 1px solid #666;
	padding-left: 3px;
	}


/*********************** Search styles ***********************/

#search {
	width: 150px;
	}

#search td {
	text-align: left;
	}

#search td b {
	font-weight: normal;
	}

.search-button {
	font-size:10px;
	font-weight: bold;
	width: auto;
	height: 20px;
	margin: 1px;
	padding: 3px;
	}

.search-display {
	width: 110px;
	padding: 3px;
	}

#search div {
	text-align: left;
	}

/*********************** Market Watch styles ***********************/

#stocks table, table#stocks {
	font-size: 10px;
	background-color: #17212b;
	}

#stocks th {
	background-color: #000;
	color: #AFBDCF;
	font-weight:bold;
	font-size: 10px;
	padding: 4px;
	}

#stocks .row1 {
	padding: 4px;
	font-size: 10px;
	}

#stocks .row2 {
	background-color: #303F54;
	padding: 4px;
	font-size: 10px;
	}

#stocks .stock-footer {
	border-top: 1px solid  #34373A;
	background: none;
	}


/*********************** Map styles ***********************/

.map-field {
	border: 1px solid #666;
	padding-left: 3px;
	height: 20px;
	}


/*********************** Weather styles ***********************/

#weather {
	text-align: center;
	}

#module-weather, #module-weather form {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 175px;
	}

#module-weather td, #module-weather p {
	font-size: 10px;
	text-align: left;
	}

#module-weather .weather-location {
	text-align: center;
	font-weight:bold;
	display: block;
	width: 100%;
	/*background-color: #CCC;*/
	padding-top: 2px;
	padding-bottom: 2px;
	}

#module-weather .weather-image {
	float:left;
	}

#module-weather .weather-data {
	/*border: 1px solid #CCC;*/
	padding: 2px;
	}
	
#module-weather .weather-conditions {
	/*border: 1px solid #CCC;*/
	padding: 2px;
	margin-right: 0px;
	width: 135px;
	font-size: 10px;
	}

#module-weather .weather-temp {
	display: block;
	font-size: 20px;
	font-weight:bold;
	}

#module-weather .weather-forecast {
	}

#module-weather table.forecast-data {
	width: 150px;
	padding-left: 2px;
	}

#module-weather .weather-forecast-title {
	font-weight:bold;
	background-color: #303F54;
	color: #AFBDCF;
	padding: 2px;
	text-transform: uppercase;
	text-align: center;
	}

.weather-footer td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

hr.weather-footer {
	width: 165px;
	border: 1px 0;
	margin: 0;
	padding: 0;
	}

.weather-search, .weather-search font {
	color: inherit;
	text-align: left;
	line-height: 110%
	}

#module-weather form .weather-search input {
	width: 100px;
	height: auto;
	padding: 3px;
	}

#module-weather form .weather-search .input_type {
	width: auto;
	height: auto;
	padding: 3px;
	}