body  {

    background-color: #333300;
	margin: 0px;
	font-family: trebuchet ms, helvetica, arial, sans-serif;
	height: 1000px;
	
}	

p.welcome  {

    color: #ffffff;
	font-size: 12px;
	margin: 14px 0 0 0px;
	
}

p.contact  {
	
	color: #ffffff;
	font-size: 14px;
	margin: 100px 0 0 0px;
	text-align: center;
}


#bio h3  {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	width: 185px;
	padding-left: 35px;
	
}

#bio p.first  {

    color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	padding-left: 35px;
	
	
}

#bio p  {

    color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	padding-left: 35px;
	
	
}

#bio p.last  {

    color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	padding-left: 35px;
	padding-bottom: 20px;
	
	
}


/* FRAME TABLE STYLES */


table.main_frame  {
	
	width: 860px;
	height: 570px;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 1px solid #000000;	 

}

table.main_frame td  {

    padding: 15px;

}



/* INSIDE FRAME TABLE STYLES */



#navigation  {
	
	float: left;
	height: 314px;
	width: 270px;
	background-color: #666600;
	margin: 10px 0 0 0;
	background-image: url(images/stripe1_bg.gif);
	background-repeat: repeat-y;
	background-position: 131px 0px;

}

#picture_frame   {
	
	float: left;
	height: 306px;
	width: 554px;
	margin: 10px 0 0 0;
	border-top: 4px solid #666600;
	border-right: 4px solid #666600;
	border-bottom: 4px solid #666600;
	text-align: center;
	background-color: #333300;
	
}

#contact  {
	
	height: 304px;
	width: 552px;
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	margin: 1px 0 0 1px;
	text-align: center;
	
}


#blog  {
	
	height: 304px;
	width: 552px;
	margin: 1px 0 0 1px;
	text-align: left;
	overflow: auto;	
	
	/*NOTE: Firefox does not support styled scrollbars -- works in IE*/
	
	scrollbar-base-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #666600;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
				
}

#blog img {

  margin: 5px 10px 0 0px;
  border: 0px;
  float: left;
   
}

#blog td   {

    margin: 0px 0 0 0px;
	padding: 0px 0 0 10px;
    text-align: left;
	color: #ffffff;
	font-size: 12px;


}




#bio  {
	
	height: 304px;
	width: 552px;
	margin: 1px 0 0 1px;
	text-align: left;
	overflow: auto;	
	
	/*NOTE: Firefox does not support styled scrollbars -- works in IE*/
	
	scrollbar-base-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #666600;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
				
}

#links  {
	
	height: 304px;
	width: 552px;
	margin: 1px 0 0 1px;
	text-align: left;
	overflow: auto;	
	
	/*NOTE: Firefox does not support styled scrollbars -- works in IE*/
	
	scrollbar-base-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #666600;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
				
}



#quick_links  {
	float: left;
	margin: 50px 0 0 30px;
	
}

#new_quick_links  {
	float: left;
	height: 100px;
	width: 270px;
	margin: 0px;
}

#new_quick_links td  {
	width: 135px;
	color: #ffffff;
	font-size: 14px;
}

#new_quick_links ul  {
    margin: 0px 0px 0px -47px;
	padding-top: 5px;
		
}

#new_quick_links ul li  {
     list-style-type: none;
	 margin: 0px 0px 0px 0px;
	 height: 30px;
	
}

#new_quick_links ul li.on  {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	height: 30px;
	text-decoration: underline;
	cursor: default;	
	 
	 }

#new_quick_links ul li a:link, #new_quick_links ul li a:visited {
  
   color: #ffffff;
   text-decoration: none;
     
}

#new_quick_links ul li a:hover, #new_quick_links ul li a:active  {

   color: #cccccc;
   text-decoration: none;
   
}


#thumbs   {

    
	float: right;
	height: 94px;
	width: 557px;
	margin: 15px 0 0 0;
	/*background-color: #666600;*/
	overflow: auto;
	
	/*NOTE: Firefox does not support styled scrollbars -- works in IE*/
	
	scrollbar-base-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-face-color: #666600;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #000000;
				
}


#thumbframe   {

    
	 /* width: 1470px;  wide enough for 10 thumbs */ 
	margin: 0;
    white-space: nowrap;
	
		
}


/* NAVIGATION MENU <ul> PARENT LIST */


ul.nav_main  {
	
	list-style: none;
	margin: 10px 0 0 -5px;
	padding: 0;
	width: 142px;
	
}


/* PARENT MENU <li> ITEMS... */  


ul.nav_main li.parent  {
	
	padding: 20px 0 0 0;
	height: 80px;
	margin-left: 0px;
	text-align: center;
	
}

ul.nav_main li.parent2  {

    padding: 20px 0 0 0;
	margin-left: 0px;
	height: 65px;
	text-align: center;
	
}


ul.nav_main li.parent3  {

    padding: 30px 0 20px 0;
    margin-left: 0px;
	height: 60px;
	text-align: center;    
	
}


/* CHILD MENU <ul> LISTS... */     


 li ul.first      {

     display: none;
     position: relative;
     top: -93px;
	 left: 128px;
     list-style: none;
	 padding: 0px;
	 font-size: 12px;
	 text-align: center;
	 background-color: #666600;
	 margin: 0;
	 height: 300px;
	 width: 145px;
	 cursor: default;
	  
	       
}

li ul.first_on      {

     display: block;
     position: relative;
     top: -93px;
	 left: 128px;
     list-style: none;
	 padding: 0px;
	 font-size: 12px;
	 text-align: center;
	 height: 300px;
	 width: 145px;
	 margin: 0;
	 cursor: default;
	 
	 
	
	       
}

