*	{ margin: 0px; padding: 0px; border: 0px; }

body	{ font-family: verdana, arial, sans-serif; font-size: 11px; color: #000; background: #bdbd9b url(../images/H_fade.gif) repeat-y; }

/* LAYOUT */
#H_background	{ background: #bdbd9b url(../images/H_bgtile_home.jpg) repeat-y 0px 76px; height: 816px;}
* html #H_background	{ background: #bdbd9b url(../images/H_bgtile_home.jpg) repeat-y 0px 80px;}
#container	{ position: relative; width: 760px; }

#header		{ position: relative; background: url(../images/H_logo.gif) no-repeat; width: 760px; height: 77px; color: #000; }
#header p	{ float: right; padding: 20px 20px 0px 0px; font-size: 10px; clear: both; }
#header a 	{ color: #666633; }

#sidenav	{ position: relative; float: left; width: 135px; min-height: 600px; height: 700px; z-index: 8; padding-top: 10px;}

/* NAVIGATION */
#nav	{ z-index: 10; }
#nav a	{ color: #000; text-decoration: none; }
#nav a: hover { color: #000; text-decoration: none; }
#nav li { position: relative; float: left; font-size: 11px; list-style: none; display: block; }
#nav li a, #nav li div { position: relative; cursor: hand; display: block; }
#nav li strong { position: absolute; left:0px; top:0px; height: 22px; display: block;  }

#nav li.tour, #nav li.tour a, #nav li.about a strong 	{ background: url(../images/HN_tour.gif) no-repeat; width: 135px; height: 140px; }
#nav li.tour a:hover strong	{ background-position: 0px 0px; }
#nav li.residents, #nav li.residents a, #nav li.products a strong	{ background: url(../images/HN_residents.gif) no-repeat; width: 135px; height: 148px; }
#nav li.residents a:hover strong	{ background-position: 270px 0px; }
#nav li.press, #nav li.press a, #nav li.technology a strong	{ background: url(../images/HN_press.gif) no-repeat; width: 135px; height: 97px; }
#nav li.press a:hover strong	{ background-position: 270px 0px; }
#nav li.story, #nav li.story a, #nav li.clinical a strong	{ background: url(../images/HN_story.gif) no-repeat; width: 135px; height: 118px;}

#nav li.mic, #nav li.mic a, #nav li.mic a strong	{ background: url(../images/mic.jpg) no-repeat; width: 135px; height: 101px;}

#nav li.story a:hover strong	{ background-position: 270px 0px; }

#nav li.touron strong, #nav li.touron	{ background: url(../images/HN_tour.gif) 106px 0px no-repeat; width: 106px; height: 22px; }
#nav li.residentson strong, #nav li.residentson	{ background: url(../images/HN_residents.gif) 102px 0px no-repeat; width: 102px; height: 22px; }
#nav li.presson strong, #nav li.presson	{ background: url(../images/HN_press.gif) 118px 0px no-repeat; width: 118px; height: 22px; }
#nav li.storyon strong, #nav li.storyon	{ background: url(../images/HN_story.gif) 133px 0px no-repeat; width: 133px; height: 22px; }

/* DROP DOWN */
/* controls links on drop down */
#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 135px;}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 0px;
	left: 135px;}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	border-right: 2px solid #fc9;
	border-bottom: 2px solid #fc9;
	border-top: 2px solid #fc9;
	padding: 10px 10px 15px 10px;
	background: #fffff2;
	width: 300px;
	z-index: 10; }
	
	
	
#contents	{ position: relative; float: right; padding: 0px 20px; width: 426px; }
#contents .footer	{ font-size: 9px; }

#sidebar	{ position: relative; float: right; width: 159px; }
#sidebar p	{ text-align: center; width: 110px; border-right: 1px solid #000; border-left: 1px solid #000; background: #ffffcc; font-size: 10px; padding: 10px; }
#sidebar .top { border-top: 1px solid #000; }
#sidebar .bottom { border-top: 1px solid #000; border-bottom: 1px solid #000;}


/* MISC */
.pad	{ padding: 10px; }

/* ELEMENTS */
h1	{ font-size: 28px; color: 444; }
h2	{ font-size: 20px; color: #666; }
p	{ padding: 20px 0px 10px 0px; }

/* LINKS */
a:link, a:visited	{ text-decoration: none; color: #663; }
a:hover	{ color: #a3a370; }