/* SMTI Section */

body {
	background-color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #eeeeee;
	margin: 0px;
}
/* HEADER */
	#header {
		width: 875px;
		padding-right: 45px;
		text-align: right;
		font-weight: bold;
		color: #CCCCCC;
	}
	#header a:link {
		color: #CCCCCC;
		text-decoration: none;
	}
	#header a:visited {
		text-decoration: none;
		color: #CCCCCC;
	}
	#header a:hover {
		text-decoration: underline;
		color: #FFCC00;
	}
	#header a:active {
		text-decoration: underline;
		color: #FFCC00;
	}
	#header ul {
		text-align:right;
		margin-left: 0;
		padding-left: 10px;
		padding-top: 2px;
		margin-bottom: 0px;
	}
	#header li {
		list-style-type:none;
		padding: 0px 5px 0px 9px;
		border-left: 1px groove;
		display: inline;
	}
	#header li:first-child {
		border: none;
		padding: 0px 5px 0px 4px;
	}
/* CONTENT */
	#content {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: normal;
	}
	h1 {
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	h2 {
		font-size: 13px;
		color: #ffffff;
		text-decoration: none;
	}
	.scripture_quotation {
		font-weight: normal;
		font-style: italic;
	}
	a:link {
		color: #eeeeee;
		text-decoration: underline;
		font-weight: bold;
	}
	a:visited {
		text-decoration: underline;
		color: #eeeeee;
		font-weight: bold;
	}
	a:hover {
		text-decoration: underline;
		color: #ffff00;
		font-weight: bold;
	}
	a:active {
		text-decoration: underline;
		color: #ffff00;
		font-weight: bold;
	}

/* SIDEBAR */
	#sidebar {
		text-align: left;
		padding-left: 25px;
		padding-right: 25px;
		color: #eeeeee;
	}
	.sidebar_title {
		font-size: 13px;
		color: #ffffff;
		font-weight: bold;
	}
	#sidebar a:link {
		color: #ffcc00;
		text-decoration: underline;
		font-weight: bold;
	}
	#sidebar a:visited {
		color: #ffcc00;
		text-decoration: underline;
		font-weight: bold;
	}
	#sidebar a:hover {
		color: #ffff00;
		text-decoration: underline;
		font-weight: bold;
	}
	#sidebar a:active {
		color: #ffff00;
		text-decoration: underline;
		font-weight: bold;
	}
/* FOOTER */
	#footer {
		width: 850px;
		color: #cccccc;
		text-align: center;
		font-weight: normal;
	}
	#footer a:link {
		color: #cccccc;
		text-decoration: none;
	}
	#footer a:visited {
		text-decoration: none;
		color: #cccccc;
	}
	#footer a:hover {
		text-decoration: underline;
		color: #ffffff;
	}
	#footer a:active {
		text-decoration: underline;
		color: #ffffff;
	}
	#footer ul {
		text-align:center;
		margin-left: 0;
		padding-left: 10px;
		padding-top: 5px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	#footer li {
		display: inline;
		background-image: url(../_images/bullet.gif);
		background-repeat: no-repeat;
		padding-left: 13px;
	}
	#footer li:first-child {
		border: none;
		background-image: none;
	}

/* ------------------------------------------------------------------ MISC */
	.drawLeft {
		margin-left: -8px;
	}
	#flash_column {
		padding-left: 18px;
		padding-right: 18px;
	}
	.button_style {
		font-size: 11px;
	}
/* ------------------------------------------------------------------ LOGIN */
	#login
	{
		position: absolute;
		text-align: left;
		padding-top: 5px;
		width: 688px;
		height: 0px;
		top: 0px;
		left: 50%;
		margin-left: -419px;
		overflow: hidden;
	}
	#loginElements
	{
		padding-top: 5px;
		width: 686px;
		height: 28px;
		bottom: 0px;
		left: 0px;
		overflow: hidden;
		color: #cccccc;
	}
/* ------------------------------------------------------------------ CHARTS */
	#container {
		margin: auto;
		padding:0px;
		width: 495px;
		border-top:0px;
		background-color: #a24545;
	}
	#container #title {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: 42px;
	}
	#container #title #title_main {
		float: left;
		padding: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: 8px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#container #main{
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-size: 11px;
	   padding:10px;
	   margin:0px;
	   text-align:left;
	}
/* --------------------------------------------------------------- The sorrounding chart box */

	.chartbox {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFF;
		text-align: center;
		margin:auto;
		padding:5px;
		padding-top:30px;
		overflow:hidden;
		background-color:#a24545;
	}

	.chartbox h2{
		font-size: 14px;
		font-weight:bold;
		padding:0px;
		margin:5px 0px;
	}
/* --------------------------------------------------------------- Horizontal chart elements */
	.barh{
		margin: 4px;
		text-align:left;
		clear:both;
	}
	.barhvalue {
		padding:0px;
		margin:0px 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		overflow:hidden;
		float:left;
	}
	.barhcaption {
		padding:0px;
		margin:0px 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		overflow:hidden;
		float:left;
	}
	.barhimage {
		float:left;
	}