/*<![cdata[*/

   /* Clearfix  ********/

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

   html[xmlns] .clearfix { display: block; }

   * html .clearfix { height: 1%; }

/*************************/

   html, body {margin: 0; padding: 0; background: #394E52; text-align: center;}
   #wrapper {
      width: 762px;
      margin: 0 auto;
      
      text-align: left;
      
      background: white;

      border-left: 2px solid #000033;
      border-right: 2px solid #000033;
   }

   #header { width: 762px; height: 78px; background: #0065A6 url("images/logo.png") center no-repeat;}
   #mid-header {width: 762px; height: 54px; background: #80CDFF url("images/middle_hdr.png") center no-repeat;}
   #navbar {width: 762px; height: 42px; background: white url("images/navig_bck.png") center no-repeat;}
   
  #menu { 
      height: 28px;
      width: 762px;
      display: inline; 
      list-style: none;
      position: absolute;
      margin: 2px 0 0 26px;
      padding: 0; 
      border: 0;
   }

     #navbar li { 
      display: inline;
      margin: 0; padding: 0;
      float: left; clear: right;
   } 
   
   #navbar li img { margin: 0; padding: 0; }

   #main {
      width: 762px;
      padding: 0 0 30px 0;
      background: #ffffff;

      text-align: left;
   } 
   
   #main img.right {float: right; margin: 0px 30px 0px 0px;}

   #footer {width: 762px; height: 35px; background: #fff url("images/foot-tile.png") top left repeat-x; padding: 10px 0 0 0; clear: both;}



/******* DIV CLASSES *******/
   
   .row {
      width: 750px; 
      padding: 10px 5px 10px 5px;
     /* margin: 0 auto; 
      float: left;*/

      border-bottom: 1px solid #ccc;  
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      }

   .row div.person {
      width: 155px; 
      float: left; 

      padding: 0 15px 0 0;
      margin: 28px 0 0 15px;

      color: #003366;
      text-align: right;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
   }

   .row div.contact {
      width: 290px;
      float: left; 
      border-left: 1px solid #555;
      padding: 0 0 5px 10px;
   }
   .row div.contact:first-line { color: #CC3300; font-family: Arial, Helvetica, sans-serif;} 

   .row img {
      float: right;
      clear: both;
      padding: 0 25px 0 0;
   }
   
   .row img.left {
      float: left;
      clear: both;
      padding: 0 15px 0 15px;
   }

   .row div.coord { 
      width: 190px; 
      float: left; 

      padding: 0 15px 0 0;
      margin: 0 0 0 5px;

      color: #000;
      text-align: right;
      font-size: 10px;
      font-weight: bold;
      font-family: Verdana, Helvetica, sans-serif;
      
   }
   .row div.coord:first-line, .row div.coord span {
      color: #003366; 
      font-size: 12px; 
      font-family: Arial, Helvetica, sans-serif; 
      letter-spacing: 1px;}


/******* /DIV CLASSES *******/
#contactForm {
   text-align: center;
   padding: 5px 10px 10px 10px;
   margin: 20px 0;
   background: #f0f0f0;
   border: 1px solid #555;
   }

form {margin: 0; padding: 0;}

table { 
   width: 740px; 
   margin: 0 auto; 
   padding: 0;
}

table.pub {}
table.pub td { 
   width: auto; 
   text-align: left; 
   border: 1px solid #999;
   background: #fff;
   vertical-align: top;
   padding: 3px 10px;
}
table.pub td.head {
   background: #f0f0f0; 
   text-align: center; 
   font-weight: bold; 
   text-transform: uppercase; 
   font-size: 10px; 
   font-family: verdana, sans-serif;
}

table.tab {
   border-right: 1px solid #aaa; 
   border-top: 1px solid #aaa;
}
.rssSource table { 
   width: auto;
   max-width: 690px; 
   margin: 0 15px;
}

table tr {
   background: #f0f0f0;
}

.rssSource table tr {
   background: transparent;
}

.rssSource table tr.gray td{
   background: #f0f0f0;
   color: navy;
}

table td {
   width: 33%;
   height: 20px;
   vertical-align: top;
   text-align: right;
   border-bottom: 1px solid #003366;
   padding: 5px 0 0 0;
}

