﻿
 
 html,
 body {
   height: 100%;
 }
 
 body {
   margin: 5px 0 0 0;
   padding: 0;
   text-align: left;
   font-size: 80%;
   font-family:  verdana, arial, sans-serif;
   background: #dcdcdc url(../images/back-a.gif) repeat-x;
   line-height: 170%;
   color: #333;
 }
 
 
 /* Headers */
 
 h1 {
   padding-bottom: 0.2em;
   font: 1.5em arial, sans-serif;
   color: #333;
   border-bottom: 8px solid #a9a9a9;
   width: 90%;
   margin: 0 0 10px 0;
   padding: 0;
 }
 
 h2 {
   font-size: 1.1em;
   color: #333;
   margin: 0;
   padding: 0;
 }
 
 
 
 
 /* Links */
 a {
 	text-decoration:none;
    color: #3B5D77;
     }
 
 a:hover {
   color: #668FA3;
 }
 
b {
 	text-decoration:none;
    /*color: #3B5D77;*/
    /*color: lime;*/
     }
 
b:hover {
   color: #668FA3;
 }



#content {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}


#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	width: 776px;
}


#header img {
  clear: both;
  position: absolute;
  top: 5%;
  left: 10px;
}




#page {
  margin: 0 auto;
  width: 776px;
}



#columns {
  float:left;
  background: url(../images/content_back.gif) repeat top left;
  margin: 0 auto;
  width: 776px;
}


#widthL {
  float: left;
  width: 145px;
  padding-right:12px;
}



#widthR {
  float:right;
  width: 604px;
  padding-left: 4px;
  padding-top:8px;
  padding-right: 4px;
}



/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: right;
  font-size: 70%;
  width: 680px;
  padding-left:96px; /* pushes the footer text over so it looks centered under the right column */
  height: 50px;
  background: url(../images/footer.jpg) no-repeat top center;
}




/**************************************************************
  left links
 **************************************************************/

ul.leftlinks,
ul.leftlinks li {
  margin: 0;
  padding: 0;
}

/*ul.leftlinks li {
  margin: 0 0 0px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}*/

ul.leftlinks a  {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

ul.leftlinks a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #F3EA75;
text-decoration: none;}

<!--------------------------------------------------------------------------->

ul.leftlink1,
ul.leftlink1 li {
   padding: 0;
   margin:inherit;

/*
ul.leftlink1 li {
  margin: 0 0 0px 0 !important;
  margin: 0;
  padding: 0px;*/
  list-style: none;
}

ul.leftlink1 a  {
color: #FFFFFF;
border: 1px solid;
background-color: #e54800;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: blink;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 100%;
text-align: left;
}

ul.leftlink1 a:hover {
border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #ca4000;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #F3EA75;
text-decoration:blink;
}



<!--------------------------------------------------------------------------->


 #floatpicATR {
 float:right;
 position:relative;
 padding:10px 10px 10px 10px;
 border: solid 1px #999;
 margin:4px 4px 4px 4px;
 background:#eeeeee; 
 color: #000000;
 font-size: 8pt;
 width:150px;
 text-align:right;
 } 

 #floatpicATL {
 float:left;
 position:relative;
 padding:10px 10px 10px 10px;
 border: solid 1px #999;
 margin:4px 4px 4px 4px;
 background:#eeeeee; 
 color: #000000;
 font-size: 8pt;
 width:150px;
 text-align:right;
 } 


 #floatpicR {
 float:right;
 position:relative;
 padding:10px 10px 10px 10px;
 border: solid 1px #999;
 margin:4px 4px 4px 8px;
 background:#eeeeee; 
 color: #000000;
 font-size: 8pt;
 width:240px;
 text-align:right;

 } 
 
 /* use this for floating a picture of 240 width within the main body text 
    it will float on the left side */
 #floatpicL {
 float:left;
 position:relative;
 padding:10px 10px 10px 10px;
 border: solid 1px #999;
 margin:4px 8px 4px 4px;
 background:#eeeeee; 
 color: #000000;
 font-size: 8pt;
 width:240px;
 text-align:left;

 } 
 
 #whitetitle 
 {
   font-size: 16pt;
   font-family:  verdana, arial, sans-serif;
   color: #fff;
 }
 
 