body {
text-align: center;
background: #f6f6f6 url(img/rtp.gif) repeat-x 0px 0px;
margin: 0px;
padding: 0px;
color: #3E606F;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
}

#wrapper {
width: 605px;
background-color: #fafafa;
text-align: left;
margin-top: 25px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
border: 1px solid #aeaeae;
-webkit-box-shadow: 2px 2px 3px #aeaeae;
-moz-box-shadow: 1px 1px 3px #aeaeae;
box-shadow: 1px 1px 3px #aeaeae;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
}

/* Header */

#header {
width: 100%;
background: #fff;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 3px;
}

/* Nav */

#navcontainer ul {
padding: .4em 0;
margin: 0;
list-style-type: none;
color: #FFF;
width: 100%;
background-image: url(img/nav_bg.gif);
font: normal small-caps 95%;
text-align: center;
border-bottom: 1px solid #ccc;
}

#navcontainer li { 
display: inline 
}

#navcontainer li a {
text-decoration: none;
color: #555;
padding: .2em 1em;
}

#navcontainer li a:hover { 
color: #e93c31 
}

#navcontainer li a.active { 
color: #e93c31 
}

/* Content */

#content {
width: 570px;
min-height: 100px;
/* for modern browsers */
height: auto !important;
/* for modern browsers */
height: 450px;
/* for IE5.x and IE6 */
background-color: #fafafa;
clear: both;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 20px;
}

#content ul {
padding-top: 0.5em;
padding-left: 5px;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
}

#content ul li {
color: #444;
list-style-position: outside;
font-size: 0.8em;
line-height: 1.5em;
opacity: 1;
}

#content ul.ndot {
padding-top: .5em;
padding-left: 0;
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
}

#content li.nodot {
color: #444;
list-style: none;
opacity: 1;
font-size: 0.85em;
line-height: 1.4em;
padding-bottom: 0.3em;
padding-left: 5px;
}

#content a {
color: #E93C31;
text-decoration: none;
}

#content a:hover {
color: #E93C31;
text-decoration: none;
border-bottom: 1px dashed #E93C31;
}

#content ul.altno {
margin: 0px;
list-style-type: none;
list-style-image: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}

#content ul.altno li {
font-size: 0.8em;
line-height: 1.5em;
padding-top: 0.25em;
margin: 0px;
padding-left: 5px;
}

.titlebx {
border: 1px solid #CCC;
padding-bottom: 5px;
display: block;
overflow: hidden;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
padding-right: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(245, 247, 245)), to(rgb(253, 255, 253)));
-moz-box-shadow: 2px 2px 3px #CCC;
-webkit-box-shadow: 2px 2px 3px #CCC;
box-shadow: 2px 2px 3px #CCC;
}

#content .titlebx h4 {
font-size: 1em;
padding-left: 5px;
}

#content .titlebx ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 5px;
}

#content .titlebx li {
color: #444;
opacity: 1;
font-size: 0.8em;
line-height: 1.6em;
padding-bottom: .4em;
}

p.quote {
border: thin solid #999;
margin-right: 15px;
padding-bottom: 8px;
padding-left: 25px;
}

#content .titlebx ul li span {
float: right;
padding-right: 10px;
clear: none;
}

#content .titlebx h5 {
margin-left: 10px;
font-size: 0.9em;
padding-top: 10px;
font-weight: normal;
color: #000;
}


#content .titlebx h6 {
margin-left: 10px;
font-size: 0.85em;
color: #333;
}

#content .titlebx h6.dothis {
font-weight: normal;
font-size: .75em;
}

#content .titlebx p {
font-size: 0.8em;
margin: 0px;
padding-left: 12px;
padding-top: 10px;
padding-bottom: 0px;
}

ul.dot li {
list-style-position: inside;
list-style-type: disc;
margin-left: 20px;
padding-left: 0;
}

/*Table*/

#content .titlebx table {
border-bottom: thin solid #D2DEDE;
border-left: thin solid #D2DEDE;
margin-bottom: 0.75em;
margin-left: 10px;
margin-top: 0.8em;
background-color: #FFF;
}

#content .titlebx td {
font-size: 0.7em;
border-top: thin solid #D2DEDE;
border-right: thin solid #D2DEDE;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
}

/* styles */

p {
font-size: 0.8em;
line-height: 1.6em;
color: #444;
margin: 0;
padding-top: 10px;
padding-left: 8px;
}

h4 {
font-size: 1.3em;
margin-bottom: 0;
margin-top: 10px;
margin-left: 5px;
}

h5 {
color: #333;
font-size: 1em;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 5px;
font-weight: normal;
}

h6 {
color: #666;
font: normal .9em "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 0;
padding-top: 0.7em;
}

.top { 
padding-top: .9em 
}

#pho {
float: left;
width: 112px;
margin: 0px;
padding: .8em 10px 0px 0px;
}

.bar {
width: 530px;
clear: both;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
margin-top: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
}

.righto { 
margin-left: 225px 
}

.sv {
font-weight: normal;
color: #000;
font-size: 1.15em;
margin: 0;
}

/* Form */

div#formcontainer {
width: 500px;
margin-left: 30px;
margin-top: 20px;
border: 1px dotted #FFF;
padding-top: 10px;
padding-left: 7px;
margin-bottom: 5px;
}

#formcontainer form { 
border: 0px none #CCC 
}

#formcontainer div.clearfix {
border-top: 1px none #CCC;
padding-bottom: 10px;
}

#formcontainer form label {
width: 80px;
font-size: .9em;
display: block;
padding-bottom: 0.5em;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { 
display: inline-block
}
 
* html .clearfix {
height: 1% 
}

.clearfix { 
display: block 
}

.lefto {
padding-left: 35px
}	

/* footer */

#footer {
width: 595px;
background-color: #E93C31;
margin-top: 5px;
margin-left: 0px;
font-size: .8em;
color: #FFF;
text-align: right;
height: 32px;
padding-right: 10px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
}

#footer form {
padding-top: 6px;
padding-right: 10px;
padding-bottom: 4px;
}

.leftface {
float: left;
margin: 0px;
padding: 0px;
}

/*Workshops*/

.adreg {
line-height: 1.5em;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
padding-left: 8px;
font-size: 0.8em;
}

.odd {
background: #EEE 
}

#address {
margin-bottom: 5em;
background: #FAFAFA;
}

#address p {
float: left;
padding-top: 0.5em;
padding-right: 0px;
margin-right: 0px;
}

.classtop { 
padding-bottom: 0.7em 
}

#header img { 
color: #000
}

#cli {
clear: both;
}

.infophoto {
margin-left: 61px;
margin-bottom: 0px;
margin-top: 7px;
}

.frameo {
padding: 8px 8px 0px;
border: 1px solid #BBB;
-webkit-box-shadow: 2px 2px 3px #aeaeae;
-moz-box-shadow: 1px 1px 3px #aeaeae;
box-shadow: 1px 1px 3px #aeaeae;
}

