/*-----------------
 * Special Styles 
 *-----------------*/
  /* Control CF debug styles and widths (Note CFDebug occurs outside of HTML tags) */
  pre { width:650px; height:100px; overflow:auto;  border: 1px solid orange;}
  table.cfdebug, table.cfdebuglge { width:650px; overflow:auto; white-space: normal; border: 2px dotted brown; font-size:12px} 
  
  /* Development: temporary */
  XXXdiv { border:1px dotted red; }
/*------------------
 * /Special Styles 
 *------------------*/
  

/*-----------------
 * General Styles 
 *-----------------*/
  /* Block */
  /* F5EDE3 pink tan */
  body
  {
    margin:auto auto auto auto; height:120%; min-height:100%
    padding:0px 0px 0px 0px; color:#333;
    /*background:#0066CC; color:#000;*/
    background: #A4CCEE url(../images/body_bg.gif) repeat-x top center;
    font:13px verdana,arial,"Trebuchet MS";
    text-align:center; line-height:16px;
  }
  

  p { margin:0px 5px 16px 0px; padding:0; }
  p + p { text-indent: 1.1em; margin-top:-8px; }
  
  
  blockquote, .blockquote { margin:0; padding:3px 5px 0px 20px; }
  address, .address { margin:0; padding:3px 5px 3px 16px; font-size:110%; }
  html pre { border:none; width:auto; height:auto; margin:0px 5px 8px 0px; padding:0; overflow:visible; }
  ol, ul { padding:0px; margin:0px 5px 5px 40px; }
  
  h1, .h1 { font-size:140%; font-weight:bold; font-style:normal; margin:0; padding:0 0 3px 0; letter-spacing:0.1em; }
  h2, .h2 { font-size:140%; font-weight:normal; font-style:italic; margin:0; padding:0; letter-spacing:0.1em; }
  h3, .h3 { font-size:120%; font-weight:normal; font-style:normal; margin:0 0 3px 0; padding:4px; border-bottom:0px dotted silver; color:#666;  letter-spacing:0.1em; background: url('../images/bgleftfade.gif') no-repeat center left}
  h4, .h4 { font-size:110%; font-weight:normal; font-style:italic; margin:0; padding:0; letter-spacing:0.1em; }
  h5, .h5 { font-size:110%; font-weight:normal; font-style:normal; margin:0; padding:0; letter-spacing:0.1em; }
  
  hr { height:1px; width:100%; border:1px dashed gray; }
  
  table { margin:0; padding:0; width:auto; float:none; border-collapse:collapse; }
  table th { font-weight:bold; vertical-align:bottom; border:1px solid #B2B2B2; font-size:12px; }
  table td { vertical-align:top; border:1px solid #B2B2B2; font-size:12px; padding:2px 5px 2px 5px; }
  
  form, div { margin:0; padding:0; }
  
  .noborders, { border-collapse:none; border:none;}
  .noborders th, .noborders td { border:none; text-align:left; }

  .dottedunderline, { border-collapse:none; border:none;}
  .dottedunderline th, .dottedunderline td { border:none; border-bottom:1px dotted silver; text-align:left; }

  /* /Block */
  
  /* Inline */
  i, em { font-size:90%; };
  
  a:link { color:mediumblue; text-decoration:none;}
  a:visited { color:mediumblue; text-decoration:none;}
  a:hover, a:active { color:blue; text-decoration:underline; }
  a img { border:none; }
  
  /* /Inline */
  
  /* Utility Classes */
  .left { text-align:left; }
  .center { text-align:center; }
  .right { text-align:right; }
  /* /Utility Classes */
/*------------------
 * /General Styles 
 *------------------*/

  
/*-----------------
 * Specific Styles 
 *-----------------*/
  #navigation { padding:0px 0px 0px 0px; margin: 10px auto 1px auto; width:780px }
  #navigation td { border:none; margin:0; padding:0; vertical-align:center;  height:32px;} 
  #navigation a, #navigation a:link, #navigation a:visited
  {
    position:relative;
    display:block;
    background:lightblue url('../images/icons/tabs/tab.gif') repeat-x center top;
    font-size:15px; padding:0;
    width:100%;  height:32px; color:#333; line-height:32px;
    text-align:center;
    vertical-align:center;
    text-decoration:none;
    border-right: 1px solid #999999;
  }
  #navigation a:active, #navigation a:hover{ color:#FFF; background:lightblue url('../images/icons/tabs/tabactive.gif') repeat-x center top;}
  
  #sitecontainer { margin:auto auto auto auto; text-align:left; width:780px;  }
  
  form table td { border:0; }
  
 /* Structural */
 .container { border:1px solid #999999; border-width:0 1px 0 1px; margin:auto auto auto auto; text-align:left; width:780px; height:auto; }
 .content { background-color:white; padding:10px; border:0px solid lime; text-align:left; }
 
 .paginate { padding:5px; background:#EEE url("../Ximages/icons/tabs/tab.gif") repeat-x; border:1px solid #999999; border-width:1px 1px 0 1px; }
 .paginate a, .paginate a:link, .paginate a:visited
 {
   padding:3px; width:auto; text-align:center; padding:2px 10px 2px 10px; text-decoration:none; color:#333; border:1px solid white; margin:1px;
   /*background-color:#E3EDFA;*/
 }
 .paginate a:active, .paginate a:hover { color:#333; background:white; border:1px solid gray;}
 
 .paginate select { font-size:10px; }
 
 .blocklinks { width:248px; }
 .blocklinks a, .blocklinks a:link, .blocklinks a:visited
 {
   padding:3px 5px 3px 5px; width:90%; text-decoration:none;
   border:0px solid white; border-bottom:1px solid white; 
   display:block;
 }
 .blocklinks a:active, .blocklinks a:hover { color:#333; background: url('../images/bgleftfade.gif') no-repeat center left; border-bottom:1px dotted #EEE;}
 
 #azcontainer { text-align:center; height:30px; }
 #azcontainer a, #azcontainer a:link, #azcontainer a:visited { padding:0px 1px; color:mediumblue; text-decoration:none; display:block; float:left; width:16px; background-none; border:1px solid silver; margin:1px;}
 #azcontainer a:hover, #azcontainer a:active { color:blue; text-decoration:none; border:1px solid gray; background-color:gray; color:white;}

 
 .searchmotif { background: white url('../images/icons/search_bgmotif.gif') no-repeat bottom right; }
 .infomotif { background: white url('../images/icons/info_bgmotif.gif') no-repeat bottom right; }
 .warnmotif { background: white url('../images/icons/warn_bgmotif.gif') no-repeat bottom right; color:blue; }
 .inkwellmotif { background: white url('../images/icons/inkwell_bgmotif.gif') no-repeat bottom right; } 
 .datamotif { background: white url('../images/icons/data_bgmotif.gif') no-repeat bottom right; } 
 
 /*Protective Iframe that shadows ajax or other layers of content to protect them from IE Dropbox Burn-Thru Bug. (Sun Protection Factor - SPF)*/
 .spf_iframe { position:absolute; top:-1000px; left:-1000px; margin:0; width:10px; height:10px; overflow:hidden; border:none; opacity:0.0; border:0px solid red; z-index:100; background:transparent; visibility:hidden; }

#searchform select { font-size:0.8em; }
 
.otherimap { border:1px solid silver; padding:5px; background-color:white; width:210px; margin:5px; float:left; text-align:center; align:center; }

a.btnlink:link, a.btnlink:visited { background-color:#CCC; color:black; text-decoration:none; padding:3px 8px; border:1px solid gray; display:block; width:190px; }
a.btnlink:hover, a.btnlink:active { background-color:#AAA; color:black; text-decoration:none; padding:3px 8px; border:1px solid gray; display:block;  width:190px }
 
/* sadfb jhsagfjhsagfjsag fsagf sahgfasgh dfsahgdfshaghgfasghfasdfads&/

 #divinfo { margin:0 0 5px 0; color:#333; }
 #divwarn { margin:0 0 5px 0; color:darkred; }
 #divinfo ul, #divwarn ul  { margin-left:0px; padding-left:0; }
 #divinfo ul li, #divwarn ul li { list-style-type:none; padding-bottom:5px; }
/*------------------
 * /Specific Styles 
 *------------------*/


/*-----------------
 * Custom Styles 
 *-----------------*/
/*------------------
 * /Custom Styles 
 *------------------*/