body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #c60; background: repeat; background-image: url(../img/bgDark-12f.jpg); margin-left: 0 20px; }
a { background: top left no-repeat; text-decoration: none; }
a img { border: none; }
h1,h2,h3,h4,h5,h6 { color: #330; font-size: 21px; font-style: italic; font-weight: bold; text-align: center; text-transform: capitalize; }
.StMt4ie #container { width: 1060px; margin: 0 auto; border: 1px solid #000000; text-align: left; border-bottom: 5px solid #643307; border-right: 5px solid #643307; background: #fc9 url(../img/iemCbg-05x1.jpg) top left repeat-y; }
.StMt4ie #header { background: #c60; padding: 0; }
.StMt4ie #header h1 { margin: 0; padding: 0; background: #c60 url(../img/w3c14dB-03.jpg); height: 170px; text-indent: -9000px; }
.StMt4ie #sidebar1 { float: left; width: 210px; height: 590px; background: #c60 url(../img/bg-sb-1x.jpg) top left repeat-y; }
.StMt4ie #sidebar1 #nav { background-image: url(../img/w3c14dB-02SB-04.jpg); width: 210px; height: 590px; top: 0px; left: 0; }
.StMt4ie #sidebar1 #nav { text-align: center; }
.StMt4ie #sidebar1 #nav a { color: #c90; font-size: 18px; font-weight: bold; line-height: 42px; text-align: center; text-decoration: none; }
.StMt4ie #sidebar1 #nav h3, .StMt4ie #sidebar1 #nav p { margin-left: 0px; margin-right: 0px; padding: 25px 50px 0px 47px; }
.StMt4ie #sidebar1 #nav h3 { font-size: 16px; padding-top: 47px; }
.StMt4ie #sidebar1 #nav ul { margin-left: 0px; margin-right: 0px; padding: 0px; }
.StMt4ie #sidebar1 #nav ul { display: block; }
.StMt4ie #sidebar1 #nav ul { font-family: Arial, Helvetica, sans-serif; letter-spacing: .10em; list-style-type: none; text-align: center; text-decoration: none; word-spacing: .20em; }
a { background: top left no-repeat; }
a { border-width: 0; }
a.current #home { background: transparent url(../img/HomeC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #about { background: transparent url(../img/AboutC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #projects a { background: transparent url(../img/ProjectsC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #ideas a { background: transparent url(../img/IdeasC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #steps a { background: transparent url(../img/StepsC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current, #comments a { background: transparent url(../img/CommentsC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #questions a { background: transparent url(../img/QuestionsC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #location a { background: transparent url(../img/LocationC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
a.current #contact a { background: transparent url(../img/ContactC.jpg) top left no-repeat; border-width: 0; cursor: default; display: block; height: 42px; width: 210px; }
.StMt4ie #sidebar1 #nav a#home { background: transparent url(../img/home.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#about { background: transparent url(../img/about.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#projects { background: transparent url(../img/projects.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#ideas { background: transparent url(../img/ideas.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#steps { background: transparent url(../img/steps.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#comments { background: transparent url(../img/comments.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#questions { background: transparent url(../img/questions.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#location { background: transparent url(../img/location.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#contact { background: transparent url(../img/contact.jpg); display: block; }
.StMt4ie #sidebar1 #nav ul a#home:visited { background: transparent url(../img/home.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#about:visited { background: transparent url(../img/about.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#projects:visited { background: transparent url(../img/projects.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#ideas:visited { background: transparent url(../img/ideas.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#steps:visited { background: transparent url(../img/steps.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#comments:visited { background: transparent url(../img/comments.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#questions:visited { background: transparent url(../img/questions.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#location:visited { background: transparent url(../img/location.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav ul a#contact:visited { background: transparent url(../img/contact.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#home:hover { background: transparent url(../img/HomeD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#about:hover { background: transparent url(../img/AboutD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#projects:hover { background: transparent url(../img/ProjectsD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#ideas:hover { background: transparent url(../img/IdeasD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#steps:hover { background: transparent url(../img/StepsD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#comments:hover { background: transparent url(../img/CommentsD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#questions:hover { background: transparent url(../img/QuestionsD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#location:hover { background: transparent url(../img/LocationD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#contact:hover { background: transparent url(../img/ContactD.jpg); color: #330; display: block; }
.StMt4ie #sidebar1 #nav a#home:active { background: transparent url(../img/home.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#about:active { background: transparent url(../img/about.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#projects:active { background: transparent url(../img/projects.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#ideas:active { background: transparent url(../img/ideas.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#steps:active { background: transparent url(../img/steps.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#comments:active { background: transparent url(../img/comments.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#questions:active { background: transparent url(../img/questions.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#location:active { background: transparent url(../img/location.jpg); display: block; }
.StMt4ie #sidebar1 #nav a#contact:active { background: transparent url(../img/contact.jpg); display: block; }
.StMt4ie #mainContent { margin: 25px 55px 10px 250px; }
#indexImg { position: relative; top: 11px; left: -59px; }
#aboutImg { position: relative; top: 11px; left: 5px; }
.StMt4ie #mainContent p img { position: relative; border: 2.5px solid #963; margin: 2.5px 160px 25px 160px; padding: 2.5px; }
#Step #mainContent p img { position: relative; left: 1px; border: 2.5px solid #963; margin: 2.5px 160px 25px 104px; padding: 2.5px; float: left; }
#Step #mainContent ol { font: 16px/16px Georgia, "Times New Roman", Times, serif; }
.StMt4ie #mainContent p img#kcma_logo { position: relative; top:22px; left: 7px; }
.StMt4ie #mainContent p { color: #330; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 18px; text-align: center; }
#Comment #container #mainContent h2{margin-bottom: 14px;}
#Comment #container #mainContent p{margin-bottom: 11px;}
#Question #container #mainContent h1{margin-bottom: 11px;}
#Question #container #mainContent p{margin-bottom: 8px;}
#Contact #container #mainContent h1{margin-bottom: 14px;}
#Contact #container #mainContent #content p{margin-bottom: 11px;}
#mainContent #content #idfold p { position: relative; font-size: 16px; text-align: left; padding: 2px; margin: inherit; }
#mainContent #content img#idfold1 { position: relative; left: 2.5px; top: 16px; height: 101.25px; width: 97.65px; margin-top: 37px; }
#mainContent #content img#idfold2 { position: relative; left: -154px; top: 16px; height: 101.25px; width: 152.1px; margin-top: 37px; }
#mainContent #content img#idfold3 { position: relative; left: -34px; top: 16px; height: 101.25px; width: 135px; margin-top: 37px; }
#mainContent #content img#idfold4 { position: relative; left: -207px; top: 16px; height: 101.25px; width: 83.7px; margin-top: 37px; }
#Project #mainContent div.figure { width: 133px; border: solid 1px #960; margin: 22px 54px; float: left; position: relative; padding-top: 7px; padding-bottom: 27px; height: 134px; }
#Project #mainContent .figure img { position: relative; top: 10px; border: 2.5px solid #963; }
#Project #mainContent .figure p { position: relative; top: 17px; text-align: center; }
#Project #mainContent .figure img#one { height: 99px; width: 99.6px; left: 14.2px; }
#Project #mainContent .figure img#two { height: 99px; width: 82px; left: 22.75px; }
#Project #mainContent .figure img#three { height: 99px; width: 82.7px; left: 22px; }
#Project #mainContent .figure img#four { height: 99px; width: 97.8px; left: 14.9px; }
#Project #mainContent .figure img#five { height: 99px; width: 99px; left: 14.2px; }
#Project #mainContent .figure img#six { height: 99px; width: 99px; left: 14.2px; }
#Project #mainContent .figure div#topLeft { margin-left: 95px; border: solid 2px red; }
#Project #mainContent .figure #botLeft div { margin-left: 95px; border: solid 2px red; }
#mainContent img#stepsfold { height: 270px; width: 510px; margin-left: 71.5px; margin-top: 22px; }
#mainContent #comfold img.comfold { height: 223px; width: 281px; margin-left: 25px; margin-bottom: 5px; }
#Locations #content img { position: relative; left: -18px; height: 446px; width: 731px; margin: 15px; padding: 2.5px; border: 2.5px solid #963; }
#Question #quest { position: relative; left: -83.25px; }
#comfold { position: relative; left: 7px; }
#mainContent #content #vcard img#RonPhoto { height: 333px; width: 225px; }
#mainContent #content #vcard .telecommunications img { float: right; height: 200px; width: 267px; }
.StMt4ie #footer { padding: 0 10px 0 20px; background: #c60 url(../img/w3c14dB-03ftR.jpg) top left; text-align: center; }
.StMt4ie #footer p { margin: 0; padding: 11px 0 3px 0; }
.StMt4ie #footer { height: 71px; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.italiced { font-weight: bold; font-style: italic; }
#mainContent #vcard p { color: #330; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; line-height: 25px; padding: 5px 12px 10px 12px; margin: .1em; }
#content #vcard p { text-align: center; width: 220px; font-size: 18px; }
div.Prstg { border: solid 1px #960; position: relative; width: 292px; height: 175px; margin: 4px; padding: 4px; float: right; }
div.Prstg a { position: absolute; top: 0px; left: 10px; color: #003333; text-align: left; width: 285px; }
img#Prstg-Logo { position: absolute; top: 84px; left: -163px; }
div.DktKB { border: solid 1px #960; position: relative; width: 292px; height: 175px; margin: 4px; padding: 4px; float: left; }
div.DktKB a { position: absolute; top: 0px; left: -4px; color: #003333; text-align: right; width: 285px; height: 44px; }
img#DktKB-Logo { position: absolute; top: 29px; left: 19px; }
div.GrtNC { border: 1px solid #960; position: relative; width: 292px; height: 175px; margin: 4px; padding: 4px; float: right; }
div.GrtNC p a { position: absolute; top: 0px; left: 9px; color: #003333; text-align: left; }
div.GrtNC p img#GNC-Logo { position: absolute; top: 87px; left: -162px; }
div.HmCrtKB { border: solid 1px #960; position: relative; width: 292px; height: 175px; margin: 4px; padding: 4px; float: left; }
div.HmCrtKB a { position: absolute; top: 0px; left: 48px; color: #003333; text-align: right; }
div.HmCrtKB img#HmCrst-Logo { position: absolute; top: 90px; left: -43px; }