html {
  margin: 0px;
  padding: 0px;
}


body { 
 font: 11px "verdana", arial, sans-serif; 
 font-weight: normal;
  background: #547399; 
 margin: 10px 0px 0px 0px; 
 padding: 0px;
  min-height: 100%;  
 text-align: center; /* for browsers that don't support auto margins */
 line-height: 1.4em;
}


/*  basics */ 
p {
  padding-bottom: 0.0em;
  margin-bottom: 0.0em;
  padding-top: 0.0em;
  margin-top: 0.7em;
}
h1 { 
  font-weight: bold;
  font-size: 1.2em;
}

h5 {
  font-size: 1.0em;
}

img {
  border: none;
}

/* end basics */


/*------------Hidden elements------------*/
h1 span {
    display: none;
}
/*  end hidden elements */

#printheader {

}

#container { 
   background: #ffffff url(nav_image.jpg) repeat-y;
  width:734px;
/*  w\ idth: 720px; */
  border:solid 1px #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 20px;
/*  padding: 0px; */
  text-align: left;
  position: relative;
}


#header {
   display: none;
   
}

#header h1 {
   background: transparent url(id_header_new.jpg) no-repeat top right;
  position: relative;
  top: 0;
  left: 0;
  height: 75px;  /* 9.0em */
   color: #006699;
   padding: 0;
   margin: 0;
}

#header a:link {
   text-decoration: none;
   font-weight: bold;
   color: #006699;
   padding: 10px 0px 0px 0px;
   margin: 0px 0px 16px 0px;
}

#header a:visited  {
   text-decoration: none;
   font-weight: bold;
   color: #006699;
   padding: 10px 0px 0px 0px;
   margin: 0px 0px 16px 0px;
}


#header a:hover  {
   text-decoration: none;
   font-weight: bold;
   color: #003366;
   padding: 10px 0px 0px 0px;
   margin: 0px 0px 16px 0px;
}





/*  .tagline {
  float: right;
  color:  #003366;
  width: 460px;
  text-align: right;
  border-bottom: 1px solid #003366;
  vertical-align: bottom;
  padding: 8px 30px 3px 0px;
  margin:  0px 0px 25px 0px;
  font-weight: bold;
  font-size: 1.1em;
  font-style: normal;
} */

#nav {
   float: left;
   background: #dce3e9;
   width: 184px;
   margin:  0px  0px 60px  0px; 
   text-align: left;
}

#nav ul {
   margin: 0;
   margin-top: 50px;
   margin-left: 60px;
   padding: 0;

}

#nav  li {
   list-style-type: none;
   display: block;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
}


#nav a:link {
font-size: 1.2em;
font-weight : bold;
text-decoration : none;
color : #003366;
}

#nav a:visited  {
font-size: 1.2em;
font-weight : bold;
text-decoration : none;
color : #003366;
}


#nav a:hover  {
font-size: 1.2em;
font-weight : bold;
text-decoration : underline;
color : #996600;
}




#content {
  float: right;
  display: inline;  /* need this so IE won't double the margins */
  background: #ffffff; 
  color: #0f2c4c;
width: 430px;
  margin: 30px 75px 20px 0px;
/*  width: 480px;
  margin: 30px 30px 20px 0px; */
  padding: 0px;
  text-align: left;
}


#content h1 {
   font-weight: bold;
   font-size: 1.5em;
   color: #003366; 
/*   color: #996600; */
   line-height: 1.3em;
   padding-bottom: 0.2em;
   border-bottom: 1px solid #547399;
}


#content h1 a:link {
   color : #003366;
   text-decoration: none;
}

#content h1 a:visited {
   color : #003366;
   text-decoration: none;
}

#content h1 a:hover {
   color : #996600;
   text-decoration: underline;
}


#content h2 {
   font-weight: bold;
   font-size: 1.2em;
/*   color: #996600; */
   color: #cc9900;

   margin-top: 1.5em;
}

#content ul {
   list-style-image: url(gold_arrow.jpg);
   margin-left: 0px;
   padding-left: 0px;
}

#content li  {
   margin-top : 5px;
   margin-bottom : 5px;
   font-weight : normal;
}

#content a:link {
text-decoration : underline;
color : #003366;
}

#content a:visited  {
text-decoration : underline;
color : #006699;
}


#content a:hover  {
text-decoration : underline;
color : #996600;
}


#content .intro {
   background: #ffffff url(intro.jpg) no-repeat;
   background-position: bottom right;
   border: none;
   padding: 20px 20px 0px 20px;
   margin-bottom: 20px;
   margin-top: -20px;
   height: 228px; 
}

#content .intro p {
   width: 262px;
}

#content .intro h1 {
  font-size: 1.3em;
  color : #996600;
  border-bottom: none;
  padding-bottom: 0em;
}


#content .intro h5 {
   text-align:left;
   padding-top: 0px;
   padding-bottom: 20px; 
   padding-left: 100px;
   line-height: 1.3em; 

}

#footer {
   clear: both;
/*   width: 100%; */
   text-align: center;
   font-size : 10px;
   color : #666666;
   border-top: 1px solid #cc9900;
   margin: 30px 75px 10px 288px;
   padding-top: 15px;
   padding-bottom: 20px;

}


.blank  {
}



.tlink {
            color : #333399;
        }
.tlink:visited {

                color : #cc6600;
        }
.tlink:hover {
            font-size : 11px;
                color : #996633;
        }






li {
font-size: 11px;
font-family: verdana, geneva, sans-serif;
font-weight: normal;
margin-left : 20px;
list-style-position : outside;
list-style-type : disc;
text-indent : 0px;
}

.img-left {
  float: left;
  margin: 0 1.2em 1.2em 0;
}

.img-right {
  float: right;
  margin: 1.0em 0 1.2em 1.2em;
}

.small {
   background: #ffffff;
   
   color: #996600;
   font-weight: bold;
   font-size: 9px;
   padding: 0 10px 0 10px;
   border: 1px solid black;
   margin-top: 0; 
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 60px;
   text-align: center;
}

.quoteauthor {
   text-align:left;
   padding-top: 0px;
/*   padding-right: 20px; */
   padding-bottom: 20px; 
   padding-left: 200px;
   
   font-size: 10px;
   line-height: 1.3em; 


}

.listimage {
   vertical-align: top;
   padding-top: 20px;

}

.quote {
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 5px;
   font-style: italic;
   color:  #547399; 
   background: none;
}

.float_left {
   float: left;
   width: 100px;
   margin: 4px 12px 12px 0px;
}

.caption {
   text-align: center;
   width: 120px;
   font-size: 0.95em;
}

.caption2 {
   text-align: center;
   width: 140px;
   font-size: 0.95em;
}

/* for the home page */


#homepage {
  width: 470px;
  margin: 30px 40px 20px 0px; 
}

.box_191 {
   float: left;
   width: 156px;
}


.box_191 h4 {
   margin-bottom: 5px;
   color: #996600;
   font-size: 1.1em;
   line-height: 1.3em;
   height: 2.7em;
}

#threeboxes {
}

#threeboxes a:link {
   color: #996600;
   text-decoration: none;
}


#threeboxes a:visited {
   color: #996600;
   text-decoration: none;
}

#threeboxes a:hover {
   color: #bb8800;
   text-decoration: none;
}

/*padding for the text*/
.box_191 .box {
    padding: 0px 12px 0px 12px;
   width: 132px;
}

/*padding for the text on the first box (no left padding)*/
.box_191 .firstbox {
    padding: 0px 12px 0px 0px !important;
    width: 144px;

}

.center {
  text-align: center;
 display: block;
}