* {margin:0; padding:0}
.sm {list-style:none; width:490px; height:39px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
a:link {color: #222; text-decoration:none;}     /* unvisited link */
a:visited {color: #000; text-decoration:none;}  /* visited link */
a:hover {color: #000; text-decoration:underline;}   /* mouse over link */
a:active {color: #000; text-decoration:none;}   /* selected link */
html, body {
	height: 100%;         /* required */
}
body {
	font-size:12px;
	background:#fff;
	color:#222;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}

img, div { behavior: url(iepngfix.htc) }

h2 {width:362px; height:36px; background:url(../images/topic.png) no-repeat; font-family:Helvetica Neue, Helvetica, Arial, Sans-Serif; text-decoration:none; color:#eee; font-weight:200; font-size:15px; padding:7px 0 0 20px;}

ul#list-nav {
list-style:none;
margin:0px;
padding:0;
width:500px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
font-size:12px;
font-family:Helvetica Neue, Helvetica, Arial, Sans-Serif;
padding:5px 0;
width:100px;
color:#000033;
float:left;
text-align:center
}

ul#list-nav li a:hover {
font-weight:bold;
}  

.contact { font-family:Helvetica Neue, Helvetica, Arial, Sans-Serif; font-size:12px; line-height:28px; padding-left:20px;}
.bio { font-family:Helvetica Neue, Helvetica, Arial, Sans-Serif; font-size:12px; line-height:16px; color:#eee; padding-left:20px;padding-right:20px;}
.bio a:link {color: #eee; text-decoration:none;}     /* unvisited link */
.bio a:visited {color: #eee; text-decoration:none;}  /* visited link */
.bio a:hover {color: #ddd; text-decoration:underline;}   /* mouse over link */

/*this is to keep page from shifting to left on load in safari and firefox*/

html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }