/*



grey		#61656C
blue		#006
red			#c00 / #c06
pink		#f09
yella(lite)	#ffffdb
yella		#d5bf00
*/

html {
	font-family:Verdana,Arial,sans-serif;
	color: #334;
	text-align:left;
	}
body {
	height:100%;
	margin:0;
	font-size:13px;
	line-height:18px;
	color:#50545b;/*61656C;*/
	background-color:#f2f2f1;
	}
img 			{ border:0; }
a				{ color:#0084C3; }
a:hover img		{ /*background-color:#fff;*/ }
a:focus 		{ outline:none; }

#skip {
	/*display:none; if you use display none, it gets left out by screen readers!!*/
	position:absolute;
	left:-900px;
	width:1px;
	height:1px;
	display:none;
	}	



/* CONTAINER DIV. All content is in here ----------------- */
#container {
	/*border:1px solid #c00;*/
	width:990px;
	margin:0 auto;
	background:url(images/bg_sidebar.png) repeat-y 770px 0;
	background-color:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	}



/* HEADER ----------------------------------------------- */
#header {
	width:990px;
	background:url(images/bg_header.png) repeat-x;
	padding:0;
	height:80px;
	overflow:hidden;
	clear:both;
	}
#logo {
	/*position:absolute;
	left:0px;
	top:0px;*/
	width:362px;
	height:80px;
	background:url(images/logo.png) no-repeat;
	}



/* MENUBAR ----------------------------------------------- */
#menubar {
	background:url(images/bg_menubar.png) repeat-x;
	height:38px;
	overflow:hidden;
	padding:0;
	clear:both;
	}
#menubar ul {
	margin:0 0 0 20px;
	padding:0;
	}
#menubar li {
	display:inline;
	list-style:none;
	font-size:17px;
	line-height:38px;
	margin-right:1em;
	}
#menubar a {
	text-decoration:none;
	color:#666666;
	}
#menubar a:hover {
	text-decoration:underline;
	color:#006;
	}
#menubar a.here {
	font-weight:bold;
	}

#banner_homepage {
	width:990px;
	height:220px;
	}
#banner {
	width:990px;
	height:160px;
	}
#wow {
	/*border:1px solid #00c;*/
	width:990px;
	height:50px;
	background-color:#006;
	background:url(images/bg_wow.png) no-repeat;
	color:#fff;
	overflow:hidden;
	font-family:Georgia,Times,serif;
	font-style:italic;
	font-size:16px;
	padding:0 10px 0 120px;
	display:table-cell;
	vertical-align:middle;
	}


/* ARTICLE. This is the left main area for page content --- */
#article {
	/*border:1px solid #00c;*/
	float:left;
	padding:10px 20px 0 20px;
	height:100%;
	width:730px;
	background:#fff;
	}
#article,#home_content {
	_font-size:1.1em;
	_line-height:1.3em;
	margin-top:0;
	}
#article_title h1 {
	font-size:22px;
	color:#ed1c24;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 auto;
	}
#article_title h1 .line2 {
	font-size:8px;
	text-transform:capitalize;
	}
#article h1 {
	font-weight:normal;
	color:#c06;
	font-size:26px;
	line-height:12px;
	_margin-top:0;
	margin-bottom:.4em;
	_padding-top:0;
	padding-bottom:10px;
	}
#article h2 {
	color:#006;
	font-size:20px;
	font-weight:normal;
	margin-bottom:.5em;
	margin-top:0;
	padding:0;
	}
#article h3 {
	color:#454545;
	text-transform:uppercase;
	font-size:14px;
	}
#article table h4 {
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	color:#61656C;
	}
#article ul {
	clear:left;
	margin:0;
	padding:.5em 0 0 0;
	}
#article ol {
	margin:0;
	padding:.5em 0 0 2em;
	}
#article ul li {
	list-style:none;
	background:url(images/b_square.png) no-repeat 0 4px;
	margin-bottom:.4em;
	margin-left:0;
	padding-left:20px;
	}

/*#article p,#article li {
	font-size:13px;
	line-height:16px;
	}*/
