@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #fff url(imgs/bg.gif) repeat-x;
	font-size:14px;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}

p
{
	font-size:14px;
	line-height:130%;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}

a:link,
a:visited, 
a:active,
a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#660066;
}
a:hover
{
	color:#CC6600;
}

dt a:link,
dt a:visited, 
dt a:active,
dt a:hover
{
	text-decoration:none;
}

dt a:hover
{
	text-decoration:underline;
}

img
{
	border-style:none;	
	padding-bottom:5px;
}

.hidden 
{
	display: none;
}

.purple
{
	color:#660066;
	font-weight:bold;
}

.currentPage:link,
.currentPage:visited, 
.currentPage:active,
.currentPage:hover
{
	text-decoration:underline !important;
}

#header
{
	height:90px;	
	text-align:left;
	margin-left:4px;
}

#mainNav
{
	height:28px;
}

#mainNav dl
{
	margin: 0; 
	padding: 0;	
}

#mainNav dt
{
	float: left;
	width: 110px;
}

#mainNav dt a 
{
	display: block;
	height: 0px !important;
	height /**/:28px; /* IE 5/Win hack */ 
	padding: 28px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* IE5 Mac Hack \*/ 
#mainNav { padding-left: 4px; } 
/*/ 
#mainNav { padding-left: 4px; overflow: hidden; } 
/* End Hack */

#mainNav dt a:hover
{
	background-position: 0 -28px;	
}

#mainNav dt#home,
#mainNav dt#home a { background-image: url(imgs/tabs/home.gif)}

#mainNav dt#intro,
#mainNav dt#intro a { background-image: url(imgs/tabs/intro.gif)}

#mainNav dt#ministry,
#mainNav dt#ministry a { width 110px; background-image: url(imgs/tabs/ministry.gif)}

#mainNav dt#events,
#mainNav dt#events a { width 110px; background-image: url(imgs/tabs/events.gif)}

#mainNav dt#store,
#mainNav dt#store a { width 110px; background-image: url(imgs/tabs/store.gif)}

#mainNav dt#media,
#mainNav dt#media a { width 110px; background-image: url(imgs/tabs/media.gif)}

#mainNav dt#contact,
#mainNav dt#contact a { width 110px; background-image: url(imgs/tabs/contact.gif)}

#mainNav dt#life,
#mainNav dt#life a { width 110px; background-image: url(imgs/tabs/life.gif)}


body.home dt#home,
body.home dt#home a,
body.home dt#home a:hover,
body.intro dt#intro,
body.intro dt#intro a,
body.intro dt#intro a:hover,
body.ministry dt#ministry,
body.ministry dt#ministry a,
body.ministry dt#ministry a:hover,
body.events dt#events,
body.events dt#events a,
body.events dt#events a:hover,
body.store dt#store,
body.store dt#store a,
body.store dt#store a:hover,
body.media dt#media,
body.media dt#media a,
body.media dt#media a:hover,
body.contact dt#contact,
body.contact dt#contact a,
body.contact dt#contact a:hover
body.life dt#life,
body.life dt#life a,
body.life dt#life a:hover

{
	background-position: 0 -56px;
}

/*-----------------------------------------*/

#innerContent 
{
	float: right;
	width: 306px;
	vertical-align:top;
	text-align:left;
}

#innerContent span p
{
	padding: 15px;	
	line-height: 130%;
}

#innerTabs
{
	width:163px;
	height:230px;
	padding-top:10px;
	padding-bottom:15px;
	background: transparent url(imgs/tabs2/background.gif) repeat-y;
	margin-right: 306px;
	vertical-align:top;
	text-align:left;
}

#innerTabs dl
{
	margin:0;
	padding:0;
}

#innerTabs dt
{
	float:left;
	width:163px;
}

#innerTabs dt a
{
	display: block;
	height: 0px !important;
	height /**/:26px; /* IE 5/Win hack */ 
	padding: 26px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#innerTabs dt a:hover
{
	background-position: -163px 0;	
}

#innerTabs dt#worship,
#innerTabs dt#worship a 
{ 
	background-image: url(imgs/tabs2/celebration.gif);
	background-position: -326px 0;	
}

#innerTabs dt#kids,
#innerTabs dt#kids a { width 163px; background-image: url(imgs/tabs2/kids.gif)}

#innerTabs dt#new,
#innerTabs dt#new a { width 163px; background-image: url(imgs/tabs2/new.gif)}

#innerTabs dt#connection,
#innerTabs dt#connection a { width 163px; background-image: url(imgs/tabs2/connection.gif)}

#innerTabs dt#ladies,
#innerTabs dt#ladies a { width 163px; background-image: url(imgs/tabs2/ladies.gif)}

#innerTabs dt#couples,
#innerTabs dt#couples a { width 163px; background-image: url(imgs/tabs2/couples.gif)}

#innerTabs dt#anchor,
#innerTabs dt#anchor a { width 163px; background-image: url(imgs/tabs2/anchor.gif)}

#innerTabs dt#business,
#innerTabs dt#business a { width 163px; background-image: url(imgs/tabs2/business.gif)}

#subNav
{
	height:36px;
}

#subNav dl
{
	margin: 0; 
	padding: 0;	
}

#subNav dt
{
	float: left;
}

#subNav dt a 
{
	display: block;
	height: 0px !important;
	height /**/:8px; /* IE 5/Win hack */ 
	padding: 8px 16px 0 0;
	font-size:14px;
	color:#000;
}

/* IE5 Mac Hack \*/ 
#subNav { padding-left: 20px; } 
/*/ 
#mainNav { padding-left: 20px; overflow: hidden; } 
/* End Hack */

#container
{
	width: 775px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#topRightCol 
{
	float: right;
	width: 506px;
	vertical-align:top;
	text-align:left;
}

#topLeftCol 
{
	margin-right: 506px;
	vertical-align:top;
	text-align:left;
}

#topCentertCol 
{
	margin-right:
	width: 770px;
	vertical-align:top;
	text-align:left;
}

#rightCol_250
{
	float: right;
	width: 485px;
	padding-left:40px;
	vertical-align:top;
	text-align:left;	
}

#leftCol_250
{
	margin-right: 525px;
	vertical-align:top;
	text-align:left;	
}

#rightCol_150
{
	float: right;
	width: 585px;
	padding-left:40px;
	vertical-align:top;
	text-align:left;	
}

#leftCol_150
{
	margin-right: 625px;
	vertical-align:top;
	text-align:left;	
}

#rightCol_220
{
	float: right;
	width: 515px;
	padding-left:40px;
	vertical-align:top;
	text-align:left;	
}

#leftCol_220
{
	margin-right: 555px;
	vertical-align:top;
	text-align:left;	
}

#rightCol_310
{
	float: right;
	width: 425px;
	padding-left:40px;
	vertical-align:top;
	text-align:left;	
}

#leftCol_310
{
	margin-right: 465px;
	vertical-align:top;
	text-align:left;	
}

#centerCol_440
{
	float: right;
	width: 440px;
	padding-right:165px;
	vertical-align:top;
	text-align:left;
}


#rightRight
{
	margin-top:-10px;
	float: right;			
	width: 240px;
	vertical-align:top;
	text-align:left;	
}

#rightLeft
{
	margin-top:10px;
	margin-right: 240px;
	vertical-align:top;
	text-align:left;	
}

#flashBanner
{
	width:486px;
	height:222px;
	background-color:#666;
}

#innerTabBg
{
	height:255px;
	background-color:#FFF;
}

#footer 
{
	clear: both;
	height: 66px;
	text-align:left;
	padding-left:4px;
	padding-top:4px;
	background: url(imgs/bg_footer.gif) repeat-x;
}

#footer p
{
	font: normal 12px 'lucida grande',tahoma,sans-serif;
}

.dropshadow
{
	background: url(imgs/shadowAlpha.png) no-repeat bottom right !important;
	background: url(imgs/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
}

.innerbox
{
	position: relative;
	bottom: 6px;
	right: 6px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
}

.innerbox
{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
	text-align: left;
}

.innerbox p{		
	font-size: 14px;
	margin: 3px;
}

.greybox
{
	background: #e5e5e5;
	padding:10px;
}

.creambox
{
	background: #eae7d2;
}

.purplebox
{
	background: #d6c3d1;
}

.toppageLeftBox
{
	width:250px;	
}

.toppageRightBox
{
	width:500px;	
}

.toppageBottomBox
{
	width:770px;	
}


.flashbox
{
	padding:7px;
}

.innerNavBox
{
	padding:10px;	
}

.floatleft { float: left; margin: 20px 10px 5px 5px; }
.floatright { float: right; margin: 20px 10px 5px 5px; }
.floatoff { float:none; display:block; margin: 5px 10px 10px 0px;}

h2#logo span { display: none; }
h2#logo {
    height: 64px;
    background-image: url(imgs/logo.gif) ;
    background-repeat: no-repeat;
}

h2#ministry span { display: none; }
h2#ministry {
	padding:10px;
    height: 15px;
	background: transparent url(imgs/titles/churchlife.gif)
    	5px 10px no-repeat;
}

h2#youkoso span { display: none; }
h2#youkoso {
	padding:10px;
    height: 35px;
	background: transparent url(imgs/titles/youkoso.gif)
    	5px 10px no-repeat;
}

h2#welcomeCafe span { display: none; }
h2#welcomeCafe {
	padding:10px;
    height: 35px;
	background: transparent url(imgs/titles/welcome.gif)
    	5px 10px no-repeat;
}

