/* CSS Document */
html,body {
	background-color: #28a;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#site-container {
	width: 800px; 
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}

#masthead {
	width: 800px;
	background: url(../images/masthead_bg.jpg) no-repeat top left;
	height: 70px;
	margin: 0;
	padding: 0;
}

#masthead h1 {
	font: normal 21px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}

/* content */
#content-container {
	width: 800px;
	/*height: 567px; /* change this height once you get content added */
	background-color: #28a;
	margin: 0;
	padding: 0;
}

#content-container img {
	border: none;
	margin: 0;
	padding: 0;
}
/*********** content divs ********/

#content-construction {
	width: 800px;
	background: #fff;
	height: 500px;
	margin: 0;
	padding: 250px 0 0 0;
}

/* content-wide div styles */
#content-wide {
	position: relative;
	width: 615px;
	background-color: #fff;
	margin: 0;
	padding: 20px 10px 20px 0;
}

#content-wide a {
	color: #003399;
	text-decoration: underline;
}

#content-wide img {
	border: none;
}

#content-wide img.adobe-reader {
	float: right;
	border: none;
	margin: 0 0 5px 0;
}

#content-wide img.adobe-reader-archive {
	float: none;
	border: none;
	margin: 10px 0 20px 20px;
	padding: 0;
}

#content-wide img.numbers-partner {
	float: left;
	border: none;
	margin: 0 10px 0 3px;
}

#content-wide h1 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 12px 20px;
	padding: 0;
}

#content-wide h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 5px 20px;
	padding: 0;
}

#content-wide h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 9px 0 3px 20px;
	padding: 0;
}

#content-wide h3 a {
	color: #000;
	text-decoration: underline;
}

blockquote {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#content-wide p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 3px 0 6px 0;
	padding: 0 0 7px 20px;
	line-height: 1.5em;
}

#content-wide .vid-clips {
	margin: 0 0 0 20px;
	width: 555px;
	text-align: center;
}


#content-wide ul, #content-wide ul.articles-nav {
	list-style: none;
	margin: 3px 0 18px 20px;
	padding: 0;
}

#content-wide ul.bulleted-list, #content-wide ul.sublist {
	list-style-type: none;
	margin: 3px 0 18px 25px;
}

#content-wide ul.bulleted-list li, #content-wide ul.sublist li {
	padding: 0 0 0 12px;
	background: url(../images/bulleted-list_bg.jpg) no-repeat center left;
}


#content-wide ul.video-list {
	list-style: none;
	margin: 3px 0 5px 20px;
	padding: 0;
}

#content-wide ul li, #content-wide ul.video-list li, #content-wide ul.bulleted-list li, #content-wide ul.articles-nav li {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#content-wide ul li {
	margin: 2px 0 0 0;
	padding: 0 0 0 18px;
	display: block;
}

#content-wide ul.video-list li {
	margin: 0 15px 0 0;
	padding: 0;
	display: inline;
}

#content-wide ul.articles-nav li {
	margin: 0 135px 0 0;
	padding: 0;
	display: inline;
}

#content-wide ul li a, #content-wide ul.video-list a, #content-wide ul.articles-nav a, #content-wide ul li a:hover, #content-wide ul.video-list li a:hover, #content-wide ul.articles-nav li a:hover {
	color: #000;
	text-decoration: underline;
}

#content-wide table {
	margin: 0 0 15px 20px;
}

#content-wide table.salvation {
	margin: 0 0 15px 0;
}

#content-wide td {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#content-wide td a {
	color: #000;
	text-decoration: underline;
}

/* meetings list */
#content-wide ul.meeting-list {
	list-style: none;
	margin: 0 0 20px 20px;
	padding: 0;
}

#content-wide ul.meeting-list li {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 2px 0 0 0;
	padding: 0;
	display: block;
}

#content-wide ul.meeting-list li a, #content-wide ul.meeting-list li a:hover {
	color: #000;
	text-decoration: underline;
}

/* media tabs */

/* home page cols */
#content-leftCol {
	float: left;
	width: 280px;
	height: 630px;
	background-color: #fff;
	margin: 0 20px 0 0;
	padding: 0;
}

