body {
	/*background-image: url(/images/bluegray.png);*/
	background-color: #FFFFFF;
	font-family: Georgia;
	/*color: navy;*/
}
/*img { max-width: 100%; }*/

h1,h2 {
   	color: black;
   	text-align: center;
}
.construction{
    font-size: 1.5em;
    text-align: center;
    float: center;
    margin-top: .75em;
    white-space: pre;
}
.references-page{
    font-size: 1.5em;
    text-align: center;
    float: center;
    margin-top: .75em;
    white-space: pre;
}

/*********index.html****************/
/*navigation index.html*/
.Elohim-alpha{
    /*margin: 0em 2em 0em 2em;*/
    margin: 0em 15% 0em 10%;
}

/*content index.html*/
.home-content{
    font-size: larger;
    margin-top: 5em;
    margin-bottom: 5em;
}

/*quotes*/
.quotes{
    margin: 5em 0 2em 0; 
    font-style: italic; 
    text-align: center;
}

.tree{
    text-align: center;
    margin: 2.5em 0 5em 0;
    padding: 1%;
}

a:hover {
    color: blue;
}

a:active {
    color: #808080;
}

a:focus {
    color: #808080;
}

.icon{
    display: inline;
}

a{
    text-decoration: none;
}


/*.state{
    text-decoration: none;
    color: #808080;
}
.email{
    text-decoration: none;
    color: #808080;
}*/

.indents{
   text-indent: 1.5em;
}

/***INDEX.HTML***/
.index-name{
    font-size: larger;
}

.derek{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    text-decoration: none;
    color: #808080;
}

.firsts{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    text-decoration: none;
    color: #808080;
}
.profession{
    color: #808080;
}
.home-navigation{
	border-style: none;
	/*background-color: #222c51;*/
	/*background-image: url(/images/brushed_metal.png);*/
	/*background-image: url(/images/sky_ridge.png);*/
	margin-top: 5em;
	padding: 10px;
   	text-align: center;
   	word-spacing: 55px;
}
#index-name-link:hover { color: #808080; text-decoration: underline;}
.profession-links{ color: #808080;}
.profession-links:hover { color: #000080; text-decoration: underline;}
#quotes-links{color: black;}
#quotes-links:hover { color: red; text-decoration: underline;}

/*************END INDEX*************/

/***HELLO***/
.hello-intro{
   font-size: 2.8em;
   font-family: Georgia;
   float: center;
   text-align: center;
   margin-top: 5em;
}
.hello-amp{
}
.hello-deemail{
    text-decoration: none;
    color: #808080;
}
.social{
    word-spacing: 35px;
    float: center;
    border-style: none;
    padding: 10px;
    position: relative;
    left: -5px;
}
    /*margin-top: 8em;
    text-align: center;
    display: inline;
}
/*************END HELLO*************/

/***RESUME***/
#resume-body{
    margin: 0 25%;
    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida
    Serif", Lucida, "DejaVu Serif", "Liberation Serif", Georgia,
    serif;
}
.resume-top{ 
    font: Georgia, serif;
    text-align: center; 
    text-decoration: none;
    border-bottom: 1px solid #000000;
}
.resume-name{
    font: Georgia, serif;
    color: black;
    text-align: center; 
    text-decoration: none;
}
.resume-derek{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    text-decoration: none;
}

.resume-firsts{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    text-decoration: none;
}
.resume-name:hover {
    color: #808080;
    text-decoration: underline;
}
.resume-sections{
    text-align: left;
    <!--font-family: georgia;-->
    <!--font-weight: normal;-->
    text-transform: uppercase;
    border-bottom: 1px solid #000000;
    margin-top: 30px;
}
.resume-jobtitle{ 
    white-space: pre;
    font-style: italic;
}
.resume-job{ 
    white-space: pre;
    font-style: normal;
}
.resume-edu{
    list-style-type: none;
    display: block;
    margin: 0 3%;
}

.resume-locale{
    float: center;
}

.resume-email{
    float: right;
    color: #000080;
}
.resume-email:hover {
   color: #808080; 
   text-decoration: underline;
} 
.resume-header{
    margin-bottom: 5%;
}
.left{
    display: block;
}
.right{
    display: block;
    float: right;
}
#resume-summary{
    /*margin-bottom: 15%;*/
}
#community-involvement{
    margin-bottom: 15%;
}
.resume-icon{
    display: inline;
    padding: 20px;
}
/*************END RESUME*************/

