/*<![CDATA[*/
         body  {
  max-width : 900px;
  margin-left : auto;
  margin-right : auto;
  background-color : #ffffff;
  }
  :link {
  text-decoration : none;
  color : #003399;
  }
  :visited {
  text-decoration : none;
  color : #003399;
  }
  :active {
  color : #ffff00;
  }

  h2 a:hover, h4 a:hover, p a:hover {
    text-decoration: none;
    color: #800000
  } 
  p {
  font-family : Verdana, Georgia;
  font-size : 14px;
  color : #4c4c4c;
  }
  h2 {
  color : #4c4c4c;
  font-family : Papyrus, Palatino, Georgia;
  font-weight : bold;
  text-shadow: #ccc 0.1em 0.3em 0.1em;
  font-size : 30px;
  text-align : center;
  margin-top : 40px;
  }
  h4 {
  color : #4c4c4c;
  font-family : Trajan Pro,Verdana, Georgia;
  font-weight : bold;
  font-size : 11px;
  text-align : center;
  margin-top : 30px;
  }
  strong.c8 {
  color : #000080;
  font-family : Verdana, Tahoma, Georgia;
  font-size : 12px;
  }

  strong.c7 {
  color : #808080;
  font-family : Skia, Tahoma, Verdana;
  font-size : 12px
  }
  div.c6 {
  color : #191919;
  font-family : Skia, Courier, Verdana;
  font-size : 14px;
  font-weight : bold;
  text-align : center;
  }
  div.c5 {
  color : #66ffff;
  font-family : Skia, Verdana;
  font-size : 12px;
  font-weight : bold;
  }
  strong.c4 {
  color : #808080;
  font-family : Verdana, Georgia;
  font-size : 13px;
  font-style : italic;
  font-weight: bold;
  text-align: right;
  }
  b.c3 {
  font-family : Courier New;
  font-size : 42px;
  }
  b.c2 {
  color : #004080;
  font-family : Verdana, Georgia;
  font-size : 15px;
  margin-left: 0.7em;
  }
  div.c1 {
  color : #cccccc;
  font-family : Papyrus, Palatino, Georgia;
  font-weight : bold;
  font-size : 20pt;
  text-align : center;
  }

  #footer { 
  clear:both;
  max-width : 900px;
  margin-left : auto;
  margin-right : auto;
  } 

/* CSS container shadow */
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 {
background: #F1F0F1;
}

#shadow-container .shadow2 {
background: #DBDADB;
}

#shadow-container .shadow3 {
background: #B8B6B8;
}

#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
/* CSS container shadow */
  /* set the image to use and establish the lower-right position */ 
  .cssbox, .cssboxl, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(resources/linksbox.png) no-repeat bottom right; 
  } 
  .cssbox { 
    width: 448px; float:right !important; /* intended total box width - padding-right(next) */
    width: 433px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
  } 

  .cssboxl { 
    width: 448px; float:left !important; /* intended total box width - padding-right(next) */
    width: 433px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
  }
  /* set the top-right image */ 
  .cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
  } 
  /* set the top-left image */ 
  .cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
  } 
  /* set the lower-left corner image */ 
  .cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
  }   
  /*]]>*/