/* CSS Document */

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


.blue { color:#336699}

#share span { display:none;  }

#share  {padding:10px 10px 10px 0; font-weight:bold; }


#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; }

#left .mainmenu h3 {font-size: 1em; margin: 20px 0 8px 0; padding:0;  color: #F90; font-style:italic;  }
ul { padding: 0 0 0 30px; margin: 0px;   }
h3 { padding: 20px 0 0 0; margin: 0px;  }
#left .mainmenu ul { width: 100%; padding: 0px; margin: 0px; font-size: 0.9em; }
#left .mainmenu li { list-style: none;  color: #6699cc; width: 100%; padding-bottom: 6px;}
#left .mainmenu li a { color: #E5E5E5; text-decoration: none}
#left .mainmenu li.active a { color: #fff; font-weight:bold; text-decoration: none;}
#left .mainmenu li a:hover { color: #ffffff;  text-decoration:underline; }
#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: 720px;  padding-bottom: 20px;}
#content .header {padding-bottom: 20px}

#content .header .logo {padding-top:10px;}
#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 .header .logo img.logo {border:0px; text-decoration:none}

#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 h3.title .new { color: #ff9900; font-style:normal; font-weight:bold; margin: 0px 10px 0px 0px}

#content ul.workshoplist {padding: 0px 0px 0px 14px; 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: 0.9em;}
#content ul.workshoplist li.workshoplist .month {width: 40px; display: compact }
#content ul.workshoplist li.workshoplist .day {width: 130px; display: compact }
#content ul.workshoplist li.workshoplist .title { }

#content table, #content th, #content td {
	border-collapse:collapse;
	border-style:none;
	border-width:0;
	border:0;
	border-color:#CCC;}
#content td { padding:3px;
vertical-align:text-top;}

.workshops .workshop {margin: 15px 0 15px 0; border-bottom:1px #FFF  solid;}


.workshops .workshop {padding: 15px 0px 15px 0px; float:left;  }
.workshops .workshop .wsleft{width: 300px; float: left;}

.workshops .workshop .wsleft .blue, .workshops .workshop .wsright .blue {color:#336699; font-weight:bold;}
.workshops .workshop .wsleft p {text-align:left;}
.workshops .workshop .wsleft h4{padding: 16px 0px 5px 0px; margin: 0px; font-size:1.2em; color: #336699;}
.workshops .workshop .wsright{width: 400px; float: left; padding: 0px 0px 0px 20px;}
.workshops .workshop .wsright h4{padding: 0px 0px 0px 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, #content .hr{border-bottom: 1px solid #FFFFFF; padding: 0px 0px 15px 0px; float:left;}
.workshops hr, #content hr {display:none;}

.wsleft { margin-top:16px;}

#content .left {float: left; width: 430px;}
#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;}

/* Sharethis widget */
a.stbutton {
padding:1px 0 5px 22px !important;
font-size: 1.3em !important;
font-weight: bold; !important;
}