/***PORTFOLIO***/
#portfolio-body{
    /*margin: 0 25%;*/
    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida
    Serif", Lucida, "DejaVu Serif", "Liberation Serif", Georgia,
    serif;
    float: center;
    text-align: center; 
}
.portfolio-top{ 
    font: Georgia, serif;
    text-align: center; 
    float: center; 
    text-decoration: none;
}
.portfolio-name{
    font: Georgia, serif;
    font-size: 2.5em;
    color: #000080;
    text-align: center; 
    float: center;
    text-decoration: none;
    margin-bottom: 5em;
}
.portfolio-derek{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    text-decoration: none;
}

.portfolio-firsts{
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    text-decoration: none;
}
.portfolio-name:hover {
    color: #808080;
    text-decoration: underline;
}
.portfolio-lion {
    margin: 0em 0em 0em 0em;
    float: center;
}
.portfolio-portfolio{
    color: #808080;
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.5em;
}
.portfolio-navigation{
	border-style: none;
	background-image: url(../images/skyBinary.png);
	float: center;
	text-align: center;
}
.portfolio-links { 
    color: #808080; 
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.portfolio-links:hover { 
    color: #808080; 
    text-decoration: underline;
}
.portfolio-middots { 
    color: #808080; 
    font-size: larger;
    margin-bottom: 10px;
}
.portfolio-elevator {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    margin: 0em 20% 5% 20%;
    text-align: left;
    float: center;
}
.portfolio-about {
    color: #808080;
}
.portfolio-about:hover {
    color: #808080;
    text-decoration: underline;
}
.portfolio-sections{
    text-align: left;
    <!--font-family: georgia;-->
    <!--font-weight: normal;-->
    text-transform: uppercase;
    margin-top: 30px;
}
.portfolio-jobtitle{ 
    white-space: pre;
    font-style: italic;
}
.portfolio-job{ 
    white-space: pre;
    font-style: normal;
}
.portfolio-edu{
    list-style-type: none;
    display: block;
    margin: 0 3%;
}

.portfolio-locale{
    float: left;
}

.portfolio-email{
    float: right;
    color: #000080;
}
.portfolio-email:hover {
   color: #808080; 
   text-decoration: underline;
} 
.portfolio-header{
    margin-bottom: 5%;
}
.left{
    display: block;
}
.right{
    display: block;
    float: right;
}
#portfolio-summary{
    margin-bottom: 15%;
}
.portfolio-list{
    display: inline;
    padding: .5em;
}
#about-ce {
    color: #808080;
}
#about-ce:hover {
    color: #808080;
    text-decoration: underline;
}
#eighties {
    color: #808080;
}
#eighties:hover {
    color: #808080;
    text-decoration: underline;
}
/*************END PORTFOLIO*************/

/***ABOUT***/

.about-NC{
    color: #000080;
    font-weight: bold;
}
.about-NC:hover {
    color: #87CEFA;
    text-decoration: underline;
}
#ga{
    color: #000080;
    font-weight: bold;
}
#ga:hover {
    color: red;
    text-decoration: underline;
}
.blueBaby{
    color: #000080;
}
.babyBlue{
    color: #87CEFA;
    font-size: larger;
}
#about-engineering{
    float: left;
    text-align: left;
}
#about-programming{
    float: left;
    text-align: left;
}
#about-gaming{
    float: left;
    text-align: left;
}
#about-about{
    float: left;
    text-align: left;
}
.about-Elohim{
    font-size: .75em;
    margin-bottom: 5%;
    float: left;
    border-top: navy .2em dashed;
    border-right: navy .2em dashed;
    border-bottom: navy .2em dashed;
    border-left: navy .2em dashed;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    padding-top: 3%;
    padding-left: 5%;
    padding-bottom: 5%;
    padding-right: 1%;
}
.list-Elohim{
}
.about-icons{
    display: inline;
    float: left;
    text-align: left;
    padding: .5em;
}
#about-coding{
    float: left;
    text-align: left;
}
.about-footer{
    float: center;
}
#about-coding{
    float: center;
    margin-bottom: 10%;
}
#coding{
    text-align: left;
}
.about-vim{
    color: #008000;
    font-size: 1.5em;
    font-style: italic;
}
.about-html5{
    color: #FF4500;
    font-size: 1.5em;
    font-style: italic;
}
.about-css{
    color: #0000FF;
    font-size: 1.5em;
    font-style: italic;
}
.about-amp{
}
#about-omega{
    margin-top: 10%;
    float: left;
}

