/***************************************************************
	Vivid v1.0 
	By Ori Pearl
	http://www.oripearl.com/
	Instructions can be found in the attached Instructions.txt
***************************************************************/

/**********************************
	Reset settings  
**********************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
text-align:left;
vertical-align:baseline;
}

/**********************************
	Basic elements 
**********************************/
body {
background:url('../images/top-bg.jpg') repeat-x #fff;
color:#383737;
font-family:Verdana, Arial, sans-serif;
font-size:13px;
}

h1 {
color:#587f29;
font-size:18px;
font-weight:400;
margin-bottom:8px;
}

h2 {
color:#e65a05;
font-size:16px;
font-style:italic;
font-weight:400;
margin-bottom:8px;
}

a {
color:#3837AA;
text-decoration: none;
}

a:hover {
color:#5555ff;
text-decoration: underline;
}

a img {
text-decoration:none;
}

p {
margin-bottom:18px;
text-align:left;
}

p img {
margin:6px;
}

blockquote {
color:#626262;
font-style:italic;
}

/* Table */
table.downloads caption,th,td {
font-weight:400;
text-align:left;
}

table.downloads table,td,th {
vertical-align:middle;
}

table.downloads {
margin-bottom:8px;
width:100%;
}

table.downloads th {
background:#C3D9FF;
font-weight:700;
}

table.downloads th,td {
padding:4px 10px 4px 5px;
}

table.downloads tr td {
background:#E5ECF9;
text-align:left;
}
table .newsletter table tr td {
	vertical-align: top;
	border: 1px;
	
	}
	
/* Lists */
ul,ol {
margin:0 16px 8px;
}

ul {
list-style-type:square;
}

li {
margin-left:14px;
}

.date {
font-size:12px;
font-style:italic;
}

/**********************************
	Header settings  
**********************************/
#header {
margin:90px auto 0;
width:900px;
}

#header #header-message {
color:#ef5400;
float:right;
font-size:16px;
}

#header #logo {
float:left;
}

/**********************************
	Menu settings  
**********************************/
#menu-strip {
background:#336699;
float:left;
height:40px;
margin-top:10px;
width:100%;
}

#top-menu {
margin:8px auto;
width:900px;
}

#top-menu li {
display:inline;
float:left;
list-style-type:none;
margin-left:0;
margin-right:40px;
}

#top-menu a {
color:#fff;
font-size:17px;
text-decoration:none;
}

#top-menu a:hover {
color:#ffa46d;
}

/**********************************
	Main content settings  
**********************************/
#wrapper {
clear:both;
margin:0 auto;
padding-top:30px;
width:900px;
}

#featured{
width: 800px;
margin: 10px auto 20px auto;
}
#featured h1{
color:#ef5400;
font-size:24px;
display: inline;
margin-bottom: 10px;
}

#main-content {
float:left;
margin-right:40px;
width:560px;
}

#main-content p {
line-height:20px;
}

.block {
margin-bottom:18px;
}

/**********************************
	Sidebar settings  
**********************************/
#sidebar {
float:left;
width:300px;
}
/*
#sidebar img {
float:left;
}
*/
/**********************************
	Search form settings  
**********************************/
.search-form {
margin-bottom:18px;
}

.search-form #searchterm {
height:17px;
width:146px;
}

.search-form #submitbutton {
background-color:#fff;
border:solid 1px #383737;
color:#383737;
font-size:13px;
}

/**********************************
	Footer settings  
**********************************/
#footer {
background:#be370e;
float:left;
height:24px;
margin-top:50px;
width:100%;
}

#footer-content {
color:#fff;
font-size:11px;
margin:5px auto;
width:900px;
}

#footer-content a {
color:#fff;
}

#footer-content p {
margin-bottom:0;
}
.clear{
	clear:both;}

.graphcont {
padding-top:10px;
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:500px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(../images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}

.graphsm {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:250px;
padding:0
}

.graphsm .bar {
display:block;
position:relative;
background-image:url(../images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graphsm .bar span {
position:absolute;
left:1em
}

.ograph {
float:left;
margin-top:10px;
background-color:#cecece;
position:relative;
width:250px;
padding:0
}

.ograph .bar {
display:block;
position:relative;
background-image:url(../images/obargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#8e5302 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.ograph .bar span {
position:absolute;
left:1em
}

.graphlg {
/* float:left; */
margin-top:10px;
margin: auto;
background-color:#cecece;
position:relative;
width:800px;
padding:0
}

.graphlg .bar {
display:block;
position:relative;
background-image:url(../images/bargraphlg.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
line-height:1.9em
}

.graphlg .bar span {
position:absolute;
left:1em
}



.headline {
	font-family: times new roman, seriff;
	font-size: 25px;
	
}
.headline a{
	color: #3333AA;
	text-decoration:none;
}
.headline a:hover {
	text-decoration:underline;
	color: #3333EE;
}
.smheadline {
	font-family: times new roman, seriff;
	font-size: 20px;
	
}
.smheadline a{
	color: #3333AA;
	text-decoration:none;
}
.smheadline a:hover {
	text-decoration:underline;
	color: #3333EE;
}
.imagebox {
	float: left;
	width: 250px;
	border: 1px solid #999;
	padding: 5px;
	margin: 0px 10px 10px 0px;
}
.imagebox p {
	font-size: .75em;
	color: #666;
	font-style: italic;
	line-height: 100%;
	Margin-bottom: 0px;
	}
.imagebox img {
	margin-bottom: 5px;
}
.articlesbox {
	float: left;
	width: 225px;
	border: 1px solid #999;
	padding: 5px;
	margin: 0px 10px 10px 0px;
}
.articlesbox p {
	font-size: .75em;
	color: #000;
	line-height: 100%;
	}
.articlesbox img {
	margin-bottom: 5px;
}
.articlesbox h1 {
color:#587f29;
font-size:25px;
font-weight:400;
margin-bottom:8px;
text-decoration: none;
}
.articlesbox h1 :hover{
color:#587f29;
font-size:25px;
font-weight:400;
margin-bottom:8px;
text-decoration: underline;
}
.articlebox h2 {
	font-family: times new roman, seriff;
	font-size: 20px;
	
}
.articlebox h2 a{
	color: #3333AA;
	text-decoration:none;
}
.articlebox h2 a:hover {
	text-decoration:underline;
	color: #3333EE;
}
#firstart{
	width: 255px;
	float: left;
	margin-right:30px;

}
#secondart{
	width: 255px;
	float: left;

}
#prayer{
	width: 550px;
	border: 1px solid #999;
	background-color: #f5f5ff;
	margin: 30px auto auto auto;
	float:left;
	padding: 10px;
	}
#prayer ul li{
	margin-left: 20px;
	font-size:1.15em;
}