/* CSS - HCBCUT - 2007 */

body {
	background-image:url('../images/bg.jpg');
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica;
}

#mainContainer {
	margin:0 auto;
	margin-top:32px;
	width:734px;
	height:609px;
}

#header {
	background-image:url('../images/headerbg.png');
	width:734px;
	height:190px;
}

#content {
	background-image:url('../images/contentbg.png');
	width:734px;
	height:259px;
}

#defContent {
	background-image:url('../images/defBody.png');
	background-repeat:no-repeat;
	background-position:1px 0px;
	width:733px;
	height:500px;
}

#paperWriting {
	position:relative;
	background-image:url('../images/bottomPaper.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	height:645px;
	text-align:left;
	width:509px;
	margin-left:185px !important;
	margin-left:183px;
	font-family:Century Gothic, Arial;
	font-size:13px;
}

#paperWritingLong {
	position:relative;
	background-image:url('../images/bottomPaperLong.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	height:1045px;
	text-align:left;
	width:509px;
	margin-left:185px !important;
	margin-left:183px;
	font-family:Century Gothic, Arial;
	font-size:13px;
}

#paperWritingLonger {
	position:relative;
	background-image:url('../images/bottomPaperLonger.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	height:1745px;
	text-align:left;
	width:509px;
	margin-left:185px !important;
	margin-left:183px;
	font-family:Century Gothic, Arial;
	font-size:13px;
}

#paperWritingLongest {
	position:relative;
	background-image:url('../images/bottomPaperLongest.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	height:2745px;
	text-align:left;
	width:509px;
	margin-left:185px !important;
	margin-left:183px;
	font-family:Century Gothic, Arial;
	font-size:13px;
}

#paperWritingLongester {
	position:relative;
	background-image:url('../images/bottomPaperLongester.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	height:3245px;
	text-align:left;
	width:509px;
	margin-left:185px !important;
	margin-left:183px;
	font-family:Century Gothic, Arial;
	font-size:13px;
}

.defPicture {
	float:right; 
	overflow:hidden;
	width:193px; 
	height:227px; 
	margin:10px; 
	margin-right:15px !important; 
	margin-right:5px;
}

.paperContent { 
	position:relative;
	height:560px;
	padding:15px;
	padding-top:50px;
	clear:right;
}

.paperContentLong {
	position:relative;
	height:960px;
	padding:15px;
	padding-top:50px;
	clear:right;
}

.paperContentLonger {
	position:relative;
	height:1660px;
	padding:15px;
	padding-top:50px;
	clear:right;
}

.paperContentLongest {
	position:relative;
	height:2660px;
	padding:15px;
	padding-top:50px;
	clear:right;
}

.paperContentLongester {
	position:relative;
	height:3660px;
	padding:15px;
	padding-top:50px;
	clear:right;
}

.contentTitle {
	padding-bottom:10px;
	font-size:22px;
	font-weight:700;
	color:#333333;
}

#topAddress {
	position:relative;
	top:98px;
	left:555px;
	line-height:12px;
	height:36px;
	color:#EEEEEE;
	font-size:10px;
	width:150px;
	text-align:right;
}

#marquee {
	position:relative;
	width:450px;
	top:132px;
	left:210px;
	height:20px;
	font-size:11px;
	color:#663300;
	overflow:hidden;
}

#currentSeriesImage {
	float:left;
	display:inline;
	padding-top:24px;
	padding-left:29px;
	width:404px;
	height:209px;
	overflow:hidden;
}



#currentSeries {
	color: #FFFFEE;
	height:210px;
	overflow:hidden;
	background-color:#002244;
	opacity:0.90;
	filter:alpha(opacity=90);
	background-position:right;
}

#currentSeriesContent {
	float:left;
	width:350px;
	padding:25px;
	overflow:hidden;
}

#bottom {
	position:relative;
	width:731px;
	height:163px;
	background-image:url('../images/bottompaper.png');
}

#globeTracer {
	position:relative;
	left:260px;
	margin-top:0px;
	width:450px;
	height:127px;
	overflow:hidden;
}

