html {min-height: 100%;}

* {
  margin: 0;
  padding: 0;
}

a {
color: #005B9C;
}

a:hover {
color: #0B2444; 
}

img {
border: 0;
}

body {
  background: #D8D3DC url(../img/background2.jpg) repeat-x left bottom;
  color: #333;
/*  font: normal 62.5% Tahoma,sans-serif;*/
  font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
}

p,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
  font: normal 1.8em Tahoma,sans-serif;
  margin-bottom: 4px;
  color: #005B9C;
  margin: 0 0 7px 0;
}

h2 {
  font: normal 1.3em Tahoma,sans-serif;
  margin-bottom: 4px;
  color: #005B9C;
  margin: 0 0 7px 0;
}

h3 {
  font: normal 1.1em Tahoma,sans-serif;
  margin-bottom: 4px;
  color: #005B9C;
  margin: 0 0 7px 0;
}

h4 {
  font: normal 1.0em Tahoma,sans-serif;
  margin-bottom: 4px;
  color: #005B9C;
  margin: 0 0 7px 0;
}


.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

.container {
  background-color: #FFF;
  font-size: 1.2em;
  margin: 0 auto;
  padding: 0 8px 8px;
  width: 780px;
}


.top {
  padding: 8px 8px 0;
}

.header {
  background-color: #fff;
  background-image:url(./../img/top.jpg);
  font-size: 1.2em;
  height: 105px;
  margin: 0 auto;
  padding: 8px 8px 5px;
  width: 780px;
/*  clear:both;
  height:110px;

  background-repeat:repeat-x;
  padding-top:50px;*/
}

.header .left, .header .right {
  /*background-color: #000033;*/
/*  background-image:url(./../images/site_logo.gif);*/
/*  background-repeat:no-repeat; */
/*  background-position:center;*/
  color: #fff;
  color: #FFF;
  height: 105px;
}

.header .left {
  background: transparent url("./../images/top.jpg") top left repeat-x;
  font: normal 2.8em "Trebuchet MS",sans-serif;

  color: #fff;
  color: #FFF;

  width:647px;
  text-align:center;
  height:75px;
  padding-top:30px;
}

.header .left h1{
  color: #fff;
  font: normal 0.5em  "Trebuchet MS", sans-serif ;
  text-align:center;
  line-height:20px;
}

.header .right {
  overflow: auto;
  width: 105px;
  height:90px;
  margin-top:5px;
  margin-right:15px;
  background-image:url(../img/ped.jpg);
}

.header .right div {
  padding-left: 16px;
  padding-top: 16px;
  font: normal 1.6em "Trebuchet MS",sans-serif;
}

.page .header {
  font-variant:small-caps;
}

.navigation { 
  background: #D9E1E5 url(../img/nav.jpg);
/*  border: 1px solid #7795BD; */
  
  border-top: 1px solid #0080FF;
  border-bottom: 1px solid #006CD9;
  
  height: 23px;
  position: relative;
  
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;

  overflow: hidden;
  vertical-align: middle;
}

.navigation a {
  background: transparent url(../img/nav.jpg) left top repeat-x;
/*  border-right: 1px solid #7795BD;*/
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
}

.navigation a:hover {
   background: transparent url(../img/nav.jpg) left bottom;
/*   color: #ff0000; /*rgb(9,15,138) f1f1f1 */
}

.main {
  border-top: 8px solid #FFF;
  background: url(../img/bgmain.jpg) repeat-y;
}


.sidenav {
  float: left;
  width: 205px;
}
.sidenav h2 {
  color: #333300;
  font-size: 1em;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  padding-left: 12px;
}
.sidenav ul {
  padding: 0;
  border-top: 1px solid #004080;
}
.sidenav li {border-bottom: 1px solid #004080;

}
.sidenav li a {

  background-image: url(../img/li_bg.gif);
  background-repeat: no-repeat;
  background-position: center left;


  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight:bold;
  color: #333300;
  display: block;
  padding: 8px 0 8px 15px;
  text-decoration: none;
  width: 185px;
  padding-left:15px;
  margin-left: 5px; */ 

}
.sidenav li a:hover {
/*  background-image: url(../img/li_bghover.gif);
  background-repeat: no-repeat;
  background-position: center left;
*/
  width: 177px;


  background-color: #88C4FF;
  color: #FFFFFF;   /*654*/
  font-weight:bold;
/*  margin-right:30px;*/
/*  width:30px; */
/*  padding-right:300px;*/
}

/* content */
.content {
  float: right;
  margin: 10px 0;
  padding: 0 16px;
  width: 536px;
}

.content {
  color: black;
  font-size: 1.0em;
  margin-bottom: 6px;
}


.content .imgright {
padding: 3px;
border: 1px solid #D2D2D2;
margin-right: 8px;
margin-top:2px;
float: right;
}

.content .imgleft {
padding: 3px;
border: 1px solid #D2D2D2;
margin-right: 8px;
margin-top:2px;
float: left;
}
/* paragraph's properties */
.container .main .content p{
   padding-bottom:0;
   padding-top:1;
   text-align:justify;
}

.footer {
  background: url(../img/bluefooter.jpg) repeat-x;
  color: #FFF;
  font: bold 1em sans-serif;
  line-height: 39px;
  text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}

table, div table {
   border-collapse:collapse;
   border: 1px dotted #7795BD;
   border-width: 1px;
}


td, th {
   padding: 5px;
   border: 1px dotted #7795BD;
   margin:0px;
}

#newsTable .date {
   text-align:center;
}

#newsTable .event {
   text-align:justify;
   padding: 4px; 
   margin:0px;
}

#newsTable  h1,  h2 {
  text-align:center;
}

#searchSysTable td { 
   text-indent:18px; 
   line-height:18px;
}