/* --------------------------------------------------------- */
.blog_entry {
	border-bottom:1px solid #006;
	margin-bottom:30px;
	padding-bottom:10px;
	}
.blog_entry h2 {
	margin-bottom:0;
	}
.blog_entry em {
	color:#999;
	margin-top:0;
	text-transform:uppercase;
	font-style:normal;
	}
/* --------------------------------------------------------- */

/* SIDEBAR. This is the right bar for submenu etc. -------- */
#sidebar {
	float:left;
	width:220px; /*214px;*/
	}
#sidebar h2 {
	color:#c06;
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:6px;
	_padding-top:10px;
	}
#sidebar h3 {
	text-align:center;
	background:url(images/bg_sidebar_h3.jpg) no-repeat 0 0;
	background-color:#c06;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	padding:4px;
	}
#sidebar p {
	padding:4px 12px 4px 12px;
	}


/* SUBMENU ------------------------------------------------- */
#submenu {
	background-color:#fff;
	width:220px;
	margin-top:20px;
	margin-bottom:20px;
	}
#submenu ul {
	text-align:left;
	margin:10px 0 0 0;
	padding:0px 0;
	background:url(images/bg_submenu.png) repeat-y 0 0;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	}
#submenu li {
	list-style:none;
	padding:6px 4px 6px 20px;
	font-size:13px;
	line-height:15px;
	border-bottom:1px solid #333;
	}
#submenu li.here {
	background-color:#fff;
	/*line-height:40px;*/
	padding-top:20px;
	padding-bottom:20px;
	}
#submenu li.last {
	border-bottom:none;
	}
#submenu a {
	text-decoration:none;
	color:#fff;
	}
#submenu li.here a {
	font-weight:bold;
	color:#006;
	}
#submenu a:hover {
	text-decoration:underline;
	color:#fff;
	}



#topics {
	margin:10px 0 10px 0px;
	padding:0;
	}
	
#topics>ul { /* > means directly between each: It doesn't count if there are any tags inbetween the two */
	/*border:1px dotted #c00;*/
	padding-left:8px;
	text-align:left;
	}
#topics li {
	/*border:1px dotted #0c0;*/
	list-style:none;
	background:url(images/i_news.png) no-repeat 0 0;
	line-height:14px;
	margin-bottom:2px;
	margin-right:8px;
	padding-left:20px;
	padding-bottom:4px;
	}
#topics>ul>li {
	border-bottom:1px solid #ccc;
	}
#topics li ul {
	/*border:1px dotted #00c;*/
	margin:4px 0 0 0;
	padding-left:0;
	}

#topics .articlesShow {
	display:block;
	}
#topics .articlesHide {
	display:none;
	}

#topics a {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	}
/* selected category */
#topics>ul>li>a.here {
	color:#c06;
	}
/* selected article */
#topics li ul a.here {
	font-style:normal;
	font-weight:bold;
	}
#topics a:hover {
	text-decoration:underline;
	color:#006;
	}


/* FOOTER ----------------------------------------------- */
#footer {
	/*border:1px solid #00c;*/
	background:url(images/bg_footer.jpg) repeat-x 0 0;
	background-color:#ccc;
	margin:30px 0;
	padding:20px 10px 10px 10px;
	color:#333;
	font-size:9px;
	clear:both;
	}
#footer a {
	color:#333;
	}


/* THINKADMIN USER STYLES ------------------------------- */
.intro {
	font-size:1.5em;
	line-height:1.3em;
	margin-bottom:1em;
	margin-top:0;
	/*width:540px;*/
	}
.note {
	font-size:1.0em !important;
	line-height:1.4em !important;
	color:#668;
	}
.scripture {
	background:url(Filestore/_icons/bible.png) no-repeat 0 0;
	padding-left:22px;
	min-height:30px;
	line-height:19px;
	font-size:15px;
	color:#039;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.scriptureSidebar {
	background:url(images/h_sidebar_scripture.jpg) no-repeat 0 0;
	padding-top:54px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#cececf;
	border-bottom:1px solid #61656c;
	}
