/* background */
BODY {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #eee;
	margin:0px;
}

p, table {	font-size: 10pt; padding: 0px 5px 0px 5px; margin: 10px 0px 10px 0px; }

/* Images */
IMG {border: 3px solid #036;}
A:link IMG,A:visited IMG,A:active IMG {border-color: #036;}

/* Links */
A:link,A:visited    { color: #039; }
A:hover,A:active  { color: #369; }

TH A:link, TH A:visited    { color: #000; text-decoration: none; }
TH A:hover, TH A:active  { color: #000; text-decoration: underline; }

/* content block */
#sitetitle {
	width: 100%;
	background: url(images/titlegrad.png) repeat-x;
	padding: 10px 0px 10px 0px;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	font-family: serif;
}

#roottable {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-spacing: 0px;
}

#leftcontent {
	width: 20em;
	padding-right: 5px;
	margin-right: 10px;
	font-size: 10pt;
	vertical-align: top;
}

#centercontent {
	width: 50em;
	padding-left: 5px;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 10pt;
	vertical-align: top;
}

/* Headings */
H1 {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	text-align:center;
	color:#000;
	background-color:#696;
}

H2 {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#696;
	
	margin: 0;
	border-bottom: 1px #039 solid;

	clear: both;
}

H3 {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#69c;
	
	border-top: 1px #039 solid;
	border-bottom: 1px #039 solid;
	
	padding-left: 10px;
	clear: both;
}

/* nav bar */
TABLE.navbar {
	width: 100%;
	border: 1px solid #039;
	border-spacing: 0; border-collapse: collapse;
	margin: 0px 0px 10px 3px;
}

TABLE.navbar TH {
	background-color:#69c;
	border: 1px solid #039;
	padding: 3px;
}

TABLE.navbar TD {
	background-color: #eec;
	border: none;
	padding: 3px;
}


/* project styles */
.bg {
	background-color: #eec;
	border: 1px solid #039;
	border-spacing: 0; border-collapse: collapse;
	padding: 0px 0px 20px 0px; 
	/*width: 600px;*/
	font-size: 10pt;
}

.date { 
	margin-left: 5px;
	font-size: 10pt;
	font-style: italic;
}
.note {margin-left: 5px;}
.body {margin:1em 0px 1em 0px;}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatleft,.floatright,.media {
	text-align: center;
	font-style: italic;
	margin: 5px;
}

TD.media {
	vertical-align: top;
}

/* index styles */
.resume {
	background-color: #eec;
	border: 1px solid #039;
	border-spacing: 0; border-collapse: collapse;
	padding: 0px 0px 20px 0px; 
	/*width: 600px;*/
	font-size: 10pt;
}

.resume TABLE.header .address {
	font-weight: bold;
	font-size: 12pt;
}

.resume TABLE.header .name {
	font-weight: bold;
	font-size: 20pt;
}

.resume TABLE.header .title {
	font-weight: bold;
	font-size: 12pt;
}

.resume TABLE.header .email {
	font-weight: bold;
	font-size: 10pt;
	color: #666;
}

.resume .tagline {
	text-align: center;
	color: #666;
}

.resume .gray { color: #666; }
.resume EM { color: #000; font-weight: bold; font-style: normal; }

.resume TABLE.projects TD {
	padding-bottom: 10px;
}

.resume TABLE.projects TD.left {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

.resume TABLE.projects TD.right {
	vertical-align: top;
	padding-left: 5px;
}

.resume TABLE.projects ul.bullets {
	margin: 0px;
	padding-left: 1.5em;
}