/* CSS Document */

html,body{
   margin:0;padding:0;
   background-image: url('images/bg.jpg'); 
   background-repeat: repeat-x;
   color:#333;
   height: 100%;
   }
body{
  font: 80% arial,sans-serif;
  text-align:center
  }
  
p{ margin-bottom: 10px; }
strong { color: #000}

/* ----------- header ----------- */


h1{ 
   margin: 0; padding: 10; 
   color: #000; font-size: 30px;
   font-family: Geneva, Arial, Helvetica, sans-serif
   }
h2{ 
   margin: 0; padding: 0; padding-bottom: 10px; 
   color: #389dd1; font-size: 18px;
   font-family: Geneva, Arial, Helvetica, sans-serif
   }
h3{ 
   margin: 0; padding: 0; 
   color: #333; font-size: 15px;
   font-family: Geneva, Arial, Helvetica, sans-serif
   }
.logo{
   cursor: pointer; float: left; background-image: url('images/logo.jpg'); background-repeat:no-repeat; display: block; width: 230px; height: 76px
   } 
.rlogo{
   float: right; width: 300px; height: 65px; cursor: pointer;
   }    


/* ----------- links ----------- */

a, a:hover { text-decoration: underline; color: #333;}
a:hover {color: #389dd1;text-decoration: none;}

a.headerText, a.headerText:hover { text-decoration: underline; color: #fff;}
a.headerText:hover {color: #333;text-decoration: none;}
   
/* ----------- left navigation ----------- */


div#navigation{
   padding-top:30px;
   font-size:18px;
   color: #0372a4;
   }

#nav1 { display: block; width: 198px; height: 63px; background: url("images/nav1.gif") no-repeat 0 0; }
#nav1:hover { background-position: 0 -65px; }
#nav1 span { display: none; }

#nav2 { display: block; width: 198px; height: 63px; background: url("images/nav2.gif") no-repeat 0 0; }
#nav2:hover { background-position: 0 -65px; }
#nav2 span { display: none; }

#nav3 { display: block; width: 198px; height: 63px; background: url("images/nav3.gif") no-repeat 0 0; }
#nav3:hover { background-position: 0 -65px; }
#nav3 span { display: none; }

#nav4 { display: block; width: 198px; height: 63px; background: url("images/nav4.gif") no-repeat 0 0; }
#nav4:hover { background-position: 0 -65px; }
#nav4 span { display: none; }

#nav5 { display: block; width: 198px; height: 63px; background: url("images/nav5.gif") no-repeat 0 0; }
#nav5:hover { background-position: 0 -65px; }
#nav5 span { display: none; }

#nav6 { display: block; width: 198px; height: 63px; background: url("images/nav6.gif") no-repeat 0 0; }
#nav6:hover { background-position: 0 -65px; }
#nav6 span { display: none; }

#nav7 { display: block; width: 198px; height: 63px; background: url("images/nav7.gif") no-repeat 0 0; }
#nav7:hover { background-position: 0 -65px; }
#nav7 span { display: none; }

#nav8 { display: block; width: 198px; height: 63px; background: url("images/nav8.gif") no-repeat 0 0; }
#nav8:hover { background-position: 0 -65px; }
#nav8 span { display: none; }

/* ----------- body ----------- */

div#container{width:850px;margin:0 auto}
div#content{float:right;width:600px; padding-top: 30px}
div#navigation{float:left;width:250px}

   
div#header{
   height:76px;
   margin:0; padding: 0px;
   color: #fff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   letter-spacing: .20em;
   }
div#container{
   text-align:left;
   background-image: url('images/content-bg.jpg'); 
   background-repeat: no-repeat;
   background-position:top;
   }
div#content p{
   line-height:1.4;
   }

.blurb { border-bottom: solid 1px #e2e2e2; padding-bottom: 10px }

/* ----------- footer ----------- */

div#footer {
height: 50px;
   clear:both;width:100%;
   background: url("images/footer-bg.gif") no-repeat 0 0; 
   margin: -10; padding-top: 20px; 
   font-size:10px; 
   text-align: center
   }