html {
   min-height: 60%%;
   height: auto;
   background: #111111 url(images/pattern.png);
}

body {
 text-align: center;
top-margin: 10px;
   margin: auto;
  width: 1000px;
   font:90% "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
color:#e6e6e6;
   background: #222222;
   }
   form {
   padding: 0px;  
   color: #FFF;
   background-repeat: repeat-x;
   background-position: top left;
   border: 0px double #FFF !important; 
}

a:link {
   color: #FFE8BB;
text-decoration: none;
   }
a:visited {
   color: #ff7d20;
   text-decoration:none;
   }
a:hover {
   color: #7A9168;

}

    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
         color: #FFE8BB;
    }
    .menu4 a:hover {
      background: #111111 none;
    }
    
     .menu4 a.current {
      background: #111111 none;
      color: #eeeeee;
      border: 1px double #333333; 
    }
.menu4 {
      width: 100%;
      margin:0;
      padding: 0em;
      text-align: center;
         font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
   font-size: 110%;
   font-weight: normal;
      text-transform: uppercase;
      text-shadow : rgb(0,0,0) 1px 1px 1px; 

    }
 .menu4 ul {
      margin: auto;
      padding: 0;
      list-style-type: none;
      line-height: 50px;
    }

 .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
    width: 9em;
      margin-right: .7em;
       margin-left: .7em;
    }


/* layout */

#wrap {
   height: 100%;
   width: 980px;
   text-align: left;
   margin-top: 10px;
      margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
   }
   

   #mydiv {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
   }

#logo{
      float: left;
   height: 100px;
}
#menu {
      float: right;
      height: 50px;
      width: 980px;
      font-size: 87%;
      background: #161616;
}
 img.border {
 border: 0px solid #333333 ;
 padding: 0px 7px 0px 7px ;
 }

#tagline {
      float: right;
      height: 0px;
}

#co-left {
   float: left;
   width: 220px;
}

#co-right {
   float: right;
   width: 150px;
}

#content { 
   float: left;
   width: 65%;
}

#contentw {
   float: left;
   width: 75%;
   }
   
   #content_po {
       text-align: center;
   float: left;
   width: 800px;
   font-size: 95%;
   color: #a7a7a7;
   line-height: 1.5em;
   margin-left: 0px;
   }
#footer {
   clear: both;
   }
   
   #navcontainer ul
{
margin-right: 30px;
padding: 0;
list-style-type: none;
text-align: right;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
   font-size: .9em;
text-decoration: none;
padding: .4em .5em;
color: #ccc;
background-color: #fff;
border-width: 0px;
border-color: #666;
}

#navcontainer ul li a:hover
{
color: #666;
background-color: #eee;
}


/* gutters */

.gutter {
   margin: 0 0 0 15px;
   }
#sidebar .gutter, #sidebar-2 .gutter {
   padding: 15px;
   }

/* header */
#ad   {
width: 600px;
height: 90px;
padding: 0px;
margin: 0 0 5px 202px;
}
#header {
   height: 280px;
   background: #000000 url(img/head_bg.gif) repeat-x top;
   }
   
   #toppic {
  background: url(images/splash_big.jpg) no-repeat center center;
   }
      #toppic2 {
  background: url(images/splash_small.jpg) no-repeat center center;
   }
#header h1 {
   margin: 0;
   padding: 25px;
   font-family: Arial, Georgia, serif;
   font-size: 150%;
   color: #374C0E;
   background: url(img/bulls-eye.gif) no-repeat top left;
   }
   
/* message row */

#message {
   margin: 0;
   padding: 10px;
   font-size: 90%;
   color: #cc9;
   text-align: center;
   background: #404530 url(img/message-bg.gif) repeat-x top left;
   }
#message strong {
   padding: 0 0 0 28px;
   background: url(img/pretzel.gif) no-repeat 0 50%;
   }
   
/* content */

   h2 {
   margin-top: 15px;
   margin-bottom: 5px;
   padding: 0;
   margin-left: 10px;
   font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
   font-size: 180%;
   color: #7A9168;
   font-weight: normal;
      text-transform: uppercase;
      text-align: right;
      text-shadow : rgb(0,0,0) 1px 1px 1px; 
   }
   
   h3 {
   margin-top: 0px;
   margin-bottom: 6px;
   margin-left: 15px;
   padding: 0;
   font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
   font-size: 140%;
   color: #E2E3A5;
   font-weight: normal;
   text-shadow : rgb(0,0,0) 1px 1px 1px; 
   }
   
      h4 {
   margin-top: 0px;
   margin-bottom: 3px;
   margin-left: 15px;
   padding: 0;
   font-family:Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
   font-size: 110%;
   color: #b8843e;
   font-weight: normal;
   }
         h5 {
   margin-top: 0px;
   margin-bottom: 3px;
   margin-left: 15px;
   padding: 0;
   font-family:Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
   font-size: 120%;
   color: #b8843e;
   font-weight: normal;
   }
   
/* members */  
   dl{width: 90%; margin: 1em 1em 1em 1em;
   padding: 1em;
}
dl.feature{width: 95%;}   
    dt,dd.email{font-size: 100%;}
dt{float: left;padding-right: 3px;color: #bac0c0;}
dd{margin:0}
dd.email{float: right;padding-left: 3px;color: #AAA;}

dd.description{float: left;width: 80%;padding: 3px 0;
   font: italic 100% Lucida Grande, Verdana, Sans-Serif;color: #ffc;}

/* sidebars */

.box { 
   margin: 10px 0 20px 0;
   padding: 0 0 12px 0;
   font-size: 85%;
   line-height: 1.8em;
   color: #666;
   background: #3c3c3c url(images/box-b.gif) no-repeat bottom right;
   }
.box h3 {
   margin: 5px 0 2px 0;
   padding: 15px;
   font-family:Georgia, Arial, Georgia, serif;
   font-size: 160%;
   font-weight: normal;
   color: #7A9168;
   text-transform: uppercase;
   background: #3c3c3c url(images/box-t.gif) no-repeat top left;
   }
.box p, .box ul {
   margin: 0;
   padding: 0 12px;
   }
.box ul li {
   margin: 1px 0 0 5px;
   padding: 1px 0 0 5px;
   font-size: 140%;
   list-style: none;
   font-family: "Palatino","Georgia","Times","serif";
   text-shadow : rgb(0,0,0) 1px 1px 1px; 
   background: url(img/li-bullet.gif) no-repeat 0 3px;
   text-align: right;
   }

/* footer */

#footer p {
   text-align: right;
   margin: 0;
   line-height: 150%;
   padding: 10px;
   font-size: 90%;
   background: #161616;
   color: #b8843e;
   border: 0px double #000; 
   }

/*  IE fixes */

#content, #sidebar, #footer {
   height: 1%;
   }
* html dl.feature { /* for IE5+6 */
   height: 1%; 
   }
*:first-child+html .feature { /* for IE7 */
   min-height: 1px; 
   } 