#content-leftCol p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 6px 0 0 15px;
	padding: 0 0 4px 0;
	width: 240px;
	line-height: 1.25em;
}

#content-midCol {
	float: left;
	width: 320px;
	height: 630px;
	background-color: #fff;
	margin: 0 10px 0 0;
	padding: 0;
}

#content-midCol h2 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #156;
	margin: 9px 0 4px 20px;
	padding: 0;
}

#content-midCol h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 3px 0 2px 0;
	padding: 0;
}

#content-midCol p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 6px 0 0 20px;
	padding: 0 0 4px 0;
	width: 278px;
	line-height: 1.35em;
}

/** media tabs **/
#media-tabs {
	position: relative;
	width: 570px;
	margin: 0 0 20px 20px;
	border-bottom: 1px solid #ccc;
}

#media-tabs ul {
	width: 560px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#media-tabs ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#media-tabs ul li a {
	margin: 0 20px 1px 0;
	padding: 10px 0 0 0;
	border: none;
	text-decoration: none;
	width: 160px;
	height: 40px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	background: url(../images/tabs_inactive.jpg) no-repeat top left;
	display: inline-block;
}

#media-tabs ul li a.currenttab {
	width: 160px;
	height: 40px;
	background: url(../images/tabs_active.jpg) no-repeat top left;
	color: #156;
	margin: 0 20px 1px 0;
	padding: 10px 0 0 0;
}

#media-tabs ul li a:hover {
	border: none;
	text-decoration: none;
	color: #000;
}

/* navigation */
#siteNav {
	float: right;
	width: 160px;
	height: 520px;
	margin: 0;
}

#siteNav ul {
	width: 160px;
	list-style: none;
	margin: 0;
	padding: 0;
}`

#siteNav ul li {
	margin: 0;
	padding: 0;
	width: 160px;
	height: 40px;
}

#siteNav ul li a, #siteNav ul li.salvation a, #siteNav ul li.give a {
	margin: 0 0 1px 0;
	padding: 8px 0 0 0;
	border: none;
	text-decoration: none;
	width: 160px;
	height: 25px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #156;
	text-align: center;
	display: block;
}

#siteNav ul li a {
	background: url(../images/nav_li_bg.jpg) no-repeat top left;
	color: #156;
}

#siteNav ul li.salvation a {
	color: #630;
	background: url(../images/nav_salvation_bg.jpg) no-repeat top left;
}

#siteNav ul li.give a {
	color: #630;
	background: url(../images/nav_give_bg.jpg) no-repeat top left;
}

#siteNav ul li a.last {
	margin: 0 0 1px 0;
	padding: 0;
	background: url(../images/nav_li_bg.jpg) no-repeat top left;
}

#siteNav ul li a.currentpage {
	width: 160px;
	height: 30px;
	background: url(../images/nav_li_current_bg.jpg) no-repeat top left;
}

#siteNav ul li a.currentpage-salvation {
	width: 160px;
	height: 25px;
	background: url(../images/nav_salvation_selected_bg.jpg) no-repeat top left;
}

#siteNav ul li a.currentpage-give {
	width: 160px;
	height: 25px;
	background: url(../images/nav_give_selected_bg.jpg) no-repeat top left;
}

#siteNav ul li a.currentpage-last {
	padding: 0;
	width: 160px;
	height: 25px;
	background: url(../images/nav_li_current_bg.jpg) no-repeat top left;
}

#siteNav ul li a:hover {
	border: none;
	text-decoration: none;
}

/* footer */
#site-footer {
	width: 800px;
	height: 323px; 
	background: url(../images/footer_bg.jpg) no-repeat top left;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}

#site-footer ul {
	width: 600px;
	list-style: none;
	margin: 4px 0 0 110px;
	padding: 0;
	text-align: center
}

#site-footer ul.footer-address {
	margin: 0 0 0 110px;
	padding: 330px 0 5px 0;
}

#site-footer ul li, #site-footer ul.footer-address li {
	display: inline;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 4px 0 0;
	padding: 0 8px 0 0;
}

#site-footer ul li a, #site-footer ul.footer-address li a {
	color: #fff;
	text-decoration: underline;
}

#site-footer ul li a:hover, #site-footer ul.footer-address li a:hover {
	text-decoration: underline;
}