/* Basic Elements */
html, body {
   margin: 0;
   }
body{
   background:#272727;
   color:#BFBFBF;
   font-size:14px;
   font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


/* This class sets the width and position for all rows */
.inside{
   width:80%;
   min-width:65em;
   max-width:85em;
   margin:0 auto;
}

a{
   color:#FFF;
}

h1{
   color:#CCC;
   font-size:1.5em;
   font-weight:normal;
   margin:1.5em 0;
}

h2, h3{
   font-size:1.25em;
   color:#FFF;
   font-weight:bold;
}
#left h2{
   text-align:center;
   padding:2em;
}
#left h3{
  padding: 1em;
}
p{
   line-height:1.75em;
   text-align:justify;
   padding:0.25em;
}

ul li{
   list-style-type:square;
   margin:0.5em 0 0.5em 2em;
}

blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}

pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}

table{
   width:100%;
   border-spacing:2px;
   margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
   background:#CCC;
   color:#000;
   text-align:left;
}
table td{
   background:#333;
   color:#FFF;
}
table caption{
   text-align:left;
   color:#FFF;
   margin-bottom:-1em;
   margin-top:1em;
}

.rule{
   border-top:1px solid #CCC;
   height:1px;
   font-size:1px;
   line-height:1px;
   margin:1.5em 0;
}
/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {
   width: 100%;
   margin:0px;
   }

#header .inside{
 padding:3em 0;
}
#header #logo {float:left;
}
#header h1{
   font-size:3em;
   margin: 0 0.5em 0 300px;
   padding:2em 0 0 0;
   letter-spacing:0.3em;

}
#header h2 a{ text-decoration:none; }

#header p{
   padding:5em 0;
   font-size:2em;
   margin-left:300px;
   line-height:1em;
}

#container {
   width: 100%;
   margin: 0 auto;
   }

#wrapper {
   float: left;
   width: 100%;
   margin-bottom: 20px;
   
   } 
#content {
   margin: 0 0px 0 250px;
   }
#left {margin-top: -30px;
   float: left;
   width: 250px;
   margin-left: -100%;
   }
#right {
   float: left;
   width: 250px;
   margin-left: -250px;
   }
#footer {
   clear: both;
   border-top: 1px solid #cecece;
   text-align: center;
   padding: 5px 10px;
   color: #fff;
   background: #666;
   }

/* Sidebar */

#sidebar {
  margin:4em 0 0 1em;
   width:225px;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   border-bottom: 1px solid #cecece;
   }
#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   }
#sidebar li {
   border-top: 1px dotted #cecece;
   }
#sidebar li a {
   display: block;
   font-weight: bold;
   font-size: 1em;
   border-right: 7px solid #cecece;
   text-decoration: none;
   padding: 7px 0 4px 20px;
   }
#sidebar li a:hover {
   color: #CC3333;
   border-right: 7px solid #CC3333;
   }
   #left p{
   
   padding: 1em 2em 1em 0.25em;
   }
   
#left{
border-right: 10px solid #333;
}
#content{
padding: 0 2em 0 3em;
}