*{margin: 0; padding: 0;}
img{border: none;}

body{background: #fff url('images/body-bg.gif') repeat-x; font-family: arial, verdana, tahoma; font-size: 12px; line-height: 150%;}
#wrapper{width: 785px; margin: 20px auto; background: #fff; border-bottom: 1px solid #ACB0DD;background: #fff url('images/wrapper-bg.gif') repeat-y;
box-shadow: 0 0 20px #888;
-webkit-box-shadow: 0 0 20px #888;
-moz-box-shadow: 0 0 20px #888;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#888, offX=0, offY=0, positive=true);
}

#main {padding: 25px 20px;float: left; width: 565px;}
#sidebar {padding: 25px 15px; float: left; width: 150px;}

#banner img{display: block;}

#tagline{padding: 15px; font-style: italic; font-family: georgia, verdana, tahoma; color: #666; text-align: right; font-size: 16px; background: #fff;}

#navigation{text-align: right;}
#navigation ul li {list-style-type: none; margin-bottom: 10px; padding-right: 10px; height: 28px;}
#navigation ul li a{color: #000; text-decoration: none; padding: 6px 10px; font-size: 14px; line-height: 28px;}
#navigation ul li#active{background: url('images/active-arrow.gif') 100% 50% no-repeat;}
#navigation ul li#active a{color: #fff;background: url('images/active-bg.gif') repeat-x;}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{color: #018675; font-weight: normal; margin-bottom: 18px; font-size: 24px;}
#main p, #main ul{margin-bottom: 18px;}
#main ul {margin-left: 15px;}

.clr {clear: both;}

#footer {text-align: center; color: #666;margin-bottom: 20px;}
#footer a{color: #666;}
#footer table{margin: 10px auto;}