/**************************************************************************
	Zion Brighton Webpage Main Cascading Style Sheet Source Code
	Written and/or Assembled by:  Don Keller
**************************************************************************/
/**************************************************************************
	Storage of Misc. pieces of code
	

**************************************************************************/
body {background: #FFFFFF url(/images/dark_edge.gif) repeat-y fixed;
	font-family: Arial, Helvetica, sans-serif; font-size:14px;}

/* used to set width and center the website */
#outercontainer {width:800px;	\width:802px; w\idth:800px; margin:0 auto; padding:0 0 0px;
		text-align:left; position:relative;	height: 100%;}

#innercontainer {margin-right: 5px; margin-left: 20px;	height: 100%; padding: 0px;}

 /* container for navigation */
#navcontainer {font-size:11px; float: left; padding-bottom: 200px;}
#infoarea {font-size:11px; float: right; padding-bottom: 200px;}

/* content area floating to the right of the navigation */
#content {margin:0; padding:5px 5px 5px; float: right; width: 620px;}
#content2 {margin:0; padding:5px 5px 5px; position:absolute; left:200px; top:200; width:420px;}

/* holds header image for site */
#header { margin:0px;	padding:0px; height: 200px;
	background: url(/images/zionchurchlogo.gif) no-repeat center top;}
#header2 { margin:0px;	padding:0px; height: 236px;
	background: url(/images/new_bulletin_header.v1.gif) no-repeat right top;}
#header3 { margin:0px;	padding:0px; height: 236px;
	background: url(/images/new_bulletin_header.v2t.gif) no-repeat right top;}

/* -----------------------start navigation styles------------------------------------*/
/* main menu */
#navcontainer ul {margin: 0; padding: 0; list-style: none;
	width: 100px; /* Width of main menu items */
	background-color:#ffffff;}
	/* border-top:1px solid #450000; border-bottom:1px solid #450000;*/
	
#navcontainer ul li {position:relative; align:left}

/* sub menu */
#navcontainer li ul {position: absolute; left: 100px; width:100px; top: 0; display: none;
	margin-left:0;}
	/* border-top:1px solid #450000; border-bottom:1px solid #450000; */
/* styles for main menu items */
#navcontainer ul li a {display: block; text-decoration: none; color: #000066; padding: 5px 5px; text-align: left;}

/* hover styles for main menu items    */
#navcontainer ul li a:hover {color: #999999; background: #e0e0e0;} 

/* styles for sub menu items */
#navcontainer li ul li a {padding: 5px 5px; 
	background: #e0e0e0 url(/images/subnav_background.2.gif) repeat-y left bottom;}
	/*border-right:1px solid #000066; border-left:1px solid #000066; */
/* styles for sub menu item hovers */
#navcontainer li ul li a:hover {background: #999999; color:#fff;} 
 
/* This shows the sub menu in compliant browsers */
#navcontainer li:hover ul, #navcontainer li.over ul {
	display: block; text-decoration:none; color:#000066; }
	
/* styles for main menu items that have sub menus */
#navcontainer ul li a.moremenu { 
	background: url(/images/expanded_menu.gif) no-repeat 120px 50%;}

/* hover styles for main menu items that have sub menus   */
#navcontainer ul li a.moremenu:hover {
	background: url(/images/expanded_menu_over.gif) no-repeat 120px 50% #000066;}

/* ---------------------------------Start Fix IE.-----------------------------*/
/* This hack makes the entire block area clickable. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: .5%; }
* html #navcontainer ul li a { height: .5%; }

/******************************************************************************
Font and other declorations.
t = Times New Roman  a = Arial  b = Bold  c = Centered
******************************************************************************/
.main-t-08 {font-family:Times, serif; font-size:8px;}
.main-t-09 {font-family:Times, serif; font-size:9px;}
.main-t-10 {font-family:Times, serif; font-size:10px;}
.main-t-10-b {font-family:Times, serif; font-size:10px; font-weight:bold;}
.main-t-10-c {font-family:Times, serif; font-size:10px; text-align:center;}
.main-t-11 {font-family:Times, serif; font-size:11px;}
.main-t-12 {font-family:Times, serif; font-size:12px;}
.main-t-12-b {font-family:Times, serif; font-size:12px; font-weight:bold;}
.main-t-12-b-c {font-family:Times, serif; font-size:12px; font-weight:bold; text-align:center;}
.main-t-12-c {font-family:Times, serif; font-size:12px; text-align:center;}
.main-t-13 {font-family:Times, serif; font-size:13px;}
.main-t-13-c {font-family:Times, serif; font-size:13px; text-align:center;}
.main-t-14 {font-family:Times, serif; font-size:14px;}
.main-t-14-b {font-family:Times, serif; font-size:14px; font-weight:bold;}
.main-t-14-c {font-family:Times, serif; font-size:14px; text-align:center;}
.main-t-14-cc {font-family:Times, serif; font-size:14px; font-weight:normal; color:#0000CC;}
.main-t-16 {font-family:Times, serif; font-size:16px;}
.main-t-16-cc {font-family:Times, serif; font-size:16px; font-weight:normal; color:#0000CC;}
.main-t-18 {font-family:Times, serif; font-size:18px;}
.main-t-20-cc {font-family:Times, serif; font-size:20px; font-weight:normal; color:#0000CC;}
.main-t-20-c {font-family:Times, serif; font-size:20px; text-align:center;}
.main-t-20-c-b {font-family:Times, serif; font-size:20px; font-weight:bold; text-align:center;}
.main-t-24-c-b {font-family:Times, serif; font-size:24px; font-weight:bold; text-align:center;}
.main-a-08 {font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.main-a-09 {font-family:Arial, Helvetica, sans-serif; font-size:9px;}
.main-a-10 {font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.main-a-10-b {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.main-a-11 {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.main-a-12 {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.main-a-12-b {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.main-a-13 {font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.main-a-14 {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.main-a-14-b {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.main-a-14-c {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;}
.main-a-16 {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.main-a-18 {font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.main-a-20 {font-family:Arial, Helvetica, sans-serif; font-size:20px;}

h1 {font-size:28px; color:#0000CC; font-weight:normal; text-align:center; font-family:times,serif;}
h2 {font-size:18px; font-weight:normal; color:#450000;}
.h3-b {font-size:14px; font-weight:bold; color:#450000;}