@CHARSET "ISO-8859-1";


body {
   font: 13pt  Arial, sans-serif;
   background: #ebf5fc; /*url(../images/bg-body.gif);*/
   color: #3a3a3a;
}

body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,input,form,fieldset,label,a:link,a:hover
{
   padding: 0;
   margin: 0
}


p { line-height: 1.7em; }


a:link, a:visited {
   color: #347aa6;
}

a:hover {
   color: #347aa6;
}

img {
   border: none;
}

/* ---------------------------------------------
   
   container
   
--------------------------------------------- */
#container {
   width: 910px;
   margin: 10px auto 0px;
   background-color: #FFF;
   border: 6px solid #b3b3b3;
   box-shadow: 6px 6px 4px #888888;
}



/* ---------------------------------------------
   
   header  - DoCrypt Logo
   
--------------------------------------------- */
#header { background-color: #000000; }


#header p {
   background: url(../images/logo.png) top left no-repeat;    /* 677, 317 */
   padding: 280px 0px 0px 0px;
   margin-left: 96px;        /* height: 205px; width: auto; */
/*    text-indent: -9999px;    pushes header text so doesn't show but image does */
}


/* ---------------------------------------------
   
   navigation
   
--------------------------------------------- */
#nav {
   background-color: black;
   margin-left:22px;
}

#nav ul li {
   list-style: none;
}

#nav ul li a {
   /*display: block;*/
   float: left;
   color: rgb(112,112,112);
   text-decoration: none;
   padding: 16px 12px 4px;   /*    border-right: 2px solid #4A3319; */
   font-size: 13pt;
}

#nav ul  a:hover {
	font-size: 18px;
   background-color: #8f8faf;
   color: #000000;
   text-shadow: 1px 1px 0px 0px #80ff80;
}

#nav ul li.last a {
   border-right: none;
}


/* ---------------------------------------------
   
   clear & clearfix
   
--------------------------------------------- */
.clear {
   clear: both;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
   display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}




/* ---------------------------------------------
   
   main column
   
--------------------------------------------- */
#main {
   width: 655px;
   float: left;
   padding: 25px;
   
}

#main ul li {
   padding-left: 3px;
   margin: 6px 0 12px 38px;
}

/* #main img { opacity: 0.9; } */


/* ---------------------------------------------
   
   side column
#side {
   width: 176px;  
   float: left;  
   color: #516875;
   margin: 32px 0px 0px 48px; 
   padding: 0px; 
}
--------------------------------------------- */

/* ---------------------------------------------
   
   footer
   
--------------------------------------------- */
#footer {
   background-color: #e2e2e2;
   clear: left;
   color: #5b5b5b;
   padding: 4px 0;
}

#footer p {
   text-align: right;
   font-size: 13px;
   margin: 0;
}

/* ---------------------------------------------
   
   table
   
--------------------------------------------- */
table {
   border-collapse: collapse;
   width: 100%;
}

table, td, th {
   border: 10px solid gray;
}

th {
   height: 40px;
   background-color: #28417D;
   color: white;
}

td {
   padding: 0px;
}



#hx {
   margin:12px 0px 0px 8px;
   color: #a7575b; 
   line-height: 1.65em;
}


/* ---------------------------------------------
   
   csm.
   
--------------------------------------------- */

#key{ 
   background-image: url(../images/secKeyShadow.png) ;
   margin: 0px 4px;
}