/*************END ABOUT*************/
.bottom-items{
    padding: 20px;
    display: inline;
    float: center;
    text-align: center;
}
#omega {
   font-size: 12.25px;
   line-height: 60%;
   margin: 2%;
   text-align: center;
   position: relative;
   bottom: 0px;
   color: navy;
}

#copyright {
   word-spacing: 5px;
}
#footercontact{
    color: #000080;
}
#footercontact:hover {
    color: #808080;
    text-decoration: underline;
}

hr{
    color: #D3D3D3;
}

/*********SOA*************/
.soa-header {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    color: #808080;
    margin: 2.5% 25% 2.5% 25%;
}
#soa-title {
    font-size: 2em;
    color: #000080;
}
#soa-title:hover {
    color: #808080;
    text-decoration: underline;
}
.school {
    color: blue;
}
.school:hover {
    color: #FFA500;
    text-decoration: underline;
}
#soa-about {
    color: #000080;
}
#soa-about:hover {
    color: #808080;
    text-decoration: underline;
}
#soa-footer-container {
    float: center;
    text-align: center;
}
/*********END SOA*************/

/*********PMS*************/
.pms-header {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    color: #808080;
    margin: 2.5% 25% 2.5% 25%;
}
/*********END PMS*************/
/*********Academics*************/
.academics-name {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 2em;
    color: #000080;
    margin: 5% 25% 0 25%;
}
.academics-name:hover {
    color: #808080;
    text-decoration: underline;
}
#academics-footer-container {
    float: center;
    text-align: center;
}
#academics {
    margin: 0% 20% 0% 20%;
}
#academics-table {
    border-collapse: separate;
    border-spacing: 10px 3px;
    border: none;
}
/*********END Academics*************/
/*********Work*************/
.work-name {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 2em;
    color: #000080;
    margin: 5% 25% 0 25%;
}
#work-intro {
    font-size: 1.2em;
    position: left;
    text-align: left;
    float: center;
    margin: .75em 15% 0 15%;
}
#work-pat {
    color: #FF0000;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 100;
}
#work-pat:hover {
    color: #000080;
    text-decoration: underline;
}
#work-here {
    color: #000000;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 100;
}
#work-here:hover {
    color: #000080;
    text-decoration: underline;
}
.work-name:hover {
    color: #808080;
    text-decoration: underline;
}
#work-footer-container {
    float: center;
    text-align: center;
}
#work {
    margin: 0% 10% 0% 10%;
}
#work-table {
    border-collapse: collapse;
    border-spacing: 5px 3px;
    border: none;
}
td {
    min-width: 75px;
}
#kpics {
    width: 275px;
    height: 175px;
}
/*********END Work*************/
#pms-title {
    font-size: 2em;
    color: #000080;
}
#pms-title:hover {
    text-decoration: underline;
    color: #808080;
}
#certs-top {
    margin-top: 3%; 
}
#certs-title {
    font-size: 2em;
    color: #000080;
}
#certs-title:hover {
    color: #808080;
    text-decoration: underline;
}
.school {
    color: blue;
}
.school:hover {
    color: #FFA500;
    text-decoration: underline;
}
#pms-about {
    color: #000080;
}
#pms-about:hover {
    color: #808080;
    text-decoration: underline;
}
#pms-footer-container {
    float: center;
    text-align: center;
}
#certifications-footer-container {
    float: center;
    text-align: center;
}
#pms-quote {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
}
#pms-statement{
    margin: 15% 0% 20% 0%;
    font-size: 1.5em;
}

/*********END PMS*************/

/*********Referrals*************/
.referral-header {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    color: #808080;
    margin: 2.5% 25% 2.5% 25%;
}
#referral-title {
    font-size: 2em;
    color: #000080;
}
#referral-title:hover {
    color: #808080;
    text-decoration: underline;
}
#referral-footer-container {
    float: center;
    text-align: center;
}
/*********END Referrals*************/

