body {background: url(/global/elements/bg.jpg) top left repeat; margin: 0; padding: 0; text-align: center; font: 13px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; color: #333;}
body img {border: 0;}

#wrapper  {border: 1px solid #a1a5a9; width: 800px; margin: 25px auto 0; text-align: left; background: url(/global/elements/wrapperbg.jpg) top left repeat;}

#globalnav {width: 800px; height: 85px; border-bottom: 1px solid #a1a5a9; background: url(/global/elements/navbg.jpg) top left no-repeat;}

#nav {width: 659px; float: right;}
#nav td {text-align: center; padding: 0 10px; margin: 0;}
#nav td.title {padding: 0; border: 0; color: #52036A; height: 65px;}
#nav #workshops, #nav #contact, #nav #resources {width: 164px; border: 1px solid #a1a5a9; border-width: 1px 0 0 1px; padding: 3px 0;}
#nav #mission {width: 163px; border: 1px solid #a1a5a9; border-width: 1px 0 0 0; padding: 3px 0;}
#nav td a, #nav td a:visited {color: #52036A; text-decoration: none; font-size: 11px; font-weight: bold;}
#nav td a:hover {text-decoration: none; color: #9804C5;}
#nav td a.block {display: block; width: 162px;}

#main, #breadcrumb, #footer {width: 800px; margin: 15px auto; text-align: left;}

#content {float: left; width: 510px; padding: 20px 0 20px 20px; font-size: 13px;}
#content h3, #sidebar h3 {color: #930; padding: 0 0 3px 0; margin: 0;} 
#content h4 {margin: 0 0 8px 0; color: #930; font-size: 13px;} 
#sidebar h3 {font-size: 12px;}
#content p, #sidebar p {padding: 0; margin: 0 0 1em 0; line-height: 140%;} 
#content p.end, #sidebar p.end {margin: 0;}
#content a, #content a:visited, #sidebar a, #sidebar a:visited, #footer a, #footer a:visited {text-decoration: none; color: #609;}
#content a:hover, #sidebar a:hover, #footer a:hover {text-decoration: underline; color: #90c;}

#content .subcol1-2 {float: left; width: 240px;}
#content .subcol2-2 {float: right; width: 240px;}
#content .subcol1-3, #content .subcol2-3, #content .subcol3-3 {width: 135px; float: left;}
#content .subcol1-3, #content .subcol2-3 {margin-right: 22px;}

#sidebar {float: right; width: 220px; padding: 20px 20px 20px 0; font-size: 12px;}

#content ul, #sidebar ul {list-style: square outside; margin: 0 0 0 16px; padding: 10px 0 10px; color: #333;}
#content ul li, #sidebar ul li {padding-bottom: 5px; font-size: 11px;}
#content ul li a, #sidebar ul li a {color: #609;}

#content p.last, #sidebar p.last {margin: 0px;}

#sidebar .details {border: 1px solid #a1a5a9; padding: 8px 10px 0px 10px; background: url(/global/elements/detailsbg.jpg) top left repeat; margin-top: 1em; font-size: 11px;}
#sidebar .details ul {color: #666; padding: 5px 0 5px;}
#sidebar .details h2 {font-size: 13px; margin: 0 -10px 10px; padding: 0 5px 5px 10px; border-bottom: 1px solid #a1a5a9; color: #930;}
#sidebar .details h4 {font-size: 12px; margin: 0; padding: 5px 0 0 0; color: #666;}

#sidebar form select {width: 198px;}
#sidebar .lite {color: #666;}

#sidebar h3.new {background: url(/global/elements/new.jpg) top left no-repeat; padding-left: 43px; padding-right: 8px;}

img.left {float: left; margin: 4px 10px 5px 0;}
img.right {float: right; margin: 4px 0 5px 10px;}
img.across {margin: 0 0 10px 0;}
img.bordered {border: 1px solid #a1a5a9;}

div.box {border: 1px solid #a1a5a9; background: url(/global/elements/detailsbg.jpg) top left repeat;}
div.box.left {float: left; margin: 3px 12px 10px 0;}
div.box.right {float: right; margin: 3px 0 10px 10px;}
div.box h5 {padding: 5px 5px 5px 8px; margin: -3px 0 0 0; border-top: 1px solid #a1a5a9; color: #666; font-size: 10px;}
*html div.box h5 {margin: 0 0 0 0;}
div.quotebox {width: 260px; border: 1px solid #a1a5a9; margin-bottom: 14px; background: url(/global/elements/detailsbg.jpg) top left repeat;}
div.quote {width: 200px; padding: 5px 15px 0 30px; background: url(/global/elements/beginquote.jpg) top left no-repeat; margin: 5px; color: #52036A;}
div.quote .attribute {width: 185px; min-height: 18px; text-align: right; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; background: url(/global/elements/endquote.jpg) bottom right no-repeat; padding: 6px 30px 0 0;}
div.quotebox.left {float: left; margin: 4px 10px 10px 0;}
div.quotebox.right {float: right; margin: 4px 0 10px 10px;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#footer  {width: 802px; margin: 0 auto 20px; text-align: center; font-size: smaller; color: #888; background: url(/global/elements/footerbg.jpg) top left no-repeat;}
#footer p {padding: 18px 0; margin: 0;}

#sidebar .register {padding: 10px 0 0 0; margin: 0;}
#sidebar .register.cart {padding-bottom: 10px;}
#sidebar form {padding: 0; margin: 0;}

#bodymission #nav #mission a, #bodyworkshops #nav #workshops a, #bodycontact #nav #contact a, #bodyresources #nav #resources a {color: #9804C5;}
