/********************** Clearfix **********************/
*	            { margin: 0px; padding: 0px; }
.clearfix:after	{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }

/********************** Body **********************/

body {
     background: #222222 url(images/bg.jpg) repeat-x;
     font-family: trebuchet ms,tahoma, arial;
     font-size: 12px;
     margin: 0px;
     padding: 0px;
     text-align:center;
     }

#container {
           width:800px;
           margin: 0px auto;
           }
           
p {
  text-indent: 15pt;
  }
  
img {
  border:none;
  }
           
h1 {
   font-family:arial;
   text-align:center;
   color:#ffd957;
   font-size:2.0em;
   background:url(images/underline.jpg) no-repeat;
   background-position:bottom;
   margin-bottom:0px;
   }
           
h3 {
   font-family:arial;
   text-align:center;
   color:#ffd957;
   font-size:18;
   background:url(images/underline.jpg) no-repeat;
   background-position:bottom;
   padding-bottom:5px;
   }
   
h4 {
   font-family:arial;
   text-align:center;
   color:#ffd957;
   font-size:16;
   background:url(images/underline.jpg) no-repeat;
   background-position:bottom;
   padding-bottom:5px;
   }
   
h5 {
   color:#cdcdcd;
   font-family: trebuchet ms,tahoma, arial;
   text-align:center;
   font-size:12;
   }
    
/********************** Logo **********************/

#logo {
      float:right;
      background:url(images/logo.jpg) no-repeat;
      height:100px;
      width:300px;
      }   
/********************** Nav **********************/

#nav {
     float:left;
     list-style: none;
     text-transform:uppercase;
     font-size: 1.0em;
     font-family:verdana;
     height:100px;
     width: 500px;
     background-color: #352e41;
     }
     
#nav li {
     display: inline;
     }
     
#nav li.browse {
     border: none;
     }
     
#nav a {
     color: #777;
     text-decoration: none;     
     display:block;
     width: 100px;
     height:100px;
     float: left;
     text-align: center;
     background:url(images/navbg.jpg) no-repeat;
     padding: 50px 0px 0px;
     }
         
#nav a:hover {
     color: #fff;
     background:url(images/navhover.jpg) no-repeat;     
     }
     
#nav .current a {
     color: #fff;
     background:url(images/navhover.jpg) no-repeat;
     cursor: default;
     }
         
/********************** Sidebar **********************/

#sidebar-left {
     float:left;
     color:#fff;
     text-align:left;
     height:300px;
     width:300px;
     padding:0px;
     background-color: #1a1128;
     }

#sidebar {
         float:left;
         font-size:1.2em;
         font-family:verdana;
         color:#fff;
         text-align:center;
         height:280px;
         width:280px;
         padding:5px 0px 5px 10px;
         background-color: #1a1128;
         }
         
#sidebar li {
            display:block;
            }
     
#sidebar li.browse {
     border: none;
     }
     
#sidebar a {
     color: #cdcdcd;
     text-decoration:none;     
     display:block;
     width: 285px;
     height:32px;
     float: left;
     text-align: center;
     background:#1a1128;
     margin-bottom:5px;
     padding: 20px 0px 0px;
     border:1px solid #8d64b3;
     }
     
#sidebar a:hover {
     color: #fff;
     background:#392f47;     
     }
     
#sidebar .current a {
     color: #fff;
     background:#392f47;
     cursor: default;
     }
     
/********************** Content **********************/

#upper {
     width: 800px;
     padding: 0px;
     margin:0px 0px 0px 0px;
     }
     
#left {
     float:left;
     color:#fff;
     text-align:left;
     height:260px;
     width:260px;
     padding:20px;
     background-color: #1a1128;
     }
     
#right {
     float:right;
     height:295px;
     width:500px;
     padding: 5px 0px 0px 0px;
     background-color: #1a1128;
     }

#lower {
     float:left;
     width: 800px;
     color:#cdcdcd;
     padding: 0px;
     margin-top:10px;
     }
     
#lower-left {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:238px;
     height:195px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     margin-right:25px;
     background-color: #222;
     
     }

#lower-center {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:238px;
     height:195px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     margin-right:25px;
     background-color: #222;
     }
     
#lower-right {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:238px;
     height:195px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     background-color: #222;
     }

#meet-left {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:378px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     margin-right:20px;
     background-color: #222;
     }
     
#meet-right {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:378px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     background-color: #222;
     }
     
#counsel-left {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:378px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     margin-right:20px;
     background-color: #222;
     }
     
#counsel-right {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:378px;
     height:456px;
     border:1px solid #333;
     padding: 5px;
     margin-top:5px;
     background-color: #222;
     }
     
#lower-services {
     float:left;
     color:#cdcdcd;
     text-align:left;
     width:758px;
     border:1px solid #333;
     padding: 20px;
     margin-top:5px;
     margin-right:0px;
     background-color: #222;
     }
     
/********************** Footer **********************/

#footer {
        float:left;
        color:#444;
        background-color:#222;
        margin:0px auto;
        text-align:center;
        width:800px;
        margin-top:25px;
        }