fhtml {
   height:100%;
}
h1 {
   margin-left:1em;
   color:#2C0833;
}
body{
   font-family: Verdana, Arial; 
   margin:0px;
   padding:0px; 
   background: 
      url("../images/grid.png"),
      linear-gradient(#CCC, #999, #CCC);
   background-color:#777;
   height:100%;
}

TH{
   FONT-WEIGHT: bold; 
   FONT-SIZE: 13px; 
   FONT-FAMILY: Verdana, Arial; 
   TEXT-DECORATION: none; 
   color:#000;
}

TD{
   vertical-align: TOP;
   FONT-WEIGHT: normal; 
   FONT-SIZE: 12px; 
   FONT-FAMILY: verdana, arial; 
   TEXT-DECORATION: none; 
   text-align:left; 
   color:#000; 
}

INPUT{
   font-family:verdana;
   font-size: 12px;
}

TEXTAREA{
   font-family: verdana;
   font-size: 12px;
   resize:none;
}

hr{
   margin:15px 0px 20px 0px;
}

img{
   border:0px;
}

table.navigation{
   width:948px;
   margin:0px auto;
}

table.body{
   width:948px; 
   margin:0 auto;
}

table.footer{
   width:100%; 
   background-color:#203349;
}

/*side navigation cell*/
td.sidepanel{
   width:200px;
   vertical-align:top;
   padding:25px 0px 0px 15px;
}

/*main content cell*/
td.content{
   width:750px;
   vertical-align: top;
   padding:25px 25px 25px 25px;
}

/*main content cell for landing pages*/
td.contentLP{
   border-color:#BCBEC0;
   border-style:solid;
   border-width: 1px 0px 0px 0px;
   width:750px;
   vertical-align: top;
   padding:25px 0px;
}

td.footer{
   width:205px;
   color:#2C0833;
   vertical-align: top;
   padding:25px 0px 0px 0px;
}

/*grid on home page*/
td.homeSection{
   width:306px; 
   vertical-align: top;
}

/*table title*/
td.bhead{
   font-weight:normal; 
   font-size:13px; 
   color:#ffffff; 
   background-color:#006633; 
   height:22px;
   vertical-align: middle;
}

td.subhead{
   font-weight:bold; 
   color:#667282; 
   font-size:12px; 
   background-color:#f3f4f8;
   text-align:center;
}

td.body{
   font-weight:normal; 
   color:#667282; 
   font-size:12px; 
   background-color:#dbdbdb; 
   border-width:0px 1px 2px 1px; 
   border-color:#f3f4f8; 
   border-style:solid;
}

td.total{
   font-weight:bold; 
   color:#667282; 
   font-size:12px; 
   background-color:#f3f4f8; 
   border-width:0px 0px 2px 0px; 
   border-color:#f3f4f8; 
   border-style:solid;
}

td.label{
   font-size:11px;
   width:100px;
}

table.infoTable {
   width:90%;
   /* margin:0 auto; */
   border-collapse: collapse;
   border-bottom:1px black solid; 
   border-right:1px black solid;
   border-top:1px #777 solid;
   border-left:1px #777 solid;
}
table.infoTable tr:nth-child(even) {
   background-color: #d8d8d8;
}
table.infoTable tr td {
   text-align: center;
}
table.infoTable tr th {
   color:white;
   background-color: #2C0833;
}
table.verticleInfo tr th,
table.verticleInfo tr td {
   vertical-align: bottom;
   height:2.5em;
}
table.verticleInfo tr th {
   min-width:25%;
   background-color: inherit;
   color:#2C0833;
   padding-right:1.5em;
}
table.verticleInfo tr {
}
table.verticleInfo tr th.mergeTitle {
   text-align: center;
}
table.verticleInfo tr td {
   text-align: left;
}
/* top bar on all pages */
div.header{
   width:950px;
   height:35px;
   background-color: #2C0833;
   margin:0px auto;
   margin-top: 1em;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

div.contactInfo{
   float:right;
   text-align: right;
   font-family:verdana;
   font-size:12px;
   margin:15px 25px;
}

div.body{
   width:948px;
   margin:0px auto;
   padding:0px;
   background-color:#ffffff;
}

/* container for forms on landing pages */
div.form{
   border-color:#BCBEC0;
   border-style:solid;
   border-width: 1px;
   border-radius: 10px;
   float:right;
   width:380px;
   text-align:center;
   background-color:#e5e4d0;
   padding:25px 0px;
}

/* container for content on landing pages */
div.lp-content{
   float:left;
   width:550px;
   text-align:left;
   padding:25px 0px;
}

div.footer{
   width:948px;
   height:225px;
   margin:0px auto;
   margin-bottom: 1em;
   background-image: url(../images/footer-bg.jpg);
   background-repeat:no-repeat;
   font-size:12px;
   color:#2C0833;	
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

h1.pagetitle{
   color:#2C0833; 
   font-weight:normal; 
   font-size:18px; 
   font-family:Verdana;
   margin:0px 0px 15px 0px;
}

/*section title above side navigation*/
h2.sideNavTitle{
   color:#2C0833;
   font-family:Verdana;
   font-size:18px;
   font-weight:normal;
   margin:0px 0px 25px 0px;
}

/*section title above side navigation*/
h2.pagesubtitle{
   color:#2C0833;
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
}

hr.sideNav{
   margin:0px 0px;
   padding:0px;
}


li.footer{
   margin:0px 0px 5px -20px;
}

textArea.formResource{
   min-width: 300px;
   max-width: 300px;
}

a{
   color:#000;
   text-decoration:underline;
   font-size:12px;
   font-weight:normal;
}

a:visited{
   color:#000;
   text-decoration:underline;
}

a:hover{
   color:#000;
   text-decoration:none;
}

a.inline{
   text-decoration:none;
}

a.inline:visited{
   text-decoration:none;
}

a.inline:hover{
   text-decoration:underline;
}

a.header{
   color:#fff;
   text-decoration:none;
   font-size:12px;
   font-weight:normal;
}

a.header:visited{
   color:#fff;
}

a.header:hover{
   color:#fff;
}


a.footer{
   color:#2C0833;
   text-decoration:none;
   font-weight:normal;
   font-size:11px;
   font-family:verdana;
}

a.footer:visited{
   color:#2C0833;
   text-decoration:none;
   font-weight:normal;
   font-size:11px;
   font-family:verdana;
}

a.footer:hover{
   color:#2C0833;
   text-decoration:underline;
   font-weight:normal;
   font-size:11px;
   font-family:verdana;
}
#nav {
   width:948px;
   text-decoration: none;
   height:52px;
   border:none;
   border-collapse: collapse;
   z-index:3;
   position: relative;
}   

#nav tr td {
   text-align: center;
   vertical-align: middle;
   background-color:#2C0833;
   width:158px;
   padding:0;
}
#nav tr td a {
   text-transform: uppercase;
   font-size: 1.4em;
   text-decoration: none;
   color:#BBB;
   display:inline-block;
   line-height: 52px;
   width:100%;
   height:52px;
}

