body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: medium;
color: black;

}

#container {
width: 790px;
margin: 0 auto;
border: 2px #e00000 solid;
overflow: hidden;
}


/* Banner across top of page that says the name of the whole site */

#site-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 25px;
padding-right: 0;
font-weight: bold;
font-size: large;
background-color: #504339;
color: #d6cdc3;
border-top: 5px #e00000 solid;
border-bottom: 2px #e00000 solid;
}

/* Heading level 1 is not contained in main-text. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left:0;
margin-right: 0;
/*margin-right: 50px;*/
font-size: 1em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 0;
font-weight: bold;
background-color: #9f8b75;
/*border-left: 2px #e00000 solid;
border-right: 2px #e00000 solid;*/
color: #ebe8e6;
}

/* Styles for the main text on the page. */

/*#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 230px;
margin-right: 0;
background-color: #ebe8e6;
border-left: 2px #e00000 solid;
padding: 10px;
border-right: 2px #e00000 solid;
border-bottom: 2px #e00000 solid;
color: #504339;
}*/

#main-text {
padding: 10px}

#content-pane{
margin-top: 0;
margin-left: 230px;
margin-right: 0;
background-color: #ebe8e6;
padding: 0;
border-bottom: 2px #e00000 solid;
color: #504339;
/*extend to bottom of page hack*/
/*padding-bottom: 20010px; */ /* X + padding-bottom */
/*margin-bottom: -20000px; */ /* X */

}
/* hack to fix peek-a-boo issue in IE */
* html #content-pane {height: 1%;} /* for IE/Win */
*>html #content-pane {he\ight: auto;} /* for IE5/Mac */

p, ul, ol, dl{
font-size: .8em;/*.7em;*/
line-height: 1.9em;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

table {
font-size: .8em;
}
ol, ul {
margin-left: 25px;
}

h2 {
font-size: .8em;
color: #9f8b75;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h2.resume {
text-align: center;
}

h3{
padding: 0;
font-size: .9em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #504339;
border-bottom: 1px #e00000 dotted;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #e00000;
}

/* Styles for the navbar on the left side. This has abackground image. */

#left-menu {
float: left;
left: 0;
width: 230px;
text-align: right;
border-right: 2px #e00000 solid;
padding-bottom: 20010px;  /* X + padding-bottom */
margin-bottom: -20000px;  /* X */

voice-family: "\"}\"";
  voice-family:inherit;
  width:228px;
}

#left-menu li{
padding-right: 10px;
margin-bottom: 5px;
padding-bottom: 0;
padding-top: 0;
list-style-type: none;
}

#left-menu p{
padding-right: 10px;
margin-bottom: 5px;
padding-bottom: 0;
padding-top: 0;
}

#left-menu a:link, #left-menu a:visited {
color: #504339;
border: none;
}

#left-menu a:hover {
color: #e00000;
}

/*****************************************************************
section below activates when the class on the body tag matches -
indicates current page
******************************************************************/

body.home ul#menu-list li#nav-home a,
body.process ul#menu-list li#nav-process a,
body.qualifications ul#menu-list li#nav-qualifications a,
body.projects ul#menu-list li#nav-projects a,
body.contact ul#menu-list li#nav-contact a,
body.uspap ul#menu-list li#nav-uspap a,
body.vision ul#menu-list li#nav-vision a,
body.myth ul#menu-list li#nav-myth a,
body.resources ul#menu-list li#nav-resources a {
color: #e00000;
}

body.qualifications ul#resume-list{
display: block;
padding: 0px;
margin: 0px;
text-align: left;
}


body.qualifications ul#menu-list ul#resume-list a{
font-weight: bold;
color: #504339;
}

body.bcd ul#resume-list li#resume-bcd a,
body.mcm ul#resume-list li#resume-mcm a,
body.vls ul#resume-list li#resume-vls a,
body.jjm ul#resume-list li#resume-jjm a,
body.jmb ul#resume-list li#resume-jmb a,
body.bcd1 ul#resume-list li#resume-bcd1 a,
body.mls ul#resume-list li#resume-mls a{
color: #e00000;
}

#resume-list{
    display: none;
}

/* Styles for the footer at the bottom of the page */

#footer {
text-align: right;
padding-top: 9px;
padding-bottom: 9px;
font-size: .8em;
/*background-color: #e00000;*/
color: #d6cdc3;
/*padding-right: 65px;*/
margin-top: 0;
font-weight: bold;
position:relative;
clear: both;
}

#footer a:link, #footer a:visited {
color: #d6cdc3;
}

#footer a:hover {
text-decoration: underline;
color: #d6cdc3;
}
#resume-title
{
font-style: italic;
font-size: .7em;
line-height: 1.9em;
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

/* print version only */
#resume-ecag, #resume-contact{
display: none;
}

.resume-company {
font-style: italic;
}

#resume-email{
font-size: .7em;
text-align:right;
}

.inline_img_right{
float:right;
border: 2px red solid;
margin: 2px;
padding: 0px;
text-align: center;
font-size: x-small;
}

p#image-text{
display:block;
}

#equal-opp{
font-family: verdana, arial, helvetica, sans-serif;
font-style:italic;
font-size:x-small;
}


div.clear-both{
clear: both;
}

div.clear-none{
clear: none;
}

p#state-coverage{
text-align: center;
}

div.list-block{
    clear:left;
}

div#list-col1, div#list-col2{

    width: 235px;
    float:left;
    padding: 0 10px;
    border: 1px solid red;
    margin: 0 2px;
    min-height: 600px;
    height: 600px;
    height: auto;
    _height: 600px;
}
div#list-col1 ul, div#list-col2 ul{
    margin-left: 18px;
}
