* {
	padding: 0;
	margin: 0;
}

body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 11px;
 behavior: url(csshover2.htc);
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ad2f0c;
	text-align: left;
}



#wrapper { 
 margin: 0 auto;
 width: 758px;
margin:0 auto;
min-height:100%;
position:relative;
text-align:left;



}
#header {
background: url(images/Bnr4.jpg) no-repeat;
width:758px;
height:115px;
margin:0;
padding:0;
border:0px;
}

#main {
	margin-top:0em;
	margin-bottom: 0px;
	background-color:#f4f4d9;
	border: 1px solid #ffffff;
	
}

#leftcolumn { 

 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 201px;
 float: left;
 z-index:2;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px; 
 
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 13px 28px 25px 0px;
overflow:hidden; 
 width: 505px;
 display: inline;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 }
 

#midcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 20px 10px 20px;
overflow:hidden; 
 width: 708px;
 display: inline;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 }



.leftbox
{

margin: 0px 20px 10px 0px;
padding: 0px 0px 0px 0px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
float:left;
}


.rightbox
{

margin: 0px 0px 5px 20px;
padding: 0px 0px 0px 0px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
float:right;
}
.centerbox
{
margin: 5px 0px 5px 10px;
padding: 0px 0px 0px 0px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
}

#ContentLists ul {
 list-style-type: disc;
	list-style-position: inside;

 }
 
 #NumLists ul {
 list-style-type: decimal;
	list-style-position: inside;
	

 }
 
 

/* 
  Below (#paperWrap) - is the <div id="paperWrap"> under <div id="leftcolumn">  - puts the paperBack to the menu - ref the .gif, padding adds space to top, margin bottom changes space between PaperWrap and Tag at bottom
*/
#paperWrap {
background:transparent url(images/bgLeftCol2.gif) repeat-y scroll 0 0;
margin-bottom:10px;
padding-top:0px;

background-position: left; }

/* 
  Below (#SubTitle) - are My PS SubTitles
*/
#SubTitle {
height: 48px;
width:195px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-position: left; }



/*
  Below (#paperWrap p) - don't know what this does - will probably take it out
*/
#paperWrap p {
color:#f4f3d7;
line-height:14px;
padding-left:15px;
}


/*
  Below (#nav) - part of the ul that I have put under the  <div id="leftcolumn"> <div id="paperWrap">, bottom margin adds space at bot of menu, and padding left puts pad to Menu text 
*/
#nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px;
padding-left:10px;
width:191px;
}

/*
  Below (#home #nav) - don't know what this does - will probably take it out
*/
#home #nav {
background:transparent url(images/bgNavTop.jpg) no-repeat scroll 0 0;
padding-top:15px;
}

/*
  Below (#nav li) - puts the line in dividing the menu items, the padding bottom effects size of menu link space (other ways to do this too)
*/
#nav li {
background:transparent url(images/bgNavBtm.gif) no-repeat scroll left bottom;
padding-bottom:2px;
padding-top:2px;
position:relative;

}

/*
  Below (#nav li a) - adds arrow bullet, can change font color of Menu, and position of those little arrows (no-repeat scroll 12px 50%)
*/
#nav li a {
background:transparent url(images/navBul.gif) no-repeat scroll 12px 50%;
color:#5D562C;
display:block;
height:1%;
padding:2px 2px 2px 26px;
text-decoration:none;

/*
  Below (#nav li a:hover) - adds the hover background (both the blue arrow and the fade -its a .gif) of main menu, also controls font color of over state of text in Main Menu
  All this code I have no idea at this point what it does, it took it out and didn't seem to make a diff: , body#home #navHome a, body#visitors #navVisitors a, #nav li.over, #nav li:hover a, #nav li.over a, body#calendar #navCalendar a, body#news #navNews a, body#photos #navPhotos a, body#contact #navContact a, body#aboutUs #navAboutUs a, body#resc #navResc a, body#aboutGod #navAboutGod a
*/
}
#nav li a:hover, body#home #navHome a, body#visitors #navVisitors a, #nav li.over, #nav li:hover a, #nav li.over a, body#calendar #navCalendar a, body#news #navNews a, body#photos #navPhotos a, body#contact #navContact a, body#aboutUs #navAboutUs a, body#resc #navResc a, body#aboutGod #navAboutGod a {
background:transparent url(images/navBulOver.gif) no-repeat scroll 0 50%;
color:#153E55;

}
/*
  Below (#nav li ul) - can change color of border line colors of rollover box
*/
#nav li ul {
border-left:1px solid #D5CC9E;
border-top:1px solid #D5CC9E;
display:none;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
top:1px;
}

/*
  Below (#nav li > ul ) - don't know what this does - might be an IE fix
*/
#nav li > ul {
left:auto;
top:0pt;

}

/*
  Below (#nav li li) is where I found I can change (some?) of the attributes of the rollover box (background color)
*/

