html {font-size:10px;}

body {
	background-color:#046380;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
	padding-top:5em;
	}

#main {
	position:relative;
	margin:auto;
	width:73em;
	text-align:left;
	z-index:1;
	}

#background {
	position:absolute;
	top:5em;
	left:0;
	width:100%;
	height:36em;
	background-color:#FFFFFF;
	background-image: url(../images/small_circles_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

#innerbackground {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:8px;
	background-image: url(../images/small_circles_bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

.firstsection {
	position:relative;
	height:36em;
	max-height:36em;
	overflow:auto;
	text-align: right;
	padding:4em 0 0 28em;
	}
	
.secondsection {
	position:absolute;
	top:36em;
	color:#FFFFFF;
	width:100%;
	margin:0;
	}

/* BASIC TYPOGRAPHY */

a {color:#046380;}
a:visited {color:#9900FF;}
a:hover{color:#993300;}

abbr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00FF00;
	cursor: help;
	}

.offsite{
	background-image: url(../images/external.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	margin-right:5px;
	}

h1, h2, h3, h4, h5, h6, h7, p, ol, li, dt, dd {
	margin:1em;}

p, ol, li, dt, dd {
	line-height:1.5em;
	}

dd {margin-bottom:2.5em;}

/*.secondsection dl, .secondsection ul, .secondsection ol {margin-left:1.5em;}*/

h1, h2, h3, h4, h5, h6, h7 {
	color:#002F2F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:left;
	}

h2 {
	font-size:2em;
	margin:0.5em 0.5em 1.5em 0.5em;}

h3 {
	font-size:1.5em;
	margin:0.67em;
	}

h4 {font-size:1em;
	margin:1em;}




/* Typography Changes, second section */
.secondsection a {color:#E6E2AF;}
.secondsection a:visited {color:#E6E2AF;}
.secondsection a:hover{color:#FFFFFF;}

.secondsection abbr {border-bottom-color: #FFFFFF;}

.secondsection h2, .secondsection h3, .secondsection h4 {color:#E6E2AF;}


.firstsection p, #firstsection ol, #firstsection li {font-size:1.2em;}
#summary p, #summary ol, #summary li {font-size:1.2em;}
#sites p, #sites ol, #sites ul {font-size:1.2em;}


/* FIRST SECTION */	
#contact {
	position:absolute;
	top:14em;
	left:0.75em;
	font-size: 1.5em;
	width:26em;
	font-family: Trebuchet MS;
	color: #A7A37E;
	word-spacing: 0.25em;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	}
	
.hidden {display:none;}

h1 {
	position:absolute;
	top:0.8em;
	left:0.2em;
	font-size: 5em;
	line-height: 1.3em;
	letter-spacing: .15em;
	margin:0;
	}

/* SECOND SECTION */

.dtend, .dtstart {border:none;}







/* NAV */
#cvbutton, #workbutton {
	position:absolute;
	top:-20px;
	right:0;
	}
#blogbutton {
	position:absolute;
	top:-20px;
	right:55px;}