/* body stuff */
	body{
	padding:5px 0 0 0;
	margin:0;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	background:#777 url("graphics/bodybg.png") top left;
	color:#FFF;
	}
	
	body, body div, body p, body th, 
	body td, body li, body dd{
    font-size:    x-small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small
    }

	html>body, html>body div, html>body p, 
	html>body th, html>body td, 
	html>body li, html>body dd {
	font-size:    small
    }
/* Body Stuff */



/* layout */	


	#shell{
	border:0px solid #000;
	width:770px;
	margin:auto;
	padding:0;
	background:#777 url("graphics/background.png") top left;
	}
	
	#header{
	height:160px;
	background:transparent url("graphics/header.png") top left;
	}
	
	
	#navbar{
	height:296px;
	background:transparent url("graphics/sidebar.png") top left;
	}
	
	
	#sidebar{
	float:left;
	width:213px;
	background:transparent url("") no-repeat top left;
	}
	
	#content{
	margin:0 0 0 213px;
	padding:0 0 0 0;
	color:#FFF;
	background:transparent url("graphics/twoguys.png") no-repeat 0 50px;
	}
	
	#contentheader{
	background:transparent url("graphics/contentheader.png") no-repeat top left;
	height:32px;
	color:#FFF;
	padding:0;
	margin:0;
	}
	
	#tlink{ position:relative; 
			width:124px; 
			height:36px; 
			z-index:100; 
			float: right; 
			top: -75px; 
			padding: 0 0 0 0; 
			right: -14px;}
	
	#contenttext{
	margin:170px 0 0 0;
	padding:0 60px 20px 10px;
	}
	
	#content img{
	margin:0 0 0 0;
	padding:0;
	}
	
	
	#footer{
	clear:both;
	height:30px;
	padding:5px 65px 0 120px;
	color:#FFF;
	font-size:11px;
	background:#777 url("graphics/footer.png") no-repeat top left;
	}

	
	#footer img{
	float:right;
	margin:0 0 0 0;
	}
	
	#insett{
	position:absolute;
	top:165px;
	width:557px;
	margin:0;
	padding:0;
	}
	
	
	
/* layout */	
	
	
	
/* formatting */		

	h2{
	color:#FFF;
	border-bottom:0px solid #FFF;
	font-family:Georgia, verdana, helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	}
	
	h3{
	color:#FFF;
	font-family:Georgia, verdana, helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
	
	
	#content p{
	line-height:16px;
	}
	
	
	a{ color: #FF9900; text-decoration:none;}
	a:hover { color: #339999; text-decoration:none; }
	
	.images{
	padding:0;
	border:1px solid #FFF;
	}
	
	.border{
	border:1px solid #666657;
	}
	
	#content ul{
	margin:4px 0 0 25px;
	padding:0 0 10px 0;
	list-style-image: url(bullet.gif);
	}
	
	.inset{
	margin:0 5px 10px 10px;
	float:right;
	width:200px;
	text-align:center;
	}
	
	
	img{border:0;}
	
	
/* formatting */		
	
	
/* navigation */

	
	#navlist{
	padding: 0 0 0 0;
	margin: 0 0 0 41px;
	}

	#navlist li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width:139px;
	}
	
	#navlist li a {
	display: block;
	margin:0;
	padding:0;
	list-style: none;
	text-decoration: none;
	height:20px;
	}
	
	#navlist span{text-indent:-9999px; visibility:hidden;}

	#home {background: transparent url(graphics/beaconmenu.png) 0 0 no-repeat;}
	#about {background: transparent url(graphics/beaconmenu.png) 0 -20px no-repeat;}
	#staff {background: transparent url(graphics/beaconmenu.png) 0 -40px no-repeat;}
	#location {background: transparent url(graphics/beaconmenu.png) 0 -60px no-repeat;}
	#first {background: transparent url(graphics/beaconmenu.png) 0 -80px no-repeat;}
	#faq {background: transparent url(graphics/beaconmenu.png) 0 -100px no-repeat;}
	#oral {background: transparent url(graphics/beaconmenu.png) 0 -120px no-repeat;}
	#common {background: transparent url(graphics/beaconmenu.png) 0 -140px no-repeat;}
	#emergency {background: transparent url(graphics/beaconmenu.png) 0 -160px no-repeat;}
	#types {background: transparent url(graphics/beaconmenu.png) 0 -180px no-repeat;}
	#related {background: transparent url(graphics/beaconmenu.png) 0 -200px no-repeat;}
	#color {background: transparent url(graphics/beaconmenu.png) 0 -220px no-repeat;}
	#appointment {background: transparent url(graphics/beaconmenu.png) 0 -240px no-repeat;}
	#contact {background: transparent url(graphics/beaconmenu.png) 0 -260px no-repeat;}
	#photogallery {background: transparent url(graphics/beaconmenu.png) 0 -260px no-repeat;}
	
	#home a:hover{background: transparent url(graphics/beaconmenu.png) 0 -280px no-repeat;}
	#about a:hover{background: transparent url(graphics/beaconmenu.png) 0 -300px no-repeat;}
	#staff a:hover{background: transparent url(graphics/beaconmenu.png) 0 -320px no-repeat;}
	#location a:hover{background: transparent url(graphics/beaconmenu.png) 0 -340px no-repeat;}
	#first a:hover{background: transparent url(graphics/beaconmenu.png) 0 -360px no-repeat;}
	#faq a:hover{background: transparent url(graphics/beaconmenu.png) 0 -380px no-repeat;}
	#oral a:hover{background: transparent url(graphics/beaconmenu.png) 0 -400px no-repeat;}
	#common a:hover{background: transparent url(graphics/beaconmenu.png) 0 -420px no-repeat;}
	#emergency a:hover{background: transparent url(graphics/beaconmenu.png) 0 -440px no-repeat;}
	#types a:hover{background: transparent url(graphics/beaconmenu.png) 0 -460px no-repeat;}
	#related a:hover{background: transparent url(graphics/beaconmenu.png) 0 -480px no-repeat;}
	#color a:hover{background: transparent url(graphics/beaconmenu.png) 0 -500px no-repeat;}
	#appointment a:hover{background: transparent url(graphics/beaconmenu.png) 0 -520px no-repeat;}
	#contact a:hover{background: transparent url(graphics/beaconmenu.png) 0 -540px no-repeat;}
	#photogallery a:hover{background: transparent url(graphics/beaconmenu.png) 0 -540px no-repeat;}