div.content {
    padding: 8% 10% 10% 7%;
}
div.imagePageContent {
    padding: 3% 5% 5% 5%;
}
div.goalsContent {
    padding: 8% 8% 5% 3%;
    /*font-size: 90%;*/
}
#loadedImage {
    border: 1px solid #BBB;
}
/*
    border: 5px solid red;
#image {
    border: 5px solid green;
}
#imageContainer {
    border: 5px solid blue;
}
*/
body{
    font-family: Arial,sans-serif;
    /*color: #333333;
    background-color:#CDF;
    font-size: 9pt;
    */
    color: #334d55;
    background-color:#FEFBCC;
    line-height: 1.166; 
    margin: 0px;
    padding: 0px;
}
#sections .unselected {
    display: none;
}
.small {
    font-size: 70%;
}
#title {
    font-family: Verdana,Arial,sans-serif;
    font-size: 115%;
    font-weight: bold;
    margin-top: 20px;
    /*
    margin-left: 20px;
    */
}
#photo { 
    float: left;
    margin: 10px 10px 0px 20px;
    border: 1px solid #A99;
}
#contactInfo { 
    /* float: left; 
    margin: 35px 10px 10px 10px;
    */
    margin: 5px 0px 5px 3px;
    font-family: Arial,sans-serif;
    font-size: 70%;
    font-weight: bold;
}
div.smallBreak {
    height: 6px;
}
div.break {
    clear: left;
    line-height: 0;
    height: 15px;
}
/*********** #navBar link styles ***********/

#navBar {
    padding: 0px 5px 5px 20px;
    float: left;
    width: 220px;
    /*
    border: 1px solid gray;
    */
}
.gray { color: gray }
#sections {
    padding: 20px 10px 10px 20px;
}
#navBar li{
/*
    background-color: #8FB4E8;
*/
    margin: 0px;
    padding: 0 3px 0 3px;
    background-color:#EFE9E6;
    border-top: 2px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 2px solid #ccc;
    cursor: pointer;
    cursor: hand;
}
#softwareProjectsNav li{
    margin: 0px;
    padding: 0 3px 0 13px;
    background-color:#EFE9E6;
    border-top: 2px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 2px solid #ccc;
    cursor: pointer;
    cursor: hand;
}
#softwareProjectsNav li.title {
    font-weight: bold;
    padding: 0 3px 0 3px;
    cursor: default;
}
/*
#sectionHeadings submenu li.unselected {
    padding: 0 3px 0 34px;
    display: none;
}
#sectionHeadings submenu li.selected {
    padding: 0 3px 0 34px;
    display: block;
    font-weight: normal;
}
*/
#navBar li.selected {
    font-weight: bold;
}
#sections div {
    /* position: absolute; */
}

#navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

/* fix for browsers that don't need the hack */


a:link, a:visited, a:hover {
    color: #006699;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
    font-family: Arial,sans-serif;
    margin: 0px;
    padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
    font-size: 114%;
    color: #334D55;
    font-weight: bold;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 90%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
                

#mastersResearchSection, #familySection {
    width: 40%;
    margin-top: 5%;
    margin-left: 25%;
    /*
    padding: 100px 180px 20px 350px;
    float: left;
    margin-left: 80px;
    */
}
.standaloneResumeContent {
    padding: 3% 5% 3% 5%;
}
#resumeSection, #artSection {
    /*
    padding: 0px 10% 20px 250px;
    width: 100%;
    float: left;
    margin-left: 80px;
    */
}
.heading {
    font-weight: bold;
    font-style: normal;
    display: block;
    margin: 10px 10px 4px 0px;
}
.resumeAddress {
    font-weight: bold;
    font-style: normal;
    display: block;
    font-size:105%;
}
.subheading {
    font-weight: bold;
    font-style: normal;
    font-size: 95%;
    display: block;
    margin: 10px 10px 4px 0px;
}
#resumeSection ul, #resumeStandalone ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#resumeSection li, #resumeStandalone li {
    margin: 0px 10px 0px 30px;
}
#resumeSection div.sec, #resumeStandalone div.sec {
    /* border: 1px solid black; */
    margin: 8px 10px 8px 10px;
}
div.indent {
    padding-left: 20px;
}
#softwareProjectsNav {
    font-size: 80%;
}
/*
pre { color: #666; background-color: #ffffff; }
body { color: #000000; background-color: #ffffff; }
*/
pre { 
    padding: 20px; font-weight: bold;
}
pre .Comment { background-color:#EFE9E6; font-weight: normal }
/*
    background-color: #C6C6ff; 
    color: #630}
    background-color: #ffc9c9; 
    color:#336 
*/
pre .Constant { color: #A21; font-weight: bold }
pre .Identifier { color: #006699; font-weight: bold }
pre .Special { color: #ff40ff; }
pre .PreProc { color: #994099; font-weight:bold}
pre .Statement { color: #999900; font-weight:bold; }
pre .Type { color: #1A2; }