html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	background-color: #fff;
	color: #000;
}

h1{
	position: absolute;
	top: 0.1em;
	left: 0.4em;
	font-size: 2.5em;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	text-shadow: #000 2px 2px 3px;
	color: #fff;
}

h1 em{
	position: relative;
	font-size: 0.9em;
	top: 1.25em;
	color: #f4f363;
	left: -10em;
}

h2{
	font-size: 3em;
	font-family: "Impact", sans-serif;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	word-spacing: 0.25em;
	padding: 0.5em 0.5em 0.5em 0;
	color: #bbe;
	background-color: #0078ba;
//	border-bottom: 4px solid #54b1e5;
}

.nav {
    background-color: #40a0d0;
    overflow: hidden;
}

.nav a,span.active{
    float: left;
    color: #fff;
    text-align: center;
    padding: 0.8em 1.25em;
    text-decoration: none;
    font-size: 1em;
}

.nav a:hover {
    background-color: #eec;
    color: #000;
}

.nav span.active {
    background-color: #fff;
    color: #000;
}

#mainContent{
	max-width: 60em;
	margin: 1em auto;
	padding: 0 1em;
}

#portrait{
	width: 13.5em;
	height: 15.875em;
	margin: 0 1em 1em 0;
	border: 1px solid #000;
	float: left;
}

#shortBio{
	list-style-type: none;
	margin: 0 1em 0 14.5em;
	padding: 0;
}

#shortBio li{
	font-size: 0.85em;
	margin-bottom: 0.5em;
}

.sideRight{
	float: right;
	width: 24em;
	margin: 0 0 1em 1em;
	background-color: #f6f588;
	border: 1px solid #07b;
}

.sideRight h4{
	color: #fff;
	background-color: #07b;
	text-align: center;
	letter-spacing: 0.3em;
	border-bottom: 1px solid #33c;
}

.sideRight ul{
	margin: 0.5em;
	padding: 0 0 0 1em;
}

.sideRight li{
	margin: 0.5em;
}