html,body{margin:0;padding:0}
body{background: #FFF; font: 12px arial; color: #555; font-weight: bold;}

div#logo {position: absolute; left: 10px; top: 0px; padding: 0px;}
div#menu {float: left; width: 100%;padding-top:90px;background: #AFCBD7; margin:0 auto;}
ul#nav,ul#nav li {list-style-type:none;margin:0;padding:0}
ul#nav {margin-left: 50px;width:500px}
ul#nav li {float:left;margin-right: 3px; text-align: center}
ul#nav a {float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666666;}
ul#nav a:hover {background: #666666;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF; color: #333}

div#container{width:770px ;padding:20px 0 10px; margin: 0 auto; text-align:left;background:#FFF; font: 12px verdana; line-height: 1.5em;}
div#content{float:left;display:inline;width:560px;margin:0 0 10px 10px; margin-top: 20px;}
div#constitution{float:left;display:inline;width:700px;margin:0 0 10px 10px; margin-top: 20px;}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;margin-bottom:10px;padding: 10px 0}
li#cellone{background: #70828A; color: #E7F1F8;}
li#celltwo{background: #95ADB8; color: #F5F5F5;}
ul#intro li#celltwo a {color: #330000; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#celltwo a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}
ul#intro li#cellthree {margin-right:0;background: #B2CFDB}
ul#intro li#cellthree a {color: #70828A; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#cellthree a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}
li#cellfour{background: #872187; color: #F7F1F8;}
li#cellfive{background: #BC2EBC; color: #F5F5F5;}
ul#intro li#cellfive a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}
ul#intro li#cellfive a {color: #330000; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#cellsix {margin-right:0;background: #D54FD5}
ul#intro li#cellsix a {color: #330000; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#cellsix a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}
li#cellseven{background: #B96F6F; color: #F7F1F8;}
li#celleight{background: #C48484; color: #F5F5F5;}
ul#intro li#celleight a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}
ul#intro li#celleight a {color: #330000; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#cellnine {margin-right:0;background: #C88E8E}
ul#intro li#cellnine a {color: #330000; font-weight: bold; text-decoration: none; padding: 0px;} 
ul#intro li#cellnine a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0px;}

ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF; font-size: 12px;}
ul#intro  a {color: #E7F1F8; font-weight: bold; text-decoration: none; padding: 2px;} 
ul#intro a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 2px;}

div#content h2{margin: 10px 0; color: #333333;}
div.date{float:left;width: 4em;padding: 5px 0;background: #ccc;color:#666;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #F5F5F5;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#E7F1F8}
div.comments h3 {padding: 10px;margin:0}
div.comments a {color: #70828A; font-weight: bold; text-decoration: none; padding: 2px;}
div.comments a:hover {color: #E7F1F8; background: #70828A; font-weight: bold; text-decoration: none; padding: 2px;}

div#eventtop {background: #95ADB8; color: #F5F5F5;}
#homefeature{background:#E7F1F8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px 10px;margin-bottom:10px;}


div#side{float:right;display:inline;width: 180px;background:  #E7F1F8; margin-top: 20px;}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}
div#side h1{margin:5px 0 10px;padding: 0 10px; font-size: 12px;}
div#side a {color: #70828A; font-weight: bold; text-decoration: none; padding: 2px;}
div#side a:hover {color: #E7F1F8; background: #70828A; font-weight: bold; text-decoration: none; padding: 2px;}


div#footer{clear:both;width:755px;margin:0 10px 0;padding: 10px 0;
    background: #70828A;color: #E7F1F8;text-align:center}
div#footer p{margin:0}