body{
		background:#ffffff url(images/page_bg.gif) top left repeat-y; 
		padding:0; 
		margin:0;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:.8em;
}

/* IMAGE REPLACEMENT FOR BIG LOGO BAR */

h1#logo	{
	background:url(images/top_logo_freephone.gif) left; 
	paddding:0; 
	margin:0; 
	width:857px;  
	height:120px;
}
  
h1.fir 	{
	border:0;  
	margin:0; 
	width:698px;
}
		
h1.fir span {
	display:none;
}


h2#phone {
	font-size:24px;
	margin:0 0 0 10px;
	padding:0;
	font-weight:600;
	}
	
p.home {
	margin:0;
	pading:0;
	}


#content {
	width:624px;
	height:100%; 
	text-align:left; 
	margin-left:215px;
}

#content-home {
	width:484px;
	height:100%; 
	text-align:left; 
	margin-left:215px;
}


#lhnav {
	width: 200px; 
	position:absolute; 
	top:119px; 
} 


#lhnav ul {
	margin:0; 
	list-style-type:none;
	padding:0;
	}

#lhnav li {
	border:1px solid #ffffff;
	border-right: 1px solid  #937401;
	border-bottom: 1px solid  #937401;
	background-color:#e0ecf6; 
	padding: 7px 5px;
	display:block;
	font-size:1em;
}

#lhnav li a {

	color: #000000;
	font-weight:bold;
	text-decoration:none;
}	

#lhnav li a:hover {
	text-decoration:underline;
}	

#lhnav .here {
	color: #000000;
	font-weight:bold;
	padding:5px;
}	

#lhnav .pending {
	color: #999999 ;
	font-weight:bold;
	padding:5px;
}	

#lhnav .on  a:hover {
	text-decoration:none;
}	


#rhs {
	width: 140px; 
	position:absolute; 
	top:121px;
	left:717px; 
} 




/* ROLLOVER STUFF */ 


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
top: -400px;
left: 60px; /*position where enlarged image should offset horizontally */

}

        #newsFront {
                padding: 0px 10px;
        }
        .newsItem {
                margin-bottom: 15px;
        }
        
        .newsItem .newsTitle{
                font-weight: bold;
        }
        
        .newsItem .newsDate{
                font-style: italic;
        }
        
        .newsItem .newsImage{
                float: right;
                border: 1px solid black;
        }
		
		
a.pra{ color:#000; text-decoration:none; font-weight:bold}
a.pra:hover{color:#000; text-decoration:underline}



