#imageloader {background: url(images/m1sm.gif); background: url(images/m1lg.gif); background: url(images/m2sm.gif); background: url(images/m2lg.gif); background: url(images/m3sm.gif); background: url(images/m3lg.gif); background: url(images/m4sm.gif); background: url(images/m4lg.gif); background: url(images/m5sm.gif); background: url(images/m5lg.gif); background: url(images/m6sm.gif); background: url(images/m6lg.gif); background: url(images/m7sm.gif); background: url(images/m7lg.gif); display: none;}

/* reset the css rules */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Begin styling */


html {margin: 0; padding: 0; background: url(img/htmlbg.jpg) top left repeat;}
body {margin: 0; padding: 0; background: transparent url(img/mpbg.jpg) top center no-repeat; font-family:Tahoma; font-size:11px; line-height: 11pt; color:#7D7D7D;}

a {text-decoration: underline; color: #7d7d7d;}
a:hover {color: #000;}

#header {width: 800px; height: 140px; margin: 0 auto;}
 #logo {width: 294px; height: 140px; float: left;}
 #doy {width: 294px; height: 104px; float: right; margin: 15px 65px 0 0;}
  #doy a {width: 175px; height: 104px; float: left;}

#page {width: 800px; margin: 0 auto; padding: 0;}

#leftside {width: 190px; float: left;}
 #leftside #menu {width: 170px; float: left;  margin-top: 50px;}
 #leftside #menu a {display: block; color: #fff; text-decoration: none; text-indent: -999em; padding: 12px 0 12px 0;}

  #leftside #menu .home {background: url(images/m1sm.gif) right no-repeat;}
   #leftside #menu .home:hover {background: url(images/m1lg.gif) right no-repeat;}
   #leftside #menu .home_act {background: url(images/m1md.gif) right no-repeat;}

  #leftside #menu .about {background: url(images/m2sm.gif) right no-repeat;}
   #leftside #menu .about:hover {background: url(images/m2lg.gif) right no-repeat;}
   #leftside #menu .about_act {background: url(images/m2md.gif) right no-repeat;}

  #leftside #menu .workshops {background: url(images/m3sm.gif) right no-repeat;}
   #leftside #menu .workshops:hover {background: url(images/m3lg.gif) right no-repeat;}
   #leftside #menu .workshops_act {background: url(images/m3md.gif) right no-repeat;}

  #leftside #menu .calendar {background: url(images/m4sm.gif) right no-repeat;}
   #leftside #menu .calendar:hover {background: url(images/m4lg.gif) right no-repeat;}
   #leftside #menu .calendar_act {background: url(images/m4md.gif) right no-repeat;}

  #leftside #menu .trunkshows {background: url(images/m5sm.gif) right no-repeat;}
   #leftside #menu .trunkshows:hover {background: url(images/m5lg.gif) right no-repeat;}
   #leftside #menu .trunkshows_act {background: url(images/m5md.gif) right no-repeat;}

  #leftside #menu .designer {background: url(images/m7sm.gif) right no-repeat;}
   #leftside #menu .designer:hover {background: url(images/m7lg.gif) right no-repeat;}
   #leftside #menu .designer_act {background: url(images/m7md.gif) right no-repeat;}

  #leftside #menu .contact {background: url(images/m6sm.gif) right no-repeat;}
   #leftside #menu .contact:hover {background: url(images/m6lg.gif) right no-repeat;}
   #leftside #menu .contact_act {background: url(images/m6md.gif) right no-repeat;}

 #leftside #emailupdates {width: 170px; float: left; margin-top: 15px; text-align: right;}
  #leftside #emailupdates a {color: #fff; text-decoration: none; font-weight: bold;}
  #leftside #emailupdates a:hover {text-decoration: underline;}

#rightside {width: 420px; min-height: 520px; float: left; background: #fff;}
 #rightside-inner {width: 420px; margin: 0; padding: 0;}

 .homepage #rightside {background: #fff url(images/6red.jpg) 0% 100% no-repeat;}
 .aboutpage #rightside, .contactpage #rightside, .workshopspage #rightside {background: #fff url(images/bggraycurve.gif) 0% 0% no-repeat;}


#copy {width: 390px; margin: 15px auto 0 auto; padding: 0 0 10px 0}
.workshopspage #copy p a {float: left; width: 50%; display: inline-block; text-decoration: none; text-align: center; margin: 5px 0px;}
.workshopspage #copy p a span {text-decoration: none; padding-left: 4px;}

.calendarpage #copy h2 {color: #666600;}
.calendarpage #copy h3 {color: #cc0000;}
.calendarpage #copy h4 {color: #cc0000; font-weight: normal;}

#footer {clear: both; width: 600px; margin: 0 auto; text-align: right; padding: 5px 0 0 0;}
 #footer a {margin-right: 90px; color: #333; text-decoration: none;}
 #footer a:hover {text-decoration: underline; color: #000;}

ul.accordion, ul.accordion ul {list-style-type:none; margin: 0; padding: 0; width: 100%;}
ul.accordion a {display: block; text-decoration: none;}
ul.accordion li {margin-top: 1px;}
ul.accordion li > a {background: #ddd; padding: 4px 6px;}
ul.accordion li > a.active {color: #fff; background: #afa00c;}
ul.accordion li > a:hover {background: #649619;}


td {text-align: left; vertical-align: top; font-family:Tahoma; font-size:11px; line-height: 11pt; color:#7D7D7D;}
a.n {text-decoration: none; color:#7D7D7D;}
a.dark {text-decoration: underline; color:#646464;}
.dark{color:#646464;}
a.y{text-decoration:none; color:#F2B653;}
.y{color:#F2B653;}
a.g{text-decoration:underline; color:#649619;}
.g{color:#649619;}
.copy{color:#406618;}
a.copy{color:#406618; text-decoration:none;}
.links_1 {font-family: Tahoma;font-size: 10px;line-height: 11px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
.links_2 {font-family: Tahoma;font-size: 10px;line-height: 11px;font-weight: bold;color: #ACD373;text-decoration: none;}
.sm {font-family: Tahoma;font-size: 8px;line-height: 11px;font-weight: bold;color: #ACD373;text-decoration: none;}
.sm2 {font-family: Tahoma;font-size: 9px;line-height: 11px;font-weight: bold;color: #7D7D7D;text-decoration: none;}