#nav tr td:hover {
   background-color:#BBB;
   background:radial-gradient(#FFF,#999);
}

#nav tr td div.sublinks div a {
   line-height: 1em;
   background-color: #bbb;
   color:black;
   display:block;
   width:auto;
   height:auto;
   padding:1.5em 1.5em ;
   font-size:1em;
}
#nav tr td div.sublinks div a:hover {
   background-color: #2C0833;
   color:#DDD;
   text-shadow: 2px 2px 2px #000033;
}

.linkHolder .sublinks {
   width:158px;
   position: absolute;
   display:none;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

.linkHolder:hover .sublinks {
   background-color: #bbb;
   color:#2C0833;
   text-align: left;
   display:block;
   position: absolute;
}

.linkHolder .sublinks a:last-child {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

#nav tr td:hover a {
   color:#2C0833;
}
a.navHome{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/home.jpg') bottom;
   text-indent: -99999px;
}   
a.navHome:hover{
   background-position: 0 0;
}
a.navAbout{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/about-us.jpg') bottom;
   text-indent: -99999px;
}   
a.navAbout:hover{
   background-position: 0 0;
}
a.navSpace{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/space.jpg') bottom;
   text-indent: -99999px;
}   
a.navSpace:hover{
   background-position: 0 0;
}
a.navServices{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/services.jpg') bottom;
   text-indent: -99999px;
}   
a.navServices:hover{
   background-position: 0 0;
}
a.navAdvantages{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/advantages.jpg') bottom;
   text-indent: -99999px;
}   
a.navAdvantages:hover{
   background-position: 0 0;
}
a.navContact{
   display: block;
   width: 158px;
   height: 50px;
   background: url('images/contact-us.jpg') bottom;
   text-indent: -99999px;
}   
a.navContact:hover{
   background-position: 0 0;
}


a.sidenav{
   color:#203349;
   text-decoration:none; 
   font-weight:normal; 
   font-size:12px; 
   font-family:Verdana; 
   width:200px;
   padding:8px 0px;
   display:block;    
}

a.sidenav:visited{
   color:#203349;
}

a.sidenav:hover{
   color:#ffffff;
   background-color:#2C0833;

}

a.sidenavactive{
   color:#203349;
   background-color:#d8d8d8;
   text-decoration:none; 
   font-weight:normal; 
   font-size:12px; 
   font-family:Verdana; 
   width:200px;
   padding:8px 0px;
   display:block;
}

a.sidenavactive:visited{
   color:#203349;
}

a.sidenavactive:hover{
   color:#ffffff;
   background-color:#2C0833;
}

.clickArea {
   display:block;
   width:290px;
   height:260px;
   position:absolute;
}


@-webkit-keyframes submitAnimate {
   from {
      background-color: #2C0833;
      color:white;
   }
   to {
      color: #2C0833;
      background-color:white;
   }
}

@keyframes submitAnimate {
   from {
      background-color: #E26F26;
      color:white;
   }
   to {
      color: #E26F26;
      background-color:white;
   }
}

a.contactUs {
   display:inline-block;
   width:141px;
   height:38px;
   color:white;
   background-color: #E57025;
   text-align: center;
   line-height: 2.25em;
   font-size:12pt;
   text-decoration: none;
   text-transform: uppercase;
   border-radius: 7px;
   border:1px #E57025 solid;
}

a.contactUs:hover {
   -webkit-animation: submitAnimate .5s;
   animation: submitAnimate .5s;
   color: #E26F26;
   background-color:white;
}

#contactSubmit {
   margin-top:1.5em;
   background-color: #E26F26;
   border:2px #E26F26 solid;
   border-radius: 15px;
   width: 250px;
   height: 75px;
   font-size: 1.5em;
   font-weight: bold;
   color:white;
   cursor: pointer;
}