#army{
    color: #FFD700;
    text-decoration: underline;
}
#army:hover {
    color: #000000;
    text-decoration: underline;
}
#pms-honors{
    color: #800000;
    text-decoration: underline;
}
#pms-honors:hover {
    color: #FFD700;
    text-decoration: underline;
}
#idmr{
    color: #000080;
    text-decoration: underline;
}
#idmr:hover {
    color: #FFFF00;
    text-decoration: underline;
}
#certs-body {
    float: center;
}
#training-certs-edu {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.2em;
    float: center;
    text-align: left;
    margin: 5% 20% 0% 20%;
}
#cert-name {
    text-align: left;
    float: center;
}
#training-memberships-edu {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.2em;
    float: center;
    text-align: left;
    margin: 5% 20% 5% 5%;
}
td {
    /*border: 2px solid #000080;*/
    padding: 20px;
}
.certifications-name {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 2.5em;
    color: #000080;
    margin: 5% 25% 0 25%;
}
.certifications-name:hover {
    color: #808080;
    text-decoration: underline;
}
#trng-certifications-top {
    margin-top: 2.5%;
}
#trng-certifications-header {
    float: center;
}
#trng-certifications {
    margin: 3% 30% 5% 30%;
    float: center;
}
#trng-certifications-table {
    border-collapse: separate;
    border-spacing: 10px 3px;
    border: none;
    float: center;
    text-align: center;
}
#trng-memberships {
    margin: 3% 30% 5% 30%;
    float: center;
}
#trng-memberships-table {
    border-collapse: separate;
    border-spacing: 10px 3px;
    border: none;
    float: center;
}
#books-pic {
    float: left;
    text-align: left;
    width: 100%;
    height: 300px;
}
#quotes-header {
    float: center;
    font-style: italic;
    margin: 1% 25% 1% 25%;
}
#quotes-daily {
    margin: 7% 25% 0% 25%;
}
.quotes-footer-container {
    margin: 0% 25% 0% 25%;
}
a.svg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
a.svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*#code-header {*/
/*#code-pic {*/
#code-body {
    background-image: url(../images/freelancer-body.png);
    background-repeat: repeat-x;
    background-size: auto;
    background-attachment: fixed;
    height: 280px;
}
#code-svg { 
    background-image: url(../images/freelancer-header.png);
    background-repeat: no-repeat;
    display: block;
    width: 605px;
    height: 180px;
    text-indent: -9999px;
}
/*a.code-svg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
a.code-svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}*/
#code {
    margin: 1% 25% 1% 25%;
    float: center;
}
.codehr {
    border-style: solid;
    border-width: 25px;
    border-image: url(../images/testing.png) 50;
}
/*#solver-body {
    background-image: url(../images/solving-header.svg);
    background-repeat: repeat-x;
    background-size: auto;
    background-attachment: fixed;
    /*background-position: center;*/
  /*  width: 100%;
    height: 464px;
}*/
body.solver-body {
    background-image: url(../images/solving-header.png);
    /*background-image: url(../images/solving-header.svg);*/
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: 1px 1px;
}
#solver-svg { 
    /*background-image: url(../images/solving-blank.svg);*/
    background-image: url(../images/solving-header.png);
    background-repeat: repeat;
    background-position: 1px 1px;
    background-attachment: fixed;
    display: block;
    width: 100%;
    height: 1000px;
    text-indent: -9999px;
}
/*body.engineering-body {
    background-image: url(../images/thousandWords.svg),url(../images/engineering-body.svg);
    background-position: top center, center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}*/

/*.links{
   text-align: right;
   word-spacing: 5px;
}
/*h1,h2{font-family:"Verdana","Rosewood","Helvetica Bold","sans-serif"}
p{font-family:"Verdana","sans-serif"}
*/
/*********Projects****************/
#projects-body {
    text-align: center;
    margin: 0 20% 0 20%;
}
.header-container{
    text-align: center;
    margin: 1.75em 0 0 0;
}
.projects{
    text-align: center;
}
.projects-container{
    margin: 0% 10% 0 12%;
    float: center;
}
.project-keys{
    display: inline;
    float: center;
}
.construction-project {
    /*border: navy .2em dashed;
    border-radius: 1em;*/
    font-size: 1.5em;
    text-align: left;
    float: center;
}
.email{
text-decoration: none;
    color: #808080;
}
.explore{
    color: orange;
    font-weight: bolder;
    font-size: larger;
}
.patent{
    color: black;
    font-style: italic;
    font-weight: bolder;
    font-size: larger;
}
.vikieBlue{
    color: #3771C8;
    font-style: italic;
    font-weight: bolder;
    font-size: larger;
    text-decoration: none;
}
a:hover {
    color: blue;
    text-decoration: underline;
    /*background-color: #808080;*/
}

