body {
background-color:#f6f4f9;
margin: auto;
margin: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header {
background: url(images/header.jpg) no-repeat;
height: 426px;
width: 99%;
width: 808px;
margin: 0 auto;
}

#menu {
font-size: 12px;
padding: 0px 30px 0px 39px;
position: relative;
top: 60px;
}

#menu a:link {
text-decoration:none;
color:#000000;
}

#menu a:visited {
text-decoration:none;
color:#000000;
}

#menu a:hover{
text-decoration:underline;
color:#000000;
}

#contact {
font-size: 10px;
padding: 0px 30px 0px 50px;
position: relative;
top: 60px;
font-size:10px;
float: right;
color: #FFFFFF;
text-align: right;
right: 20px;
}

#intro {
font-size: 12px;
color: #000000;
position: relative;
top: -30px;
text-align:center;
left: -30px;
}

#header_text {
font-size: 45px;
color: #000000;
}

#content {
background: url(images/background_bar.jpg) repeat-y;
width: 99%;
width: 808px;
margin: 0 auto;
}

#pictures {
height:121px;
position: relative;
left: 42px;
top: -40px;
}

#image_line {
background: url(images/line.jpg) no-repeat;
width: 99%;
width: 808px;
margin: 0 auto;
position: relative;
left: -145px;
top: 10;
}

#header_bar {
background: url(images/header_text.jpg) no-repeat;
width: 99%;
width: 808px;
margin: 0 auto;
height:auto;
position:relative;
top:30px;
left: 50px;
}

#header_bar_text {
font-size: 12px;
color: #000000;
position: relative;
top: 50px;
width: 600px;
left: 95px;
}


#workshops {
background: url(images/workshops.jpg) no-repeat;
width: 99%;
width: 662px;
margin: 0 auto;
height: 400px;
position: relative;
left:-80px;
top: 20;
font-size: 11px
}

#workshops_content {
padding: 30px 0px 20px 30px;
}

p {
font-size: 11px;
color: #000000;
}

#footer {
background: url(images/footer.jpg) no-repeat;
width: 99%;
width: 808px;
margin: 0 auto;
height:250px;
}

#footer a:link {
text-decoration:none;
color:#ffffff;
position: relative;
top:40px;
padding: 0px 0px 15px 0px;
}

#footer a:visited {
text-decoration:none;
color:#ffffff;
position: relative;
top:40px;
padding: 0px 0px 15px 0px;
}

#footer a:hover{
text-decoration:underline;
color:#ffffff;
position: relative;
top:40px;
padding: 0px 0px 15px 0px;
}

#dd {
	position: relative;
	left: -5px;
	top: 55px;
}

#dd li {
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  color: #FFF;
  width: 169px;
  text-decoration: none;
}

#dd li a.menu:hover {
}

.submenu {
  background: #f9f8fd;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 1;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #3c2077;
}

.submenu a:hover {
  background: #3c2077;
  color: #FFF;
}