/* styles for twoCol.html */
body {
   margin: 0px;
   padding: 0px;
   text-align: center;
   background-color: #f5f5f5;
   font-size: 100%;
   font-family:  verdana, arial, sans-serif;
}

div#container {
   text-align: left;
   margin: 0 auto;
   width: 700px;
   background-color: #b0c4de;
   background-color: #fafad2;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-left: 1px solid #000000;
}

div#header {
   height: 100px;
   background-color: #cc6633;
   width: 700px;

}
div#header h1 {
   margin-top: 0px;
/*   margin-left: 25px;
   margin-right: 25px;
   width: 350px;
   float: left;*/
   text-align: center;
}
div#header h4 {
   border-bottom: 10px;
   text-align: center;

}
div#header h1 span {
   font-variant: small-caps;
   font-size: .6em;
}
div#header img {
/*   position: absolute;*/
   top: 0px;
   float: left;
}
/* wrap all the areas between header and footer */
div#contentarea {
   width: 700px;
}
div#nav {
   float: left;
   width: 150px;
/*   border-right: 2px solid red; */
   padding: 12px 0 0 0px;
   margin: 22px 0 0 0;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
}
div#nav ul {
   margin-top: 0px;
   margin-bottom: .8em;
   list-style-type: none;
}
div#nav li {
   margin-bottom: 1.5em;
   font-weight: bold;
   font-size: .7em;
}
div#nav a {
   color: #000000;   
}
div#nav a:hover {
   color: red;
}
div#content {
   float: left;
   margin: 10px 0 0 2px;
   padding: 0 1em;
   width: 500px;
   font-size: .8em;
}
div#content p {
   text-align: justify;
}
div#footer {
   height: 30px;
   text-align: center;
   font-size: .5em;
   width: 660px;
}
.clearfloats {clear: both; }
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden:
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block};
/* end backslash hack */

div#navFrmContent p{
   font-size: .8em;
}

div#navFrm {
 /*  float: left;
   width: 150px;*/
/*   border-right: 2px solid red; */
   padding: 12px 0 0 0px;
   margin: 22px 0 0 0;
/*   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;*/
}
div#navFrm ul {
   margin-top: 0px;
   margin-bottom: .8em;
   list-style-type: none;
}
div#navFrm li {
   margin-bottom: 1.5em;
   font-weight: bold;
   font-size: .7em;
}
div#navFrm a {
   color: #000000;   
}
div#navFrm a:hover {
   color: red;