#bottomQuickMenu {
	position:relative;
	left:13px;
	width:240px;
	margin-right:2px;
	top:-1px;
}

#bottomQuickMenu_s {
	position:relative;
	left:10px;
	width:240px;
	margin-right:2px;
	top:-1px;
}

#footer {
	color:#EEEEEE;
	font-size:11px;
	text-align:center;
	padding-top:8px;
	font-weight:500;
}

#adminBox {
	padding:10px;
	background-image:url('../images/note-paper.gif');
	opacity:0.90;
	filter:alpha(opacity=90);
}

/*------MenuStuff----*/

#menu {
	float:left;
	display:inline;
	margin-top:10px;
	padding-top:9px;
	margin-left:13px;
	width: 150px;
	height:220px;
	font-size:11px;
	background-image:url('../images/nav-bg.jpg');
	background-repeat:no-repeat;
}

.arrow {
	border:none;
}

.menu {
	position:relative;
	z-index:10;
	height:235px;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:150px;
	position:relative;
	background:transparent;
}

.menu li {
background:transparent;
height:23px;
}

* html .menu li {margin-left:-16px; margin-lef\t:0;}
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:11px; width:0; height:0; line-height:25px;}

.menu ul li {
	background-image:url('../images/arrow.gif');
	background-repeat:no-repeat;
	background-position:110px 5px;
	height:23px;
}

.menu ul ul li {
	background:transparent;
	height:22px;
}

.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:22px;
	margin-left:15px;
	line-height:22px;
	width:120px;
	color:#CC9900;
	text-indent:5px;
	border-bottom:1px solid #CC9900;
	background:transparent;
}

.menu ul ul  a, .menu ul ul a:visited {
	border-bottom:none;
	height:22px;
	color:#000000;
}

* html .menu a:hover {color:#EEAA00; border-bottom:1px solid #EEAA00;}
* html .menu ul ul a:hover {color:#666666; border-bottom:0px;}

.menu :hover > a {
	color:#EEAA00; 
	border-bottom:1px solid #EEAA00;
	font-weight:500;
}

.menu ul li :hover > a {
	color:#666666; 
	border-bottom:none;
	font-weight:500;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:118px;
	border:1px solid #CC9900;
	opacity:0.90;
	filter:alpha(opacity=90);
	width:165px;
}

.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	background:#eeddaa;
}

.menu ul :hover ul ul{
	visibility:hidden;
}

.menu ul :hover ul :hover ul{ 
	visibility:visible;
	background:#eeddaa;
}

.menu ul.top2 {top:5px; left:150px; height:210px; width:434px; border:none; line-height:13px;}
.menu ul.top3 {top:45px;}
.menu ul.top4 {top:68px;}
.menu ul.top5 {top:91px;}
.menu ul.top6 {top:114px;}
.menu ul.top7 {top:137px;}
.menu ul.top8 {top:0px; margin-left:10px; z-index:100001;}

/*------QuickMenu--------------*/

#tabs {
	width:240px;
	text-align:center; 
	background: url(icon/top.gif); 
	position:absolute; z-index:9;
}

#tabs ul {
	padding:0; 
	margin:0; 
	width:240px; 
	list-style:none; 
	position:relative;
}

#tabs ul li {
	float:left; 
	display:inline; 
	width:60px; 
	height:54px;
}

#tabs ul li a.outer {
	display:block; 
	width:60px; 
	height:54px; 
	text-align:center; 
	line-height:30px; 
	text-decoration:none; 
	color:#464; 
	font-weight:bold; 
	font-size:11px;
}

#tabs ul li a.one {
	background:#CC9900 url('../images/podcast_01.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs ul li a.two {
	background:#CC9900 url('../images/community_01.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs ul li a.three {
	background:#CC9900 url('../images/calendar_01.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs ul li a.four {
	background:#CC9900 url('../images/prayer_01.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs ul li div {
	display:none;
}

#tabs ul li:hover {
	color:#000; 
	margin-bottom:0;
}