.scriptureSidebar p {
	margin:3px 0px;
	}
.scriptureSidebar p.ref {
	text-transform:uppercase;
	}
.quote {
	background:url(Filestore/_icons/speechmarks.png) no-repeat 4px 4px;
	text-indent:24px;
	text-align:left;
	font-size:15px;
	line-height:20px;
	font-style:italic;
	color:#666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#sidebar .quote {
	background:none;
	text-indent:0;
	font-size:13px;
	line-height:17px;
	}
#sidebar .quote p {
	margin:2px auto;
	}
.confession {
	margin:1em 0;
	padding:1px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#c60;
	background:#ffffdb;
	font-size:1.1em;
	line-height:4em;
	}
.idea {
	background:url(Filestore/_icons/bulb.png) no-repeat 4px 4px;
	border:1px solid #d5bf00;
	padding:3px 3px 3px 20px;
	margin:20px 0;
	background-color:#ffffdb;
	}
.idea p {
	margin:0;
	padding:0;
	}
.latestnews {
	background:url(Filestore/Images/h_sidebar_latestnews.jpg) no-repeat 0 0;
	margin:20px 0;
	padding-top:30px;
	border-bottom:1px solid #61656C;
	}
#sidebar .latestnews p {
	margin:2px auto;
	}
	
.taPicStyle,.taPicStyleLeft,.taPicStyleRight,.taPicStyleCentre {
	margin:0 0 1em 0;
	padding:0;
/*	margin-bottom:0;
	margin-top:10px;
	padding-bottom:0;*/
	/*border:1px solid #006;*/
	}
.taPicStyleCentre {
	/*text-align:center;
	width:200px;
	position:relative;
	left:40%;*/
	}
.taPicStyleLeft {
	float:left;
	margin-right:1em;
	}
.taPicStyleRight {
	float:right;
	margin-left:1em;
	}
.taBox {
	border:1px solid #006;
	background-color:#feeded;
	padding:1em;
	}
.topOfPage {
	background:url(images/i_up.png) no-repeat 0 5px;
	clear:both;
	margin:3em 0;
	padding:1em 0 1em 20px;
	border-top:1px solid #ccc;
	}

/* MISC ---------------------------------------------- */
hr {
	color:#61656C;
	background:none;
	background-color:#61656C; 
	height:1px;
	border:none;
	/*clear:right;*/
	}
	
#player_media {
	float:left;
	border:1px solid #006;
	width:290px;
	padding:10px;
	margin-right:10px;
	/*display:none;*/
	}
#player_media h33 {
	margin-top:0;
	}
#player_media h4 {
	font-weight:normal;
	}
#player_media #message_description {
	font-size:11px;
	line-height:13px;
	}
#links_media {
	float:left;
	left:400px;
	width:400px;
	margin-bottom:20px;
	}
#links_media ul {
	border:1px solid #61656c;
	background-color:#eef;
	padding:6px;
	}
#links_media li {
	list-style:none;
	background:url(Filestore/_icons/sound.png) no-repeat 0 50%;
	_border-bottom:1px solid #61656c;
	padding-left:24px;
	}
#links_media li a.here {
	font-weight:bold;
	}
#links_media li a {
	font-weight:normal;
	}
.description {
	font-size:11px;
	line-height:14px
	}
	
	
/* -------------------------------------------------------- */
.success {
	background:url(Filestore/_icons/icon_yes.png) no-repeat 4px 4px;
	border:1px solid #396;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#d6e4bd;
	font-size:.8em;
	}
.failure {
	background:url(Filestore/_icons/icon_no.png) no-repeat 4px 4px;
	border:1px solid #c00;
	padding:3px 3px 3px 25px;
	margin-top:10px;
	background-color:#f5cccc;
	font-size:.8em;
	}


/* ===============================================================================*/
/* A div with a floated div inside will not expand to fill the contained div.  */
/* This fix deals with the matter. Apply class="clearfix" to the container div */
/* Thanks to http://positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	height:100%;
	}
/* ===============================================================================*/