body {margin:0; padding:0; text-align:center; font:75% verdana,geneva,arial,helvetica,sans-serif; background: #999;}
p {line-height:130%;}
p.error {text-align:center;}
p.breadcrumb {margin-left:20px;}
img {display:block; margin:0 auto; padding:0;}
table {border-collapse: collapse;}
h1, h2 {margin:0 auto; padding:10px 0; color:#323d8e; font-size:1.6em; text-align:center; letter-spacing:2px;}
h2 {font-size:1em; text-align:left; letter-spacing:1px; margin-left:35px;}
a {color: #574feb; text-decoration: none;}
a:hover {color: #333333; text-decoration: underline}
a:visited {color: #333333;}
table {margin:0 10px 0 30px; border-collapse:collapse;}
td, th {padding: 3px 5px; vertical-align: top;}

.red {color:red;}

#wrapper {margin: 0 auto; width: 800px; background:#5b9ee6; text-align: left;}
  
#navbar {width: 800px; height: 22px; margin: 0; padding: 0; display: block;}
#navbar ul, #navbar li {list-style-type: none; margin: 0; padding: 0;}
#navbar ul {height: 22px; width: 800px; background: transparent url(images/navbar.gif) top left no-repeat; text-align: center;}
#navbar li {float: left;}
#navbar li a {display: block; height: 22px; width: 160px; line-height: 14px; text-indent: -9999px;}
#navbar li a:hover {background: transparent url(images/navbar.gif) top left no-repeat;}

div#navbar ul.level2 li.submenu {background:white;}
div#navbar ul ul li a:hover {background-image:none; background-color:#ddd;}
div#navbar ul ul {position:absolute; top:76px; margin-left:0px; width:160px; display:none;}
div#navbar ul.level1 li.submenu:hover ul.level2 {display:block; background:white; background-image:none;}
div#navbar ul ul li a {display:table-cell; width:160px; margin:0; padding:3px 2px 3px 2px; vertical-align:left; text-decoration:none; color:#323d8e; font-size:.90em; text-indent:0; border:1px solid #ccc; border-top:none;}

body.home #navbar a#home,
body.areas #navbar a#areas,
body.books #navbar a#books,
body.cv #navbar a#cv,
body.contact #navbar a#contact, 
{background: transparent url(images/navbar.gif) top left no-repeat; cursor: default;}
  
#navbar a#home:hover, body.home #navbar a#home {background-position: 0 -22px;}
#navbar a#areas:hover, body.areas #navbar a#areas {background-position: -160px -22px;}
#navbar a#books:hover, body.books #navbar a#books {background-position: -320px -22px;}
#navbar a#cv:hover, body.cv #navbar a#cv {background-position: -480px -22px;}
#navbar a#contact:hover, body.contact #navbar a#contact {background-position: -640px -22px;}

#main {clear:both; width:800px; min-height:400px; margin-bottom:50px; background: #5b9ee6 url(images/bluegradient.gif) repeat-x; cursor: default;}

#content {float: right; width: 600px; margin-top:0px;}
#content p {margin:0 120px 10px 80px;}
#content img {float:right; margin:0px 40px 10px 10px; border:1px solid #666; padding:7px;}
#content img.books {float:right; margin:0px 10px 10px 10px; border:1px solid #666; padding:7px;}
#content.about {padding: 40px; font-size: 1.1em;}
#content ul {margin:0 40px 30px 10px;}
#content li {margin-bottom:7px;}
#content a {color:#000; text-decoration:underline;}
#content a:hover {color:purple;}
#content p.areas {margin:0 40px 10px 35px; line-height:1.3em;}

#sidebar {float:left; width:190px; margin-top:0px; border:0px solid yellow;}
#sidebar p {margin:0 0 0 20px; padding:0; font-style:italic; font-size:.9em; border:0px solid red;}
#sidebar img {margin:20px 0 10px 30px; border:none;}
#sidebar hr {margin:0 0 10px 20px; width:90%; color:#323d8e; height:1px;}

/* footer styles */
#footer {clear: both; height:2.5em; font-size:.9em; padding:7px 0 7px 0; margin:0; width:800px; background:#585858; color: #fff; text-align: center; border-top:1px solid white;}
#footer a:link, #footer a:active, #footer a:visited {color: #ffffff;text-decoration: none;}
#footer a:hover {color: #f2ed82;}