body {background-color: #ddd; font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%;color: black;}

ul {margin: 2px 10px }
li {list-style-type: square; line-height: 150%}

#parent {width: 760px; background-color: #999 !important; margin-left: auto; margin-right: auto; display: block;}
#parent img {margin: 0 auto 0 auto; display: block; padding-bottom: 20px}


#header {background: url(images/nav_off.gif) #666 repeat-x 0 0; display: block; width: 100%; height: 75px; margin:0 0 5px 0;}
//#parent > #header {margin:-20px 0 20px 0;}
h1 {background: url(images/jh_title.gif) #666; float: left; width: 286px; }
h2 {background: url(images/nav_off.gif) #666; float: left; width: 105px; }
h2.left {background: url(images/nav_left_off.gif) #666;}
h2#consulting {background: url(images/nav_off.gif) #666;}
h2#portfolio {background: url(images/nav_portfolio_off.gif) #666;}
h2#resume {background: url(images/nav_resume_off.gif) #666;}
h1 span, h2 span {display: none}
h1, h2 {height: 75px;}

h2 a {display: block; height: 75px; width: 105px;}
//h2 a:hover {background: url(images/nav_on.gif) #666;}
h3, h4, h5 {color: #ddd; font-weight: bold; font-size: 120%; font-style: italic;}
h5 {font-size: 110%;}


p {margin-bottom: 10px;}

#content {margin: 20px;}
#content a {color: #333; font-style: italic; text-decoration: underline;}

#subhead {float: left; background: url(images/subhead_divider.gif) #333 no-repeat top right; padding: 2px 50px 2px 10px; margin: 0 0 5px 0;}
.nopag {background-image: url(images/subhead_bg1.gif) !important; }
#subhead h3, #subhead h4 {float: left;}

#pagination {float: left; background: url(images/subhead_bg1.gif) #333 no-repeat top right; padding: 2px 50px 3px 10px; margin: 0 0 5px 0;}
#parent > #pagination {padding: 2px 50px 1px 10px;}
#pagination ul {margin: 0; padding: 0;}
#pagination li {float: left; list-style-type: none; margin: 0 20px 0 0; padding: 0;}
#pagination li.last {margin: 0;}
#pagination a {color: #ddd; font-weight: bold; font-size: 110%; font-style: italic;text-decoration: underline;margin: 0; padding: 0;}

#description {background: url(images/description_bg.gif) #333 repeat-x 0 -53px; padding: 20px 15px 15px 15px;}
p {color: #ddd; font-size: 100%; font-style: italic;}

#description a {color: #ddd; font-style: italic; text-decoration: underline;}

#work_listing {float: left; display: inline; width: 150px; height: 120px; margin: 10px; padding: 5px; background-color: #333;}
#work_listing img {width: 150px; height: 75px; margin: 0 0 5px 0; padding: 0}
#work_listing h4 {margin: 0 !important; padding: 0; font-weight: normal;}

.pullquote {float: left; background-color: #666; padding: 5px 5px 5px 10px; margin: 10px 10px 10px 0;}
.pullquote strong {text-align: center}

img.resume_img {float: left; margin: 5px 20px 20px 0;}

#quizform table td {padding: 0 4px}
td {padding: 2px 4px; align: left; vertical-align: top}
th, .heading {background-color: #ccc; color: #666; font-weight: bold; padding: 2px 4px !important;}