li ul.second      {
	
	display: none;
	position: relative;
	top: -183px;
	left: 128px;
	list-style: none;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	margin: 0;
	height: 300px;
	width: 145px;
	cursor: default;
	
		        
}


li ul.second_on      {
	
	display: block;
	position: relative;
	top: -183px;
	left: 128px;
	list-style: none;
	padding: 0px;
	font-size: 12px;
	text-align: center;
    height: 300px;
	width: 145px;
	margin: 0;
	cursor: default;
	
	
		        
}

li ul.third     {

     display: none;
     position: relative;
     top: -273px;
	 left: 128px;
     list-style: none;
	 padding: 0px;
	 font-size: 12px;
	 text-align: center;
	 height: 300px;
	 width: 145px;
	 margin: 0;
	 cursor: default;
	 
}

li ul.third_on     {

     display: block;
     position: relative;
     top: -273px;
	 left: 128px;
     list-style: none;
	 padding: 0px;
	 font-size: 12px;
	 text-align: center;
	 background-color: #666600;
	 background-image: url(images/stripe1_bg.gif);
	 background-repeat: repeat-y;
	 background-position: 8px 0px;
	 height: 300px;
	 width: 145px;
	 margin: 0;
	 cursor: default;
	
	 	 
}
	 
     
/* CHILD MENU <li> ITEMS... */


li ul li.first     {
     
	 padding: 20px 0 0 12px;
     margin: 0 0 0 0;
	 height: 38px;
	 	 	 
}

li ul li.first_item_on     {
     
	 padding: 20px 0 0 12px;
     margin: 0 0 0 0;
	 height: 38px;
	 color: #ffffff;
	 text-decoration: underline;
	 cursor: default;
	 	 
}


 
  
li ul li     {
     
	 padding: 0 0 0 10px;
     margin: 0 0 0 0;
	 height: 38px;
	 	 	 
}

li ul li.on     {
     
	 padding: 0 0 0 10px;
     margin: 0 0 0 0;
	 height: 38px;
	 color: #ffffff;
	 text-decoration: underline;
	 cursor: default;
	 	 
}



li ul li.top_last     {
     
	 padding: 0 0 30px 10px;
     margin: 0 0 0 0;
	 height: 38px;
	 
	 	 	 
}

li ul li.last     {
     
	 padding: 0 0 40px 10px;
     margin: 0 0 0 0;
	 height: 38px;
	
	 	 
}

li ul li.last_on    {
     
	 padding: 0 0 40px 10px;
     margin: 0 0 0 0;
	 height: 38px;
	 color: #ffffff;
	 text-decoration: underline;
	 
	 	 
	 	 
}

/* REVEALS CHILD MENU */ 


li:hover ul,  li.over ul      {
     
	 display: block;
	 background-color: #666600;
	 background-image: url(images/stripe1_bg.gif);
	 background-repeat: repeat-y;
	 background-position: 8px 0px;
	 z-index: 1000;
	 height: 300px;
	 width: 145px;
	 cursor: default;
	 
	 
         
}
	 
/* NAV LINKS */ 


a.parent_link:link, a.parent_link:visited {
    
    cursor: default; 

}

a.parent_link:hover, a.parent_link:active  {
   
   cursor: default; 

}

a.child_link:link, a.child_link:visited {
  
   color: #ffffff;
   text-decoration: none;
  
}

a.child_link:hover, a.child_link:active  {

   color: #ffffff;
   text-decoration: underline;

}


a.child_link2:link, a.child_link2:visited {
 
   color: #ffffff;
   text-decoration: underline;
 
}

a.child_link2:hover, a.child_link2:active  {

   color: #ffffff;
   text-decoration: none;

}

a.email:link, a.email:visited {
  
   color: #ffffff;
   text-decoration: underline;
     
}

a.email:hover, a.email:active  {

   color: #ffffff;
   text-decoration: underline;
   
}

/* IMAGES */ 

img.logo  {
   
   margin: 0 0 10px 20px;

}

img.tagline   {

    margin: 0 0 9px 160px;


}


img.main  {
	margin: 1px 0px 0px 0px;
	border: 0px;

}

img.thumb1  {
   
   margin: 0 29px 0 0px;
   border: 0px;

}

img.thumb  {
   
   margin: 0px 29px 0 0;
   border: 0px;

}

img.thumb_last  {
   
   margin: 0 10px 0 0px;
   border: 0px;

}

img.bio  {

  margin-left: 78px;
  border: 0px;
   
}

img.contact  {

  border: 0px;
   
}

img.kathy  {
   
   padding: 5px 0 0 35px;
   border: 0px;
   margin: 0px;

}

/* TABLE STYLES */ 

#contact td   {

    
    text-align: center;


}

#bio td   {

    margin: 0px;
	padding: 0px;
    text-align: left;


}

#links td h1   {

    margin: 0px 0 5px 0;
	text-align: left;
	color: #ffffff;
	font-size: 12px;


}

#links hr  {

    color: #666600;
	height: 1px;
	


}

#links td h2   {

    margin: 15px 0 10px 0;
	text-align: left;
	color: #ffffff;
	font-size: 12px;


}

#links td   {

    margin: 0px;
	padding: 10px 0 0 20px;
    text-align: left;
	color: #ffffff;
	font-size: 12px;


}

#links td li   {

    list-style-type: none;
	line-height: 25px;


}

#links td li a:link, #links td li a:visited {
  
   color: #ffffff;
   text-decoration: none;
     
}

#links td li a:hover, #links td li a:active  {

   color: #ffffff;
   text-decoration: underline;
   
}