#tabs ul li:hover > a.outer {
	color:#000; 
	background-position:0 -55px;
	height:54px;
}

* html #tabs ul li a.outer:hover {height:54px; color:#000; margin-bottom:0;background-position:0 -55px; height:54px;}

#tabs ul li:hover div {
	display:block; 
	padding:0px; 
	position:absolute; 
	left:0px; 
	top:54px; 
	width:240px; 
	height:65px;
}

#tabs ul li a:hover div {
	display:block; 
	padding:0px; 
	position:absolute; 
	left:0px; 
	top:54px; 
	width:240px; 
	height:65px;
}

#tabs ul li a div.tab_left,
#tabs ul li div.tab_left {
	background:#fff url('../images/podcast_02.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs ul li a:hover div.tab_leftcenter,
#tabs ul li:hover div.tab_leftcenter {
	background:#fff url('../images/evite_02.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs ul li a:hover div.tab_rightcenter,
#tabs ul li:hover div.tab_rightcenter {
	background:#fff url('../images/calendar_02.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right {
	background:#fff url('../images/prayer_02.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

.clear {
	clear:both; 
	height:0; 
	line-height:0; 
	overflow:hidden;
}

/* ================================================================ 
Some of the menu items are highly modified versions of menus found here
http://www.cssplay.co.uk/
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

/*------QuickMenuSmallVersion--------------*/

#tabs_s {
	width:240px;
	text-align:center; 
	background: url(icon/top.gif); 
	position:absolute; z-index:15;
}

#tabs_s ul {
	padding:0; 
	margin:0; 
	width:240px; 
	list-style:none; 
	position:relative;
}

#tabs_s ul li {
	float:left; 
	display:inline; 
	width:60px; 
	height:54px;
}

#tabs_s ul li a.outer_s {
	display:block; 
	width:60px; 
	height:54px; 
	text-align:center; 
	line-height:30px; 
	text-decoration:none; 
	color:#464; 
	font-weight:bold; 
	font-size:11px;
}

#tabs_s ul li a.one_s {
	background:#fff url('../images/tpodcast_01_s.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs_s ul li a.two_s {
	background:#fff url('../images/tevite_01_s.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs_s ul li a.three_s {
	background:#fff url('../images/tcalendar_01_s.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs_s ul li a.four_s {
	background:#fff url('../images/tprayer_01_s.jpg') top left no-repeat;
	background-position:0 0px;
}

#tabs_s ul li div {
	display:none;
}

#tabs_s ul li:hover {
	color:#000; 
	margin-bottom:0;
}

#tabs_s ul li:hover > a.outer_s {
	color:#000; 
	background-position:0 -55px;
	height:54px;
}

* html #tabs_s ul li a.outer_s:hover {height:54px; color:#000; margin-bottom:0;background-position:0 -55px; height:54px;}

#tabs_s ul li:hover div {
	display:block; 
	padding:0px; 
	position:absolute; 
	left:0px; 
	top:54px; 
	width:240px; 
	height:65px;
}

#tabs_s ul li a:hover div {
	display:block; 
	padding:0px; 
	position:absolute; 
	left:0px; 
	top:54px; 
	width:240px; 
	height:65px;
}

#tabs_s ul li a div.tab_left_s,
#tabs_s ul li div.tab_left_s {
	background:#fff url('../images/podcast_02_s.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs_s ul li a:hover div.tab_leftcenter_s,
#tabs_s ul li:hover div.tab_leftcenter_s {
	background:#ccc url('../images/evite_02_s.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs_s ul li a:hover div.tab_rightcenter_s,
#tabs_s ul li:hover div.tab_rightcenter_s {
	background:#aaa url('../images/calendar_02_s.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}

#tabs_s ul li a:hover div.tab_right_s,
#tabs_s ul li:hover div.tab_right_s {
	background:#999 url('../images/prayer_02_s.jpg');
	font-family:Century Gothic, Arial;
	font-size:12px;
	font-weight:400;
}
/* end small quick menu */