/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
LBPH Style sheet ELEMENTS  
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   */
/* Body */

BODY  {
	margin: 0px;
	background-position: 0px 0px;
	background-color : #FFFFFF;
	font-family: arial, helvetica;
	font-size : 14pt; 
	color : #000000;
	font-weight: normal;
	line-height: 20pt;
	}
	
/* Anchors */		
	
a:link      {color: #000066;}
a:visited   {color: #660033;}
a:active    {color: #FF9933;}
a:hover     {color: #339933;}

/* Anchors */		
	
a.title:link	{
	color: #000000;
	font-family: arial, helvetica;
	text-decoration:none;}
a.title:visited   {
	color: #333333;
	font-family: arial, helvetica;
	text-decoration:none;}
a.title:active    {
	color: #FF9933;
	font-family: arial, helvetica;
	}
a.title:hover     {
	color: #339933;
	font-family: arial, helvetica;
	}
/* Headers*/
	
h1 {
	font-weight : bold;
	font-size: 20pt;
	line-height: 25pt;
	color: #000000;
	font-family: arial, helvetica;
	margin-bottom:0px;
	}

h2 {
	font-weight : bold;
	font-size: 18pt;
	line-height: 23pt;
	color: #000000;
	font-family: arial, helvetica;
}

h3 {
	font-weight : bolder;
	font-size: 16pt;
	line-height: 20pt;
	color: #000000;
	font-family: arial, helvetica;
}

h4 {
	font-weight : bolder;
	font-size: 12pt;
	line-height: 17pt;
	color: #000000;
	font-family: arial, helvetica;
}


h5 {
	font-weight : bolder;
	font-size: 12pt;
	line-height: 17pt;
	color: #000000;
	font-family: arial, helvetica;
}

h6 {
	font-weight : bolder;
	font-size: 10pt;
	line-height: 15pt;
	color: #000000;
	font-family: arial, helvetica;
}

td	{
	font-family: arial, helvetica;
	font-size: 14pt; 
	color: #000000;
	font-weight: normal;
	line-height: 16pt;
	}

ul	{
	list-style-position:outside;
	padding-left:1.5em;
}

li	{
	margin-bottom:15px;
	}
	
.subtitle	{
	font-family: arial, helvetica;
	font-size: 18pt; 
	color: #000000;
	font-weight: bold;
	line-height:25pt;
	}
	
.lbphtext	{
	font-family: arial, helvetica;
	font-size: 14pt; 
	color: #000000;
	font-weight: normal;
	line-height: 16pt;
	}
	
/* Footer */
.footertext {
	color: #333333;
	font-family: verdana, arial, helvetica;
	font-size:10pt;
	font-weight:bold;
	line-height:14pt;
	margin-left: 2px;
}
	
/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
POSITIONING 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!   */

	
/* Masthead */

#logo {
	position:absolute;
	left:20px;
	top:10px;
}

/* This is the phone, directions, hours of lbph for the leaftop.html */
#location_info	{
	position:absolute;
	left:550px;
	top:10px;
	width:300px;
	font-family: Verdana, arial, helvetica;
	font-size : 11pt; 
	color : #000000;
	font-weight: bold;
	line-height: 15pt;
	}
	
	
/* THE LOGO IS 195x125 SO THE NAVIGATIONAL MENU SHOULD START RIGHT BELOW IT */
#leaflogo {
	position:absolute;
	left:20px;
	top:10px;
}

#leaflbph {
	position:absolute;
	left:20px;
	top:145px;
	width:600px;
	font-family: arial, helvetica;
	font-size : 16pt; 
	color : #000000;
	font-weight: bold;
	}
	

#title {
	position:absolute;
	left:150px;
	top:60px;
	width:500px;
	font-family: arial, helvetica;
	}

/* *************** NAVIGATIONAL MENUS ***************************** */
	
/* this is to place the navigation menu on the home page(at the top of the page but with the code at the bottom) It starts lower on the page than on the interior pages */
#navmenu_home	{
	position:absolute;
	left:20px;
	top:240px;
	width:700px;
	height: 100px;
	}
	
/* this is the navigation menu (at the top of the page but with the code at the bottom) 
when the code is at the bottom, the user must tab through all the contents to get to it.
Ideally on the sub pages one wants the code line above the footer so one doesn't have to tab through that.  Use relative rather than absolute?
*/

#navmenu	{
	position:absolute;
	left:20px;
	top:190px;

	}

/* this is the top row of the navigation menu  */
#navmenu_toprow	{
	position:absolute;
	left:0px;
	top:0px;
	width:720px;
	height: 45px;
	border-style: solid;
	border-width: thin;
	background-color:#ffcc99;
	}
	/* LBPH home in top row */
	#home	{
		position:absolute;
		left:10px;
		top:5px;
		}
	#signup	{
		position: absolute;
		left:140px;
		top:5px;
		}
	#catalogs	{
		position: absolute;
		left:240px;
		top:5px;
		}
	#assistdev	{
		position: absolute;
		left:405px;
		top:5px;
		}
	#services	{
		position: absolute;
		left:595px;
		top:5px;
		}
			
/* this is the bottom row of the navigation menu  */
#navmenu_bottomrow	{
	position:absolute;
	left:0px;
	top:45px;
	width:720px;
	height: 40px;
	border-style: none solid solid solid;
	border-width: thin;
	background-color:#cc99cc;
	}
#newsletters	{
		position: absolute;		
		top:5px;
		left:10px;
		}
	#downloadableaudio	{
		position:absolute;
		top:5px;
		left:250px;		
		}
	#talkingbooks	{
		position: absolute;		
		top:5px;
		left:360px;
		}
	#booklists	{
		position: absolute;
		top:5px;
		left:595px;		
		}
/* this is where the content of each page begins */
#leafcontent	 {
	position:absolute;
	left:20px;
	top:300px;
	width:700px;
}

/* this is for positioning the h1 heading on the home page */
#h1_home	{
	position:absolute;
	left:20px;
	top:180px;
	}


#homecontent	 {
	position:absolute;
	left:20px;
	top:360px;
	width:700px;
	}

/*
This positions the footer at the bottom of the page.  It is taken from the footer on the main clp website.
*/

#footer {
	position:relative;
	width:700px;
	height:50px;
	}

#footernav 	{
	position:relative;
	left:0px;
	top:0px;
	width:600px;
	height:50px;
	}
		
#footerleft {
	position:absolute;
	top:30px;
	left:0px;
	width:550px;
	height:50px;
	}

#footerright {
	position:absolute;
	top:30px;
	left:550px;
	height:50px;
	}