body {margin: 0; padding: 0; background: #fff url(../img/bg.gif) repeat-x; font: 75% helvetica, arial, sans-serif; color: #333;}

a {color: #5d147a; outline: none;}
a:visited {color: #725d7a;}
a:hover {color: #338b68;}
img {border: 0;}
ul, li, ol {margin: 0; padding: 0;}
li span {display: block; font-size: 100%;}
p {margin: 0 0 12px;}
.hilight {background-color: #fdf9dd;}
hr {width: 30%; border: 1px solid #ddd; border-width: 1px 0 0; height: 1px; margin: 12px auto 20px;}

#logowrap, #navwrap, #contentwrap, #footerwrap div {width: 760px; margin: 0 auto;}
#logowrap {text-align: right; width: 755px; padding: 3px 5px 0 0;}

#navwrap {background: url(../img/bg-nav.gif) repeat-y; overflow: auto; margin-top: -46px;}
#navwrap img {float: left;}
#nav {float: left; width: 244px; list-style: none; background: url(../img/nav-sep.gif) right repeat-y; text-align: right;}
#nav li {margin-top: 1px; background: url(../img/bg-nav.gif) repeat-y;}
#nav li a {color: #5d147a; display: block; height: 22px; text-decoration: none; font-size: 120%; padding: 7px 15px 0;}
#nav li a:hover, #welcome #nav-welcome a, #about #nav-about a, #services #nav-services a, #calendar #nav-calendar a, #resources #nav-resources a, #contact #nav-contact a {font-weight: bold; background: url(../img/nav-hi.gif) right repeat-y;}
#nav #nav-home {margin-top: 0;}

#contentwrap {background: url(../img/bg-body.gif) repeat-y; padding: 20px 0 30px; position: relative;}
#content {margin: 0 45px 0 275px; line-height: 160%; min-height: 300px;}
#content .intro {font-size: 120%;}
#content ul, #content ol {margin: 0 20px 12px;}
#content li {margin-bottom: 6px; line-height: 140%;}
#content h1#title {text-indent: -2000px; position: relative; width: 448px; height: 63px; margin: 20px 0; border-top: 0;}
#content h1#title img {position: absolute; top: 0; left: 0;}
#content h1 {font-size: 140%; font-weight: normal; margin: 20px 0 6px; color: #666; margin: -26px 0 20px 0; position: relative; border-top: 1px solid #ddd; text-align: right;}
#content h2 {font-size: 130%; font-weight: normal; margin: 20px 0 6px;}
#testimonials p {font-size: 110%;}
#testimonials p.attr {font-size: 90%; color: #666; line-height: 1.4;}

#content table {border: 0; border-collapse: collapse; border-spacing: 0;}
#content td {vertical-align: top; padding: 0; padding: 8px 8px 8px 0;}
#content td h2 {margin-top: 0;}

#sidebar {width: 216px; position: absolute; top: 50px; left: 16px;}

#sidebar ul {text-align: right; list-style: none; margin: 0 0 40px;}
*html #sidebar ul li {margin-bottom: -14px;}
#sidebar ul li {margin: 0 8px 0;}
#sidebar ul li a {padding: 3px 12px; display: block;}
#sidebar ul li a:hover, #subnav li a.current {color: #5d147a; background: url(../img/nav-li.gif) right 6px no-repeat;}
#sidebar ul li a.current {font-weight: bold;}

#sidebar .sideblurb {margin: 0 0 20px 40px; font-size: 90%; line-height: 1.4;}
#sidebar .sideblurb .photo {background: url(../img/bg-photo.gif) no-repeat; height: 81px; width: 174px; padding: 5px 0 0 5px;}
#sidebar .sideblurb .photo img {display: block;}
#sidebar .sideblurb p {margin: 0 5px 6px;}
#sidebar .sideblurb a {font-weight: bold;}

#backtotop {float: right; font-size: 85%; padding-right: 10px; background: url(../img/icon-backtotop.gif) right 4px no-repeat;}

form {margin: 20px 0; padding: 8px; background: #f2edf4; overflow: auto;}
fieldset {border: 0;}
legend {font-size: 130%; font-weight: normal; padding: 8px 0;}
form hr {width: 100%; border-color: #b7a7bd; margin: 12px 0;}
form div {overflow: auto; margin: 0 0 2px;}
form div label {float: left; width: 64px; padding: 2px 8px 0 0;}
form div.wider label {width: auto;}
form .button {float: right;}
form div.nofloat label {float: none; display: block; width: auto;}
textarea {width: 98%; height: 120px;}
form div.missing {color: #900; font-weight: bold;}
form div.missing input, form div.missing textarea {background: #fdf9dd;}
.err ul {color: #900; font-weight: bold;}
#content .err ul li {margin-bottom: 2px;}

#footerwrap {height: 22px; background: #5d147a; color: #dfd0e4; font-size: 90%; clear: both;}
#footerwrap a {color: #dfd0e4;}
#footerwrap a:hover {color: #fff;}
#footerwrap div {padding: 4px 0;}
#ft-copyright {float: left; margin-left: 40px;}
#ft-contact {float: right; margin-right: 12px;}