.projects-lion {
    margin: 0em 0em 0em 0em;
    float: center;
}
.projects-projects{
    color: #000080;
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.5em;
}
.soho-name {
    color: #FFFFFF;
    margin-bottom: 3%;
}
.soho-nav-prev {
    position: fixed;
    top: 0%;
    left: 10%;
}
.soho-nav-home {
    position: fixed;
    top: 0%;
    left: 35%;
    right: 35%;
}
.soho-nav-next {
    position: fixed;
    top: 0%;
    right: 10%;
}
.soho-navigation{
    border: .2em white solid;
	/*border-radius: 1em;*/
	border-width: thick;
	background-image: url(../images/soho.png);
	background-repeat: no-repeat;
	float: center;
	text-align: center;
}
.embedded-navigation{
    border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/embedded.png);
	float: center;
	text-align: center;
}
.coding-navigation{
    border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/binaryLanguages.png);
	float: center;
	text-align: center;
    }
    .writing-navigation{
        border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/writing.png);
	float: center;
	text-align: center;
    }
    .dsp-navigation{
        border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/dsp.png);
	float: center;
	text-align: center;
    }
    .security-navigation{
        border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/sec.png);
	float: center;
	text-align: center;
}
    .system-navigation{
        border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/system.png);
	float: center;
	text-align: center;
}
    .seminar-navigation{
        border: .2em white solid;
	border-radius: 1em;
	border-width: thick;
	background-image: url(../images/yey.png);
	float: center;
	text-align: center;
}
.sys-projects-links { 
    color: #000000; 
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.5em;
    margin-bottom: 10px;
    text-decoration: underline;
}
.sys-projects-links:hover { 
    color: #FF0000; 
    font-size: 1.5em;
    text-decoration: underline;
}
.projects-links { 
    color: #000080; 
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.5em;
    margin-bottom: 10px;
    text-decoration: underline;
}
.projects-links:hover { 
    color: #FF0000; 
    font-size: 1.5em;
    text-decoration: underline;
}
.projects-middots { 
    color: #000080; 
    font-size: 1.7em;
    margin-bottom: 10px;
}
.projects-elevator {
    font-family: "Century Schoolbook", Georgia, "Times New Roman", Times;
    font-size: 1.4em;
    margin: 0em 20% 5% 20%;
    text-align: left;
    float: center;
}
.projects-about {
    color: #808080;
}
.projects-about:hover {
    color: #808080;
    text-decoration: underline;
}
.projects-sections{
    text-align: left;
    <!--font-family: georgia;-->
    <!--font-weight: normal;-->
    text-transform: uppercase;
    margin-top: 30px;
}
.projects-jobtitle{ 
    white-space: pre;
    font-style: italic;
}
.projects-job{ 
    white-space: pre;
    font-style: normal;
}
.projects-edu{
    list-style-type: none;
    display: block;
    margin: 0 3%;
}

.projects-locale{
    float: left;
}

.projects-email{
    float: right;
    color: #000080;
}
.projects-email:hover {
   color: #808080; 
   text-decoration: underline;
} 
.projects-header{
    margin-bottom: 5%;
}
.left{
    display: block;
}
.right{
    display: block;
    float: right;
}
#projects-summary{
    margin-bottom: 15%;
}
.projects-list{
    display: inline;
    padding: .5em;
}
#about-ce {
    color: #808080;
}
#about-ce:hover {
    color: #808080;
    text-decoration: underline;
}
#eighties {
    color: #808080;
}
#eighties:hover {
    color: #808080;
    text-decoration: underline;
}
.subsections {
    font-weight: bold;
}
.subsubsections {
    font-weight: normal;
}
.italsubsections {
    font-weight: normal;
    font-style: italic;
}
.education-subsections {
    font-weight: bold;
}