h2#podcast span { display: none; }
h2#podcast {
	padding:10px;
    height: 15px;
	background: transparent url(imgs/titles/podcast.gif)
    	5px 10px no-repeat;
}

h2#publications span { display: none; }
h2#publications {
	padding:10px;
    height: 15px;
	background: transparent url(imgs/titles/publications.gif)
    	5px 12px no-repeat;
}

h1
{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
	font-weight:bold;
	color:#5e004c;
	font-size:18px;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}

h2
{
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
	color:#693;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}

h2.english
{
	font-weight:500;
	font-family:'lucida grande',tahoma,sans-serif;	
}

h3
{
	margin-left:0px;
	margin-top:10px;
	margin-bottom:12px;
	font-weight:bold;
	color:#00004c;
	font-size:18px;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}


.stackedImages
{
	margin-bottom:20px;
}

.photoCaption
{
	margin-top:0;
	padding-top:0;
	padding-bottom:15px;
	font-size:12px;
}

ol
{
	padding-left:40px;
	font-size:14px;
	font-family:"MS Gothic", "MS PGothic", sans-serif;
}

li
{
	margin-bottom:10px;	
}

p.subtitle
{
	
}

.english
{
	font-family:'lucida grande',tahoma,sans-serif;
}

ul
{
	padding-left:20px;	
}




