/* CSS Document */
* {margin: 0; padding: 0; border:0}
html {height:100%;} 
body {height: 100%; padding: 15px; font-family: "trebuchet ms", verdana, sans-serif; background-image:url(gfx/greenstripe.gif); color:#333}
a:link {color:#000}
a:visited {color: #333}
a:hover {color:#226aa3}
a:active {color:#18462c}
.clear {width:100%; height:0px; clear:both}
#bodybox {background-color:#FFF; border: 1px solid #18462c; width: 740px; margin:auto; padding: 10px 0px}

#headbar {height:214px; width: 720px; background-image:url(gfx/headbar.gif); background-repeat:no-repeat; margin:auto}
#navmenu {list-style:none; margin-left: 140px; padding-top: 35px;}
#navmenu li a {display: block; height:20px; width:170px; padding: 3px 5px; background-repeat:no-repeat;  font-size: 15px; text-transform:uppercase; font-weight: bold; line-height:12px}
#navmenu li a:link, #navmenu li a:visited {background-image:url(gfx/li-off.gif); text-decoration:none;}
#navmenu li a:hover, #navmenu li a:active, #navmenu li a:visited.active {background-image:url(gfx/li-on.gif); color:#18462C; padding-left:15px}

h1 {margin-left: 140px; margin-top: 23px; background-repeat: no-repeat}
h1 span {display:none}
h1#about {background-image:url(gfx/about.gif); width:461px; height:23px;}
h1#jobs {background-image:url(gfx/opportunities.gif); width:243px; height:21px;}
h1#people {background-image:url(gfx/ourpeople.gif); width:145px; height:20px;}
h1#seminars {background-image:url(gfx/seminars.gif); width:126px; height:21px;}
h1#resume {background-image:url(gfx/resume.gif); width:240px; height:21px;}

#mainbox {background-image:url(gfx/sidegreen.gif); background-repeat: repeat-y; background-position: 10px }

#sidebar {width:130px; height:100%; padding: 10px; float:left; clear: none}
#sidebar img {border-bottom: 1px solid #FFF; border-top: 15px solid #FFF; margin-top: -15px; float: left}

#content {background-color: #FFF; border-top: 1px solid #226aa3; width: 580px; float:right; margin: 10px 10px 10px 0px; padding: 10px 0px 10px 0px; }
h2 {color:#18462c; font-size:14px; margin: 10px 0px 10px 0px; text-transform:uppercase}
h3 {color:#18462c; font-size:11px; margin: 10px 0px 10px 0px; text-transform:uppercase}
p {font-size: 13px; margin-bottom:12px}
p.larger {font-size: 110%; text-align:justify; padding:10px; color:#226AA3}
#content ul {list-style: square; margin-left: 30px}
#content ul li {font-size: 13px; margin-bottom: 3px; list-style-position:inside}
.leftimg {float:left; border: 1px solid #18462c; margin-right: 10px; margin-bottom: 10px}

#foot {width: 100%; clear: both;}
#foot a {background-image: url(gfx/contact.gif); width:562px; height:13px; float:right; margin: 20px 0px -20px 0px;}
#foot span {display:none}
