body {
background-color: transparent;  
	border: 0; /* This removes the border around the viewport in old versions of IE */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 75%;
	margin: 0;
	min-width: 760px;
	max-width: 1240px; 
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	
	 
}

.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	text-align: center;
}

h1, h2, h3, h4 {
	text-align: center;

	
}

h4 a:link, a:visited, a:hover, a:active {
color: navy !important;  
	text-decoration: underline !important;
}



/* column container */
	.colmask {
	clear: both;
	float: left;
	overflow: hidden; /* This chops off any overhanging divs */
	position: relative; /* This fixes the IE7 overflow hidden bug */
/*	top: 81px;  */
	width: 100%; /* width of whole page */


}

/* Header styles */
	#header { 
	

	position: absolute; 
float: left;
   z-index: 200; }

/*
 #headerleft {
 	z-index: 100;
 	position: relative;
 
 }
  #headerright {
 	z-index: 100;
 
  position: absolute; top: 0px; right: 0px;
 
 } 

#menubgleft {
clear: both; float: left;
	 	 z-index: -1;
 	position: relative; top: 0px;
 	left: 0px !important; 
 }

#menubgright {
	 	 z-index: -1;
 	position: absolute; top: 111px; 
 	right: 0px !important; 
 }
 
 #titleleft {
 	 z-index: 3!important;
 	position: absolute; top: 143px; left:0px;
 
 }
  #titlecenter {
 	 z-index: -1;
 	position: absolute; top: 143px; left:162px;
 	
 }
  #titleright {
 	z-index: 2!important;
 
  position: absolute; top: 143px; right:0px;
 
 }
 */
 
/* common column settings */
	.containerright,
	.containermid,
	.containerleft {
	float: left;
	position: relative;
	width: 100%; /* width of page */
}

.maincol,
	.leftcol,
	.rightcol {
	float: left;
	overflow: hidden;
	padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	position: relative;
}

/* 3 Column settings */
	.threecol { 	background: #f4f4f4; /* right column background colour */  
 
 }

.threecol .containerleft {
  

	background: #f4f4f4; /* left column background colour */
	right: 60%; /* width of the middle column */
}

.threecol .containermid {
  

	background: #fff; /* center column background colour */
	right: 20%; /* width of the right column */
}

.threecol .leftcol {

	left: 26%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	width: 16%; /* Width of left column content (column width minus padding on either side) */
}

.threecol .maincol {
  
	left: 102%; /* 100% plus left padding of center column */
	width: 56%; /* width of center column content (column width minus padding on either side) */
}

.threecol .rightcol {
 /*  font-size: 90%;  */
	

	left: 90%; /* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	width: 16%; /* Width of right column content (column width minus padding on either side) */
}

/* Obit styles */

	.obitcolmask {
	clear: both;
	float: left;
	overflow: hidden; /* This chops off any overhanging divs */
	position: relative; /* This fixes the IE7 overflow hidden bug */
/*	top: 81px;  */
	width: 100%; /* width of whole page */


}
.obitmaincol,
	.obitleftcol,
	.obitrightcol {
	float: left;
	overflow: hidden;
	padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	position: relative;
}
	.obitthreecol { 	background: #fff; /* right column background colour */  
 
 }

.obitthreecol .obitcontainerleft {
  

	background: #fff; /* left column background colour */
	right: 60%; /* width of the middle column */
}
.obitthreecol .containermid {
  

	background: #fff; /* center column background colour */
	right: 20%; /* width of the right column */
}

.obit {
	width: 95%;
	clear: both;
	float: left;
	margin: 20px;
}

.obitsubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	text-align: center;
}

/* Footer styles */
	#footer {
	border-top: 1px solid #000;
	clear: both;
	float: left;
	text-align: center;
	width: 100%;
	color: white;
	font-size: x-small;
	background-image: url(../images/v/bg_bottom.gif);
	background-repeat: repeat-x; 
	z-index: 1000;
	position: relative;

}
/*
#footer a, a:visited {
	color: white;
}
*/

#footer p { margin: 0; padding: 10px; }



/* 'widths' sub menu */
	#layoutdims {
	background: #eee;
	border-top: 4px solid #000;
	clear: both;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}



#navcontainer {
	font-size: 11px;
	font-weight: bold;

}

#navcontainer a {
	display: block;
	padding: 3px;  
	border-bottom: 1px solid #eee;
	 color: #6e6e6e !important; text-decoration: none !important; 
}

#navcontainer li a:link, li a:visited {}

#navcontainer a:hover { background-color: #DCDCDC !important; color: #000 !important}

#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }


/*Top menu*/
#topMenu {
       text-align: center;
      z-index: 1000;
}
#topMenu img {
       text-align: center;
      
}

#topMenu ul {
       margin: auto;
      width: 760px; 
        z-index: 1000000!important;
        text-align: left;
      /* height: 32px; */
}
#nav, #nav ul {
 
	padding: 0;

	margin: 0;
	list-style: none; 
	line-height: 1;
/*	background-color:#FF0099; */

}


#nav a { /* width of the link text */
	display: block;
	/*	width: 10em;	throws off the width of individual buttons */
}

#nav li { /* width of the columns themselves */
	float: left;
	/*	width: 10em;	throws off the width of individual columns */
}


#nav li ul { /* 1st level drop down stuff */
	position: absolute;
	left: -999em;
	background-color: #BACCC8;
	border-top: 1px solid #5D6664;
	border-left: 1px solid #5D6664;
	border-right: 1px solid #5D6664;
	width: 154px;
	
	voice-family: "\"}\"";
		voice-family: inherit;
	}
	/* width for compliant browswers */
	html>body #nav li ul {
		width: 160px;
	}


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul {
	display:block;
}
#navRow
{
	height:32px;
 margin-top: -2px;
 
}

