/* CONTENT STYLES */

body {
	font-family:times,serif;
	color:#333;
	background:#ccc;
}
div {
	background:transparent;
	text-align:center;
}
h1 {
	margin:44px 0 0;
	text-align:center;
	font-size:2.2em;
	font-weight:normal;
	letter-spacing:0.05em;
}
a {
	border:0;
}
.content {
	margin-top:15px;
	font-size:1em;
}
/* for long text content in a white box */
.content div.textbox {
	margin:0 16% 1.5em;
	background:white;
	border:1px solid #666;
	padding:8px;
	font-size:inherit;
}
.content div.textbox h2 {
	margin:0.25em 0 1em;
	padding-top:0;
	font-size:1.5em;
	font-weight:normal;
}
/* for lists on resume page */
.content div.smalltext {
	font-size:0.9em;
	text-align:left;
}
.content div.smalltext h2 {
	margin:0.25em 0 0;
}
.content div.smalltext ul {
	margin:0 0 12px 1em;
	padding:0;
}
.content div.smalltext ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
/* general link styles */
a:link    {color:#333;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover   {color:#000;text-decoration:underline;}
a:active  {color:#333;text-decoration:underline;}
/* inline links in content div */
.content a:link    {text-decoration:underline;}
.content a:visited {text-decoration:underline;}
.content a:hover   {text-decoration:none;}
.content a:active  {text-decoration:underline;}

td a img {border-color:#454545;}
td a:hover img {border-color:#000;}

/* MAIN MENU */
#menu {padding:0;margin:0;height:30px;}
#menu li {
	list-style:none;
	display:inline;
}
#menu li.button,
#menu li.buttonon,
#menu li.buttonback {
	padding:4px 26px;
	background:#fff;
	border:1px solid #666;
	height:20px;
	width:30px;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
}
/* current section, top level ('you are here') */
#menu li.buttonon {
	color:#000;
	text-decoration:underline;
}
/* current section, 2nd level ('back to parent section') */
#menu li.buttonback {
	background:#ccc;
	color:#333;
}
#menu li.buttonback a:link,
#menu li.buttonback a:visited {color:#000;text-decoration:none;}
#menu li.buttonback a:hover   {color:#333;text-decoration:underline;}
#menu li.buttonback a:active  {color:#000;text-decoration:underline;}
/* explicit 'a' tag padding for Safari - dunno why 5 not 4px, but there you go... */
#menu li.buttonback a {
	padding:5px 0;
}
/* adjust long or short menu labels to average-ish width */
#menu li.extrawidth {
	padding:4px 33px;
}
#menu li.lesswidth {
	padding:4px 20px;
}

/* used on home page only */
.homepageimage {margin-top:14px; border: #999 solid 1px;}

/* for enlarged images */
.enlarge a:link,
.enlarge a:visited {
	text-decoration:underline;
}
.enlarge a:hover {
	text-decoration:none;
}
.enlarge a img {
	background-color:#ddd;
	padding:12px;
	border:1px #bbb solid;
}
.enlarge a:hover img {
	background-color:#eee;
}