table.tab td {
   width: 33%;
   height: 20px;
   vertical-align: top;
   text-align: right;
   border-left: 1px solid #aaa;
   border-bottom: 1px solid #003366;
   padding: 5px 0 0 0;
}

.rssSource table td {
   width: auto;
   height: auto;
   padding: 4px;
   vertical-align: top;
   text-align: left;
   border-bottom: 1px solid #aaa;
   background: transparent;
}


input {margin: 0; width: }

td.no_under {border-bottom: 1px solid #f0f0f0;}
td.lefty {text-align: left;}
td.middle {text-align: center;}

.button { 
   width: 155px;
   margin: 0; 
   color: white;
   font-weight: bold;
   background: #006699;}

/* rss */
.rssSource {
/*   float: left; */
   margin: 5px 15px 0 15px; 
   padding: 0 0 15px 0; 
   border: 1px solid black;
}

.rssSource img.heading {float: left; margin: 10px 10px 5px 10px;}
.rssSource img.corner {float: right; position: relative; top: 16px; right: -1px; }
.rssSource h1 { margin: 15px 0 0 0px; padding: 0;}
.rssSource h2 { font-size: 11px ;margin: 5px 0 0 15px; padding: 0;}

.newsItem-1 {
/*   float: left; */
/*   width: 450px; */
   margin: 10px 0 0 0; 
   padding: 0 15px; 
   border-left: 1px solid #f0f0f0;
}

.newsItem-2 {
   background: #f0f0f5;
  /* float: left; */
   margin: 10px 0 0 0; 
   padding: 10px 15px 5px 15px; 
   border: 1px solid #c0c0c0;
}


/* TEXT STYLES*/
   html, body { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

   p { width: 450px; padding: 15px 30px 0 15px; margin: 0; color: #000000; text-align: left;}
   p.fullpage { width: auto; }
   p.excerpt { 
      width: auto; 
      margin: 10px;
      padding: 10px 30px 10px 15px;
      background: #f0f0f0;
      border: 1px solid #999;
      font-family: Verdana, Helvetica, sans-serif; font-size: 11px;
      }


   h1 { width: 450px; font-size: 16px; padding: 15px 30px 0 15px; margin: 0; font-weight: bold;}
   h2 { width: 450px; font-size: 10px; padding: 0 30px 15px 15px; margin: 0; font-weight: normal;}
   h2.date { width: auto; font-size: 10px; padding: 5px 10px 0 10px; margin: 0; font-weight: normal;}
   h3 { font-size: 12px; padding: 10px 30px 0 10px; margin: 0; font-weight: bold; font-family: verdana, sans-serif;}
   h4 { font-size: 12px; font-family: Verdana,sans-serif;}
   h5, h6 {font-size: 11px; font-family: Verdana,sans-serif; font-weight: normal}

   #footer a {text-decoration: none; padding: 0 15px; margin: 0;}
   #footer a:hover {text-decoration: underline; color: red;}

   .rssSource a {text-decoration: none; }
   .rssSource a:hover {text-decoration: underline; color: red;}

   a:link {color: #006699; text-decoration: underline;}     /* unvisited link */
   a:visited {color: #003366; text-decoration: underline;}  /* visited link */
   a:hover {color: #99CCFF; text-decoration: underline;}   /* mouse over link */
   a:active {color: #99CCFF; text-decoration: underline;}   /* selected link */

   a.more { margin: 2px 10px; float: right; clear: both; font-weight: bold;}
   a.more:hover {color: #c30;}
   a.more.left { width: 100px; margin: 2px 10px; float: left; clear: none; font-weight: bold;}

   .txt10 {font-size: 10px;}
   .txt11 {font-size: 11px;}
   .txt12 {font-size: 12px;}
   .txt13 {font-size: 13px;}
   .txt14 {font-size: 14px;}

   .subimg { float:left; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; margin: 0 30px 10px 5px; }

   .verd {font-family: Verdana, Helvetica, sans-serif; }
   .bold { font-weight: bold;}
   .normal { font-size: 12px; } 
   .small { font-size: 10px; }

   .teal {color: #006666; }
   .gray {color: #666666; }
   .red, a.red {color: #C30; } a.red:hover {color: #069; }
   .blue {color: #003366;}
   .orange {color: #f60;}

   .left { float: left; }
   .right { float: right; }
   .center {text-align: center;  }
/*]]>*/