#nav li ul li a {
	padding: 3px; 
	width: 154px;
	height: auto;
	background-color: #BACCC8;
	background-image:none;
	font-family:Verdana;
	font-size:10px;
	border-bottom: 1px solid #5D6664;
	text-decoration:none !important;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active, #nav li ul li a:hover {
	color: #145F4E !important;
}

#nav li ul li a:hover {
	background-color: #7EAFA4;
	background-image:none;
	font-family:Verdana;
	font-size:10px;
	text-decoration:none !important;
}

#nav a.daddy {
	background: url(../../images/cmn/nav/arrow5x7green2.gif) center right no-repeat;
}

#nav a.daddy:hover {
	background: url(../../images/cmn/nav/downarrow7x4green2.gif) center right no-repeat;
	background-color: #7EAFA4;
}

/* Background color just because, and placement of second level drop down */
#nav li ul ul { /* 2nd level drop down stuff */
	margin: -18px 0 0 160px;
}
	
/* Hide the drop downs by pushing them way off the screen */
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

/* Put the drop downs back into the frame when rolled over */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* prevents IE menu persistance */
#nav li:hover, #nav li.sfhover {
	background: #7EAFA4;
}

#nobullets {
 list-style-type: none;
}



/*////////////////////////////////////////////
//		Image Rollover Styles				//
////////////////////////////////////////////*/
/* hides the text in the top level navigation from showing through the image */
.topLevelLink {
	display:none;
}

.home {
	background-image: url(../images/v/home.jpg) !important;
	
	width:160px;
	height:32px;
	z-index: 200;
/*	position: absolute; top: 109px; */

}


.about {
	background-image: url(../images/v/about.jpg) !important;
	width:118px;
	height:32px;

	
}


.online {
	background-image: url(../images/v/online.jpg) !important;
	width:118px;
	height:32px;
	
}


.kids {
	background-image: url(../images/v/kids.jpg) !important;
	width:43px;
	height:32px;
		
}


.genealogy {
	background-image: url(../images/v/genealogy.jpg) !important;
	width:71px;
	height:32px;
	
}

.literacy {
	background-image: url(../images/v/literacy.jpg) !important;
	width:64px;
	height:32px;
	
}

.friends {
	background-image: url(../images/v/friends.gif) !important;
	width:104px;
	height:32px;
	
}


.green {   /*.fb-green*/
	color: #006633;
	font-weight: bold;
}

h1.green {   /*.fb-green*/
	color: #006633 !important;
	font-family: "Comic Sans MS" !important;
}

h2.green {   /*.fb-green*/
	color: #006633 !important;
	font-family: "Comic Sans MS" !important;
	font-weight: lighter;
}

.red {   /*.fb-red*/
	color: #ff0000;
	font-weight: bold;
}

h1.red {
   font-family: "Comic Sans MS" !important;
	color: #ff0000 !important;
}

h2.red {
   font-family: "Comic Sans MS" !important;
	color: #ff0000 !important;
	font-weight: lighter;
}

.largegreen {  /*fbl-green*/
	color: #006633;
	font-weight: bold; 
	font-size: 125%;
}

.teal {
	color: teal;
	font-weight: bold; 
}
h1.teal {
   font-family: "Comic Sans MS" !important;
	color: teal !important;
}

h2.teal {
   font-family: "Comic Sans MS" !important;
	color: teal !important;
	font-weight: lighter;
}

.navy {
	color: navy;
	font-weight: bold; 
}
h1.navy {
   font-family: "Comic Sans MS" !important;
	color: navy !important;
}

h2.navy {
   font-family: "Comic Sans MS" !important;
	color: navy !important;
	font-weight: lighter;
}

.orange {
	color: #ff8c00 !important;
	font-weight: bold;
	
}




h2.orange {
   font-family: "Comic Sans MS" !important;
	color: #ff8c00 !important;
	font-weight: lighter;

}
h1.orange {
	font-family: "Comic Sans MS" !important;
	color: #ff8c00 !important;
		
}

.skyblue {
	color: #6495ed;
	font-weight: bold;
}

h2.skyblue {
	font-family: "Comic Sans MS" !important;
	color: #6495ed !important;
		font-weight: lighter;
}
h1.skyblue {
	font-family: "Comic Sans MS" !important;
	color: #6495ed !important;
		
}

.coral {
	font-weight: bold;
	color: #ff635a !important;
}

h1.coral {
	font-family: "Comic Sans MS" !important;
	color: #ff635a !important;
		
}
h2.coral {
	font-family: "Comic Sans MS" !important;
	color: #ff635a !important;
		font-weight: lighter; 
}

.purple {
	font-weight: bold;
	color: purple !important;
}

h1.purple {
	font-family: "Comic Sans MS" !important;
	color: purple !important;
}	
h2.purple {
	font-family: "Comic Sans MS" !important;
	color: purple !important;
		font-weight: lighter;
}

h1.black {
	font-family: "Comic Sans MS" !important;
	color: black !important;
}

.darkorchid {
   font-weight: bold;
	color: #9932cc;
}	
h1.darkorchid  {
  
   font-family: "Comic Sans MS" !important;
	color: #9932cc !important;
}
.large {
	font-family: "Comic Sans MS";
	font-weight: bold;
	font-size: 110%;
}

.comic {
	font-family: "Comic Sans MS";
	font-size: 110%;
}

h1.overdrive {
 
  font-size: xx-large;
	font-weight: 800;
	text-decoration: none;	
	color: navy;
}

.newest {
	background-color: #d2eaff;
   line-height: 130%;
  padding: 10px;  
	font-size: 95%;
	font-family: "Comic Sans MS";
	text-align: left;
}