html { } 

* { font-family: Arial, Helvetica, sans-serif; }

body
    {
    color: #000000;
    font-size: 11px;s
    line-height: 15px;
    margin:0; padding:0;
    background: #e8e8e8;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    }

table
    {
    font-size: 100%;
    }

p, div, table { font-family: inherit; }

ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
td { font-family: inherit; }

input, select, option { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; padding:0; }

p { line-height: 20px; font-size: 16px; color: #666; }

#OuterContainer { text-align: center; padding: 20px; }
#InnerContainer { max-width: 950px; margin: auto; text-align: left; }

#Header img { margin: 20px 0px; }
#Header p { float: right; font-size: 24px; color: #333; margin-top: 55px;}

#Navigation { height: 70px; background: url(/static/public/bg.gif) top left repeat-x; }
#Navigation a { line-height: 70px; padding: 20px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
#Navigation a:hover { color: #aaa; }

#Navigation div { float:right; margin: 21px 20px 0 0; }
#Navigation div a { line-height: 0; padding: 0; }
#Navigation div img { margin-left: 3px; }

#Content { margin: 20px 0; }

.welcome { border-top: 1px solid #777; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; }

#IFSEC { float: right; border-left: 1px solid #d0d0d0; margin-left: 40px; padding-left: 20px; }
#IFSEC img { margin: 20px; }

#screenShots { margin: 20px 0 30px 0; padding-top: 20px; border-top: 1px solid #d0d0d0; }
#screenShots div { float: left; width: 230px; height: 210px; background: #444; margin-left: 10px; text-align: center; color: #fff; line-height:28px; font-size: 12px; font-weight: bold; border-bottom-left-radius: 7px; border-bottom-right-radius:7px;}
#screenShots div:first-child { margin-left: 0; }
#screenShots div img { border-color: #d0d0d0; border-style: solid; border-width: 1px 1px 0 1px; }

.rightPane { float: right; width: 250px; margin-left: 30px; color: #666; line-height: 16px; }
.rightPane h2 { padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 10px; color: #333; }
.rightPane ul { list-style:none; color: #666; }
.rightPane li { background: url(/static/public/li.gif) no-repeat 5px 4px; padding: 0 0 8px 20px; border-bottom: 1px solid #d0d0d0; margin-bottom: 8px; font-size: 15px; }
.rightPane li:last-child { margin: 0; border: 0; }
.rightPane p { font-size: 15px; margin: 10px 0 15px 0; }
.rightPane p.quote { font-size: 13px; font-weight: bold; }

.iconBar { clear: both; margin: 20px 0px; }

#Footer { display: grid; grid-template-columns: auto auto; background: #505050; }
#Footer div { padding: 20px; }
#Footer div:nth-of-type(2) { border-left: 1px solid #888; }
#Footer div p { padding: 0; margin: 0 0 10px 0; line-height: 18px; }
#Footer img { max-width: 100%; height: auto; }

p.footerR1 { color: #ccc; font-size: 20px; padding-top: 10px; }
p.footerR2 { color: #ccc; font-size: 24px; padding: 20px 0; font-weight: bold; }
p.footerR3 { color: #ccc; font-size: 11px; }
p.footerR3 a { color: #ccc; text-decoration: underline; }
p.footerR3 a:hover { color:#fff; }
p.footerL1 { color: #f0f0f0; font-size: 25px; font-weight: bold; padding: 8px 0; }
p.footerL2 { color: #f0f0f0; font-size: 12px; font-weight: bold; }
p.footerL3 { color: #999; font-size: 11px; line-height: 12px; padding-top: 18px; }

h1 { font: bold 24px Arial, Geneva, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #333; }
h2 { font: normal 18px Arial, Geneva, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #333; } 
h3 { font: normal 14px Arial, Geneva, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #333; } 
h4 { padding: 0; margin: 0; font: normal 14px Arial, Geneva, Helvetica, sans-serif; }

.field { background: #fff; border: 1px solid #aaa; border-radius: 5px; width: 215px; height: 22px; font-size: 14px; line-height: 22px; padding: 0px 2px; }

.submit { background: url(/static/public/button.png) top left repeat-x; color: #fff; width: 220px; border: 0; border-radius: 3px; height: 34px; line-height: 34px; font-size: 16px; font-weight: bold; }

.submitSmall { background: #999; color: #fff; width: 105px; margin-right: 10px; border: 0; border-radius: 3px; height: 21px; line-height: 20px; font-size: 12px; font-weight: normal; }
.submitSmall:hover { background: #888; }

label { font-size: 15px; }

@media screen and (max-width: 600px) {
    #Footer { grid-template-columns: 1fr; }
    #Footer div:nth-of-type(2) { border: 0; }
    #Footer div { border: 0; }
    #InnerContainer { width: auto; }
    #Header p { display: none; }
    }