/* Fonts */
html {
	font-size: 100%;
}

body {
	font: 1.5em/1em Helvetica, sans-serif;
	color: #000;
	background-color: #f3fbff;
}

input, select, textarea {
	font-size: 100%;
}

h1 {font: 3em/1em Helvetica, sans-serif;}

h2 {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
}

h3 {font: bold 1.2em/1em Helvetica, sans-serif;}

/* Tag-specific */
html, body, form, fieldset, li, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, input {
	margin: 0;
	padding: 0;
}

dl, p, ul, ol {
	margin: 0 0 1em;
	padding: 0;
}

a {
	font-size: 1em;
	color: #000;
	text-decoration: none;
	border-bottom: 0px solid #000; 
}

dt {font-weight: bold;}

form label {cursor: pointer;}

img {border: none;}

input {vertical-align: middle;}

/* General */
#container {
	position:absolute;
	overflow: hidden;
	width: 100%;
	margin: 0em auto;
	height: 630px;
	top: 50%;
	margin-top: -330px;
}

.mainimagewrap{
	/* Width HAS to be here for IE to render the filter */
	width: 100%;
}

#mainframe {
	z-index: 0;
	width: 99%;
	text-align: center;
}
	
#mainimage {
}

#banner {
	position: fixed;
	z-index: 36;
	width: 100px;
	left: 50%;
	text-align: center;
	margin-left: -50px;
	top: 4%;
	font: normal 1.5em/1em Times, sans-serif !important;
}
	
#caption {
	position: fixed;
	text-align: center;
	font: bold .75em/1.25em times, courier, arial, sans-serif;
	color: #fc0;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	z-index: 6;
	bottom: 3%;
}

#caption a {
	text-decoration: underline;
	color: #fc0;
}

#caption span {
	display: block;
	font: .75em/1.25em times, courier, arial, sans-serif;
	font-style: italic;
}
	
#email a {
	position: fixed;
	z-index: 36;
	left: 80%;
	bottom: 3%;
	font: bold .75em/1.25em times, serif !important;
	color: #006;
}
	
#cv a {
	position: fixed;
	z-index: 36;
	left: 92%;
	bottom: 3%;
	font: bold .75em/1.25em times, serif !important;
	color: #006;
}

#pubtitle {
	position: fixed;
	top: 5%;
	left: 2%;
	width: 15%;
	text-align: right;
	border-bottom: 0px solid #000; 
}
	
#pub {
	position: fixed;
	left: 2%;
	top: 5%;
	margin-top: 35px;
	width: 250px;;
	text-align: left;
	border: 0px !important;
}

#postertitle {
	position: fixed;
	left: 80%;
	top: 25%;
	width: 15%;
	text-align: right;
	border-bottom: 0px solid #000;
}
	
#poster {
	position: fixed;
	left: 80%;
	top: 25%;
	margin-top: 35px;
	width: 18%;
	text-align: left;
}

#misctitle {
	z-index: 40;
	position: fixed;
	top: 50%;
	left: 2%;
	width: 15%;
	text-align: right;
	border-bottom: 0px solid #000;
}
	
#misc {
	position: fixed;
	top: 50%;
	margin-top: 35px;
	left: 2%;
	width: 250px;
	text-align: left;
}
	
#nav {
	position: fixed;
	z-index: 10;
	color:#000;
	font: 1em/1.25em helvetica,sans-serif;
	font-weight: normal;
}	

#nav div.off {
	cursor: pointer;
}

#nav div.on {
	color:#006;
	border-bottom: 2px solid #333; 
}

div.hide {
	display:none; 
	overflow:hidden;
}

div.show {
	position: fixed;
	text-align: left;
	left: 9.5%;
	top: 15%;
	color:#000;
	font: bold .5em/1.5em Helvetica, sans-serif;
}

div.show ul {list-style:none; width:100%;}
div.show ul li {margin:1px 0 0 0; color:#006;}
div.show ul li a, div.show ul li a:visited {color:#006; text-decoration: none; border: none;}
div.show ul li a:hover {text-decoration: none; color:#03c;}