/* Reset Styles
-----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
   margin:0;
   padding:0;
   text-align: left;
}
table{
   border-collapse:collapse;
   border-spacing:0;
}
fieldset,img{ 
   border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
   font-style:normal;
   font-weight:normal;
}
ol,ul{
   list-style:none;
}
caption,th{
   text-align:left;
}
h1,h2,h3,h4,h5,h6{
   font-size:100%;
   font-weight:normal;
}
q:before,q:after{
   content:'';
}
abbr,acronym{
   border:0;
}

/* Links
-----------------------------------------------------------------*/

a{
   color: #25549e;
   text-decoration: underline;
}

a:hover{
   color: #000000;
   text-decoration: underline;
}

#navigation a{
   color: #999999;
   text-decoration: none;
}

#navigation a:hover{
   color: #000000;
   text-decoration: none;
}

#navigation li.active a{
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}


#navigation li.active{
   background: url('../images/arrow.gif') no-repeat center bottom;
}

/* Main
-----------------------------------------------------------------*/
body{
   background: url('../images/bg.jpg') repeat-x left top;
   text-align: center;
}

#wrapper{
   margin: 0 auto;
   width: 950px;
}

#header{
   background: url('../images/header.jpg') no-repeat right bottom;
   height: 170px;
}

   #navigation li{
      float: left;
      line-height: 37px;
      margin: 0 22px 0 0;
   }
   
   #navigation{
      font: normal 12px "Verdana";
   }

#content{
   background: #ffffff;
   font: normal 12px/160% "Verdana";
   height: 1%;
   overflow: auto;
   padding: 15px;
}

#widebar{
   border-right: 1px solid #eaeaea;
   float: left;
   padding-right: 15px;
   width: 600px;
}

   #case_study{
      background: #000000;
      color: #999999;
      padding: 15px;
   }
   
      #case_study h1{
         background: url('../images/h1_casestudy.gif') no-repeat left top;
         height: 21px;
         margin-bottom: 15px;
         text-indent: -9999px;
      }
      
      #cs_blurb{
         color: #eaeaea;
         font: normal 11px/150% "Verdana";
         margin-top: 15px;
      }
   
   #widebar .inner{
      color: #444444;
      padding: 15px;
   }
   
      #widebar .inner h1{
         font: bold 24px "Arial";
         letter-spacing: -1px;
         margin-bottom: 15px;
      }
      
      #widebar .inner ul{
         list-style: square outside;
         margin-left: 15px;
      }
      
      #widebar .inner li{
         border-bottom: 1px dotted #dadada;
         padding: 10px;
      }

#sidebar{
   float: right;
   width: 289px;
}
   
   #sidebar .module1{
      background: #f1f1f1;
      padding: 15px;
      margin-bottom: 15px;
   }
   
   #sidebar .brochure{
      background: #f1f1f1 url('../images/brochure.jpg') no-repeat right top;
      padding: 15px;
      margin-bottom: 15px;
   }
   
   #sidebar .module2{
      background: #333333;
      color: #eaeaea;
      padding: 15px;
      margin-bottom: 15px;
   }

   #updates{
      background: #a6b7ad;
      padding: 15px;
   }
   
      #updates h1{
         background: url('../images/h1_updates.gif') no-repeat left top;
         height: 21px;
         margin-bottom: 15px;
         text-indent: -9999px;
      }
      
#footer{
   border-top: 1px solid #eaeaea;
   clear: both;
   color: #666666;
   font: normal 11px "Verdana";
   margin-top: 15px;
   padding: 10px;
}