@import url(http://fonts.googleapis.com/css?family=Delius|Snippet|Quattrocento+Sans);

* { font-family: 'Quattrocento Sans', sans-serif;  }
html, body {margin: 0; padding: 0; background:  #fc6868; color: #333;}
a{text-decoration: none; color: #fc6868}
a:hover{text-decoration: underline}

.wrapper {padding: 5px;}
#upper-header{background: #648538;color: #fff; font-size: 110%; padding: 5px 10px;}
#upper-header ul {list-style:none; display: inline; padding: 0; margin: 0; }

#upper-header li { display: inline; padding: 5px 10px 5px 0; }
#upper-header li:after { content: ' | '; padding: 0 10px; }
#upper-header a{color: white}
#header{  background: #fff  url(img/chbg.png) 0 bottom  repeat-x;  } 
#header .wrapped{width: 80%; max-width: 1000px; margin: 0 auto;  padding: 10px; } 
 
#content .wrapped{width: 80%; max-width: 1000px; margin: 0 auto;   }
#content{padding: 0;  background: white;  }
#content-left, #content-right{width: 13%; maxi-width: 145px; float:left;  }
#content-right{padding: 5px 0 5px 5px;}
#content-left{padding: 5px 5px 5px 0;}
#content-center{width: 70%; max-width: 700px; float:left; padding: 5px;  }
#content .subwrapper1{  background:  url(img/bg1.png) right bottom no-repeat;  }

#logo {float: left; padding: 0 10px;}
.clear{clear:both}
.right{float: right}
.left{float:left}

#footer {text-align:center; background:  #fc6868; color: white; }
#footer a{ color:  white; }


h1 {font-size: 120%; font-family: 'Snippet', sans-serif; color: #648538;}