body {background: #595045 url(/img/pg_bg.gif) top center repeat-y; font-family: Verdana, Arial, Helvetica, sans-serif;}
hr {clear: both; display: block; height: 0; width: 100%; margin: 0; padding: 0; visibility: hidden;}
a {color: #595045;}

#wrap {width: 944px; margin: 80px auto 20px auto; padding: 0; position: relative; top: 0; left: 0; background: #d9d0c1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

#accessibility {display: none;}

#header {height: 80px; padding: 0; margin: 0;}
#header h1 b {display: none;}
#header h1 {background: url(/img/logo-trans.png) top left no-repeat; height: 125px; width: 334px; position: absolute; top: -75px; left: 625px;}
#header p {float: left; width: 550px; margin: 15px 0 0 30px; font-size: 22px; line-height: 26px; text-align: center; font-family: 'RabioheadRegular',serif;}

#content {margin: 0; padding: 0 39px;}
#flashcontainer {clear: both; height: 440px; position: relative; top: 0; margin: 0;}
#flashframe {width: 944px; height: 440px; background: url(/img/slideshow_frame-trans.png) top left no-repeat; position: absolute; top: -20px; left: -39px;}
#flashcontent {position: absolute; top: 64px; left: 158px; z-index: 0;}

#navigation {list-style-type: none; margin: 0; padding: 7px; position: absolute; top: 160px; right: 15px; background-color: rgb(217,208,193); background-color: rgba(217,208,193,0.7); font-family: 'ChalkdusterRegular', sans-serif; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #000;}
#navigation li {margin: 3px 0;}
#navigation a {display: block; color: #000; text-decoration: none; padding: 3px 5px;}
#navigation a:hover {background-color: rgba(89,80,69,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.secnav {top: 100px !important;}

#upcoming {width: 390px; float: right; margin: 0 0 0 20px;}
#aboutus {width: 390px; float: left; margin: 0 20px 0 0; font-size: 12px; text-align: justify; line-height: 18px;}

h2 {font-size: 23px; line-height: normal; font-weight: normal; font-family: 'ChalkdusterRegular', sans-serif; border-bottom: 1px solid #999; text-shadow: 0 2px 2px rgba(89,80,69,0.7);}
h3 {font-size: 18px; line-height: normal; font-weight: normal; font-family: 'ChalkdusterRegular', sans-serif; text-shadow: 0 2px 2px rgba(89,80,69,0.7); color: #444; border-top: 1px solid #888; padding-top: 5px;}
blockquote {background: #cfc6b8 url(/img/quotes.gif) top left no-repeat; padding: 20px 20px 20px 110px; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
cite {text-align: right; display: block; font-family: 'VAG-HandWrittenVAG-HandWritten', serif; font-size: 20px;}

#pagecontent {width: 630px; float: left; min-height: 400px; font-size: 12px; line-height: 18px;}

.avail {color: #5378c5; display: block;}

/* Workshops */
.pgmdate {color: #667302; margin: 0; font-weight: bold;}
.location {color: #444; margin: 0; font-weight: bold;}
#appphoto {background: url(/img/workshops/detail.jpg) top left no-repeat;}
#commphoto {background: url(/img/workshops/group.jpg) top left no-repeat;}
#carpphoto {background: url(/img/workshops/carpentry.jpg) top left no-repeat;}
.fullr {float: right; margin-left: 15px;}

/* Instructors */
.biophoto {float: left; margin: 0 10px 10px 0; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg); border: 1px solid #d9d0c1;}
.biophotor {float: right; margin: 0 0 10px 10px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg); border: 3px solid #d9d0c1;}
#patbio {background: url(/img/pat.jpg) top left no-repeat;}
#elkebio {background: url(/img/elke.jpg) top left no-repeat;}
#tracybio {background: url(/img/tracy.jpg) top left no-repeat;}
.maillink {text-align: right;}
.timeline {width: 80%; margin: 0 auto;}
.timeline dt {float: left; clear: left;}
.timeline dd {float: right; clear: right;}

/* Photo Gallery */
.photogroup {border: 2px solid #595045; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px; background-color: rgba(89,80,69,0.3); margin: 5px 0; position: relative;}
.photogroup h3 {margin-top: 0; text-align: center; text-transform: uppercase; border-top: 0; padding-top: 0;}
.photogroup img {padding: 2px; border: 0; margin: 5px auto 0 auto; display: block;}
.photogroup a {display: block; margin-bottom: 22px;}
.playcontrol {position: absolute; top: 167px; left: 250px; width: 100px; height: 100px; padding: 0 !important; border: 0 !important; margin: 0 !important; z-index: 100;}
.photol {-webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg);}
.photor {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); transform: rotate(4deg);}
#slide-images, #slide-images2, #slide-images3, #slide-images4, #slide-images5, #slide-images6, #slide-images7, #slide-images8, #slide-images9, #slide-images10, #slide-images11, #slide-images12, #slide-images13, #slide-images14 {position:relative; display:block; margin: 0 auto; padding:0; width:500px; height:334px; overflow:hidden;}

dt {color: #667302; font-size: 12px; font-weight: bold;}
dd.date {font-size: 10px; margin: 5px 0 10px 0; padding: 0;}
dd.descrip {font-size: 12px; line-height: 17px; margin: 0 0 15px 0; padding: 0; text-align: justify;}

#footer {margin: 0; padding: 20px 0 5px 0; text-align: right;}
#footer p {margin: 0; font-size: 10px;}
#footer p a {color: #999;}

.photogroup input[type=text] {border: 0; font-size: 12px; width: 350px; padding: 4px;}
.photogroup input[type=submit] {margin: 7px 0 0 0; float: right;}
.photogroup label.txtlbl {text-transform: uppercase; font-size: 10px; display: block; margin: 7px 0 0 0; padding: 0; width: 250px;}