* { padding: 0; margin: 0;
text-decoration: none; }

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

h1 {
font-family:Verdana; 
font-size:16px; 
font-weight:bold; 
color:#2f566b;
}



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



}
#header {
 color: #333;
 width: 790px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 256px;
 margin: 0px 0px 0px 0px;
background-image: url(images/Bnr3.jpg);
}
#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;
 
 
}

/* 
  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:5px;

background-position: right; }

/*
  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:1px;
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: right;

}

#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
*/

#rightcolumn { 
 float: right;
 color: #333;
 border: 0px;
 background: #ffffff url(images/Ttl_LatestNews.gif) no-repeat;

 margin: 0px 0px 0px 0px;
 padding: 25px;
overflow:hidden; 
 width: 539px;
 display: inline;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
padding-top: 35px;
padding-bottom: 50px; }

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

#footer2 { 
 width: 790px;
 clear: both;
 padding: 15px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 background:#f8f3df;
text-align:center;
}

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

/* End footer2  */

#footer ref { 
 width: 790px;
 clear: both;
 border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 15px;
 background:#f8f3df none repeat scroll 0 0;
height:36px;
text-decoration: none;
font-family:Verdana; 
font-size:10px;
color:#333;
 }