#nav li li {
background:#E5DEB4 none repeat scroll 0 0;
border:0 none;
padding:0;
}

/*
  Below (#nav li li a) is where I can change attributes of rollover box, font color of text in rollover box, padding (ie size) of box, color of lines (ie border-bottom etc), width
  Don't know what this is about: , (body#aboutUs #navAboutUs li a, body#visitors #navVisitors li a), I tested it without and doesn't seem to make a diff (but left it in for now)
*/
#nav li li a, #nav li:hover li a, #nav li.over li a, body#aboutUs #navAboutUs li a, body#visitors #navVisitors li a {
background:transparent url(images/pix.gif) no-repeat scroll 0 0;
border-bottom:1px solid #D5CC9E;
border-right:1px solid #D5CC9E;
border-top:0 none;
color:#5D562C;
padding:2px;
text-transform:none;
width:130px;
}

/*
  Below (#nav li li a:hover) is where I can change text color of rollover text in the rollover box, and the background color of box when rolled over
*/
#nav li li a:hover, body#visitors #navVisitors li a:hover, body#aboutUs #navAboutUs li a:hover {
background:#DAD2A6 none repeat scroll 0 0;
color:#B73D13;
}
/*
  Below seems to change position of rollover Box (left:160px). 
*/
#nav li:hover ul, #nav li.over ul {
display: block;
left:160px;

position:absolute;
z-index:999;
}

/*
  Below (#home #nav li#navVisitors:hover ul, #nav li#navVisitors.over ul ) - don't know what this does, tested witout and doesn't seem to make a diff
*/
#home #nav li#navVisitors:hover ul, #nav li#navVisitors.over ul {
top:30px;
}

/*
  Below - - don't know what this does, tested witout and doesn't seem to make a diff
*/
li#navVisitors:hover ul, #visitors #nav li#navVisitors.over ul, #aboutUs #nav li#navVisitors.over ul, #calendar #nav li#navVisitors.over ul, #news #nav li#navVisitors.over ul, #visitors #photos li#navVisitors.over ul, #contact #nav li#navVisitors.over ul, #aboutGod #nav li#navVisitors.over ul, #resc #nav li#navVisitors.over ul {
top:240px;
}

/*
  Below - - don't know what this does, tested witout and doesn't seem to make a diff
*/
#home #nav li#navAboutUs:hover ul, #nav li#navAboutUs.over ul {
top:57px;
}

/*
  Below - - don't know what this does, tested witout and doesn't seem to make a diff
*/
li#navAboutUs:hover ul, #visitors #nav li#navAboutUs.over ul, #aboutUs #nav li#navAboutUs.over ul, #calendar #nav li#navAboutUs.over ul, #news #nav li#navAboutUs.over ul, #visitors #photos li#navAboutUs.over ul, #contact #nav li#navAboutUs.over ul, #aboutGod #nav li#navAboutUs.over ul, #resc #nav li#navAboutUs.over ul {
top:267px;
}

/*
  Below -(#leftFoot) - is the paper foot at bottom of menu, refer to it in HTML at end of UL
*/
#leftFoot {
background:transparent url(images/bgLeftFoot2.jpg) no-repeat;
height:60px;
background-position: left;

}

#tag {
color:#f4f3d7;
width:201px;
margin-top:0px;
margin-bottom:0px;


}

/*
  Below - Note that the overflow:hidden; command allows rightcolumn box to expand when content is added to the box, also change pixel padding to position text in box
*/


/*
  Below - Note that the overflow:hidden; command allows rightcolumn box to expand when content is added to the box, also change pixel padding to position text in box
*/



/* Begin CSS Drop Down Menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:20px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:84px;

padding:6px 0;
color:#ffffff;
background:#522c00;
text-decoration:none;
margin-right:0px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#ffffff;
background:#ad2f0c;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:83px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* End CSS Drop Down Menu */

/* Start footer1 - - for some reason I need to keep this in so that the background color is maintained - must be something to do with the CSS code clear? or div tag - quick fix is to leave it in and make a footer2 */

#footer { 

 clear: both;

 margin: 0px 0px 10px 0px;
 padding: 0px;

}

/* Start footer2 - this controls the footer variables */

#footer2 { 
 width: 738px;
 clear: both;
 padding: 0px;
 margin: 10px 10px 10px 10px;
 background:#d6d1a8;
text-align:center;
}

.WhiteLink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none
}
.WhiteLink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none
}
.WhiteLink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5D562C;
	text-decoration: none
}
.WhiteLink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none
}

/* End footer2  */



/*Start Simple CSS SlideShow  */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px; 
height:320px; 
background:#f4f4d9 url(images/slides/slide_05.jpg) 0 40px no-repeat;
border:1px solid #f4f4d9;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #f4f4d9;
border-right:40px solid #f4f4d9;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
}
h2 {
	font-size: 14px;
	color: #AD2F0C;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}

.SubTitle2 h1 {
	text-align: center;
	padding-top: 10px;
}