/* CSS Document */

body {height: 100%; background-image:url(../../img/background.gif); background-repeat:repeat-y; margin: 0px; padding: 0px; font-size: 0.8em; }

#wrapper {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #333366; }
#wrapper h1 {display:none;}
#left {width: 230px; float:left; color: #FFFFFF; text-align:right;}

#left .mainmenu {margin-top: 100px; margin-right: 10px; display: none; }

#left .mainmenu h3 {font-size: 0.85em; }
img.print { display:none }

#left .mainmenu ul { width: 100%; padding: 0px; margin: 0px; font-size: 0.85em; }
#left .mainmenu li { list-style: none; font-weight:bold; color: #6699cc; width: 100%; padding-bottom: 15px;}
#left .mainmenu li a { color: #6699cc; text-decoration: none}
#left .mainmenu li a:hover { color: #ffffff; }
#left .mainmenu li:hover { color: #ffffff;}

#left .mainmenu li.gift { list-style:none; font-size: 1.3em; margin-top:10px; }
#left .mainmenu li.gift a{ color:#FFFFFF; }

#content {float: left; padding-left: 30px; width: 630px;  padding-bottom: 20px;}
#content .header {padding-bottom: 20px}

#content .header .logo {width: 213px; height: 110px; background-image:url(../../img/logo.gif);}
#content a {text-decoration: none; color: #6699cc; border-bottom:1px dotted #6699cc; font-weight:bold;}
#content a:hover {color: #333366; border-bottom:1px dotted #333366; }
p { text-align:justify;}
p.introtext { color: #333366; font-weight:bold; }
p.sidetext {color: #336699}

#content h4 {  margin:16px 0 5px 0;color:#336699; }

#content h3.title { padding: 0px 0px 5px 0px; font-size:1.5em; font-style:italic; border-bottom: 1px solid #FFFFFF; color: #336699;}

#content ul.workshoplist {padding: 0px 0px 0px 10px; margin:0px;  }
#content ul.workshoplist li.workshoplist {padding-bottom: 5px; clear:left }
#content ul.workshoplist li.workshoplist a.workshoplist {border:0px; color: #333366; font-weight:normal; font-size: 1.1em;}
#content ul.workshoplist li.workshoplist .month {width: 40px; display: block; float:left}
#content ul.workshoplist li.workshoplist .day {width: 140px; display: block; float:left }
#content ul.workshoplist li.workshoplist .title { }

.workshops .workshop {padding: 15px 0px 15px 0px; width: 520px; }
.workshops .workshop .wsleft{width: 100px; float: left;}
.workshops .workshop .wsright{width: 400px; float: left; padding: 0px 0px 0px 20px;}
.workshops .workshop .wsright h4{padding: 0px 0px 5px 0px; margin: 0px; font-size:1.2em; color: #336699;}
.workshops .workshop .wsright .with {height: 20px; width: 250px; float:left; font-weight:bold; padding: 0px 0px 10px 0px;}
.workshops .workshop .wsright .type {height: 20px; width: 150px; float:left; font-weight:bold; text-align:right; padding: 0px 0px 10px 0px;}
.workshops .hr{border-bottom: 1px solid #FFFFFF; padding: 0px 0px 15px 0px;}
.workshops hr {display:none;}


#content .left {float: left; width: 320px;}
#content .right {float: left; width: 270px; margin-left:20px;}

#footer {clear:left; margin-top: 30px; line-height: 1.8em;}

#footer .menu h3{ display: none;}
#footer .menu ul{ list-style: none; padding:0px; margin:0px; width: 500px; }
#footer .menu li{ display: inline; font-size: 0.85em; padding-right: 5px; }
#footer p {font-size: 0.85em; padding: 0px; margin-top:20px;}

#content p.w3Icons a {border: 0px; padding-right: 20px;}