/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #6c0; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 71% verdana,arial,sans-serif; color: #333; background: #fc3 url(../images/template/bg-page.gif) 935px 25px no-repeat fixed; text-align: center; }

/* Headings,text
================================================================*/
#content p { clear: left; margin: 0 15px 0.8em 0;  }
#content ul { margin: 0 15px 1em 17px; }
#content li { margin-bottom: 0.5em; }
h1, h2, #info h4 { color: #6c0; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif;  }
h1 { margin: 0.3em 0 1.8em; padding: 0.3em 0.1em 0.4em; font-size: 1.5em;  letter-spacing: 0.1em; border: 1px dashed #fc0; border-width: 1px 0; }
h2, #info h4 { margin: 0 0 0.5em -22px; padding-left: 22px; line-height: 20px; font-size: 1.1em; background: url(../images/icons/subheading.gif) 0 2px no-repeat; }
#info h4 { /*display: inline;*/ margin-left: 5px; font-size: 1.3em; }
#info h4.major { margin-top: 2em; }
h2.major { margin-top: 1em; }
h3 { clear: left; float: left; padding-bottom: 0.2em; margin-bottom: 0.4em; border-bottom: 1px solid #fc3; white-space: nowrap; font-size: 1em; color: #666; }
h3.major { text-transform: uppercase; }

/* Forms
================================================================*/
textarea, input, select { font: 1em Verdana, Arial, sans-serif; color: #333; }
.folaigh { display: none; }
label { float: left; display: inline; width: 100px; }
form { padding: 1em 0; }
form p { padding-bottom: 0.5em; }
#content form p.actions { margin-left: 100px; }
#formContact textarea { width: 200px; height: 100px; }
#formContact textarea#address { height: 60px; }
#formContact .standard { width: 200px; }
#formContact label { font-weight: bold; }
form em { color: #6c0; display: block; font-style: normal; }

/* Structure
================================================================*/
#wrapper { position: relative; width: 879px; margin: 0 auto; text-align: left; min-height: 850px; height: auto; background: #fff url(../images/template/bg-wrapper.gif) bottom right no-repeat; border-left: 2px solid #999; border-right: 2px solid #999; }

* html #wrapper { height: 850px; }
* html #sidebar { height: 725px; }

#sidebar { float: left; display: inline; width: 319px; margin-right: 15px; padding-bottom: 125px; min-height: 725px; height: auto; background: url(../images/template/bg-sidebar.gif) 0 289px no-repeat; }

#branding img { margin: 28px 0 13px 31px; }
#nav, #contact { width: 268px; } 

#nav { position: relative; padding-top: 4px; }
#overlay { position: absolute; left: 0; top: 0; width: 87px; height: 169px; background:url(../images/template/bg-nav.gif) top left no-repeat; }

#nav ul, #nav li { list-style: none; }
#nav ul { border-top: 1px solid #fc3; }
#nav li { width: 268px; padding-bottom: 1px; line-height: 20px; border-bottom: 1px solid #fc3; font-family: 'trebuchet ms',helvetica,arial,sans-serif; letter-spacing: 1px; text-align: right; text-transform: uppercase; color: #666; }
#nav a { padding-left: 18px;  line-height: 20px; }
#nav a, #nav a:visited { color: #666; }
#nav li.current a, #nav a:hover { background: url(../images/icons/bullet-green.gif) center left no-repeat; text-decoration: none; }

#info { margin: 48px 0 0 91px; padding: 0 0 31px; float: left; display: inline; width: 177px; line-height: 1.4em; text-align: right; font-size: .9em; }
#info p, #info ul, #info ol { margin-bottom: 2.8em; }
/*#info ul, #info ol { margin-top: -1em; }*/
#info ul, #info li { text-align: left; }
#info ul li { margin-left: 17px; }
#info ol li { margin-left: 25px; }

#contact { position: absolute; bottom: 61px; left: 0; padding-top: 8px; border-top: 1px dashed #fc0; text-align: right; line-height: 1.2em; }
#contact p, #contact h3 { font-size: .9em; }
#contact h3 { float: none; border-bottom: 0;margin-bottom: 0; padding-bottom: 0; color: #333; }

#main { float: left; display: inline; width: 510px; }

#banners { width: 510px; height: 235px; margin-bottom: 21px; }
#banners ul, #banners li { list-style: none; }
#banners li { float: left; width: 255px; display: inline; }
#banners li img { display: block; }

#content { float: left; display: inline; width: 429px; margin: 0 10px; padding: 0 0 205px 61px; line-height: 1.3em; background: url(../images/template/bg-heading.gif) top left no-repeat; }

#banner { position: absolute; bottom: 0; right: 5px; width: 310px; height: 205px; }

/* Special cases
================================================================*/

/*workshops list*/
table.list { margin: 0 0 2em; }
table.list a { text-decoration: underline; }
table.list th { padding: 5px; border-top: 1px solid #6c0; border-bottom: 1px solid #6c0; font-weight: normal; text-align: left; }
table.list td { padding: 5px; border-bottom: 1px solid #fc3; }
table.list tr.alt td { background-color: #ffc; }
table.list th.date { width: 25%; }
table.list th.time { width: 18%; }
table.list th.cost { width: 13%; }
td { vertical-align: top; }

.workshop { clear: both; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #fc3; }
.workshop h2, .staff h2 { margin-bottom: 0; }
.workshop h3, .staff h3 { margin-bottom: 1.2em; }
.workshop h3 span { padding-bottom: 0.5em; border-bottom: 1px solid #fc3; }
.workshop h3 { float: none; color: #333; border-bottom: 0; }

/*staff and teachers*/
.staff { padding-bottom: 0.5em; }
.staff h2 { float: left; margin-top: 7px; }
.staff img { float: right; margin: 0 1px 8px 7px; }