#contactSubmit:hover {
   color: #E26F26;
   background-color:white;
   -webkit-animation: submitAnimate .5s;
   animation: submitAnimate .5s;
}

#fb {
   height:20px;
   vertical-align:middle;
}
video {
}
#vidDiv {
   position:absolute;
   /* background-image: url(images/Artboard2.png); */
   background-color: rgba(125,125,125,.15);
   width:946px;
   height:497px;

}
#vidDiv aside {
   height:100%;
   margin-left:1em;
   text-align: left;
   margin-top:250px;
   color:white;
}
#vidDiv h1 {
   font-size:30pt;
   -webkit-text-stroke: 2px #2C0833;
   color:white;
   text-align: left;
   margin-left:1rem;
}
#vidDiv h2 {
   font-size:12pt;
   -webkit-text-stroke: 1px #2C0833;
   color:white;
   text-align: right;
   margin-right:1rem;
}
div.left {
   float:left;
}
div.right {
   float:right;
}

.loginDiv {
   width:50%;
   margin:0 auto;
   text-align: center;
}

.loginDiv h2 {
   display:block;
   margin:1em auto;
}

.loginDiv div {
   margin-left:1em;
   margin-bottom: 1em;
}

.loginDiv label {
   font-size:12pt;
   margin:0 auto;
   display:block;
   width:25%;
}
.loginDiv input, .loginDiv button, .loginDiv select,
.formDiv input, .formDiv button, .formDiv select, .formDiv textarea,
.formDiv span{
   border:1px #777 solid;
   border-radius: 10px;
   font-size:12pt;
   height:2em;
   margin-bottom: 1em;
   display:box;
   width:100%;
}
.formDiv span {
    border: none;
    display: inline-block;
    /* padding-bottom: 1em; */
}
.formDiv textarea {
   height: auto;
}

.formDiv input[type="checkbox"] {
   width: auto;
   height:auto;
}

.formDiv .checkBox label{
   display: inline-block;
   min-width: 30%;
}
.formDiv .phoneBox {
   display:inline-block;
   width:4rem;
}
.loginDiv button {
   width:4em;
   height:2em;
}


.formDiv {
}

.formDiv h2 {
   display:block;
   margin:1em auto;
}

.formDiv button {
   width:4em;
   height:2em;
}

.formDiv label {
   font-size:12pt;
   display:block;
}

#sideLink,
#sideLink ul {
   width:100%;
   margin-left: 0;
   padding-left:0;
   list-style: none;
}
#sideLink li a,
#sideLink li span {
   color: #203349;
   text-decoration: none;
   font-size: 12px;
   font-family: Verdana;
   width: 200px;
   padding: 8px 0px;
   display: block;
   border-top:1px lightgray solid;
   border-bottom:1px darkgray solid;
}

#sideLink li ul {
   padding-left:1em;
   background-color: #EEE;
}
#sideLink li ul li a {
   font-size:11px;
}
#sideLink li span {
}
#sideLink li ul li.sidenavactive {
   color: #203349;
   background-color: #d8d8d8;
}
