/* CSS Document */
body {
background-color:#F9B96E;
background-image:url(../images/background.jpg);
background-position: top left;
background-repeat: no-repeat;
color:#111111;
font-size:14px;
font-family: Georgia, serif;
line-height:1.5em;
}

a:link {
color:#336633;
text-decoration:underline;
}

a:visited{
color:#336633;
text-decoration: underline;
}

a:hover{
color:#F9B96E;
text-decoration: underline;
font-size: 100%;
}

a:active{
color:#336633;
text-decoration: underline;
}

img{
float:right;
margin:10px -40px 10px 10px;
z-index: 20;
clear: right;
border-top:1px solid #555555;
border-right:1px solid #555555;
border-bottom:3px solid #555555;
border-left:2px solid #555555;
}

img.leftflt{
float:left;
margin:10px 10px 10px -40px;
z-index: 20;
clear: right;
}

ul {
list-style: none;
}
li {
background-image: url(../images/ombullet.gif);
background-repeat:no-repeat;
line-height:1.5em;
background-position:0px .5em;
padding: 0 0 1.2em 26px;

}

table{
width: 100%;
border-collapse:collapse;
}

td, th{
border-bottom: 1px solid #F9B96E;
}

.newline td, .newline th{
border-top:3px solid #F9B96E;
padding-top:10px;
}

h2{
font-size:18px;
letter-spacing:.5em;
font-variant:small-caps;
font-style:bold;
text-align:center;
margin:20px 10px -20px 10px;
color:#333333;
}

h3{
font-size:16px;
font-style:bold;
font-variant:small-caps;
height:30px;
margin:20px 10px 0px -30px;
padding:15px 0px 0px 60px;
background:url(../images/bullet.gif) no-repeat 0px 50%;
clear: left;
color:#F88C0C;
}

h4{
font-size:14px;
font-style:bold;
text-align:left;
color:#111111;
}


h5{
font-size:12px;
font-style:bold;
text-align:center;
color:#111111;
/*font-variant:small-caps;*/
letter-spacing:.1em;
margin-top:.5em;
}

#logo {
text-indent: -5000px;
height: 140px;
/*width: 500px;*/
background:url(../images/logo.gif) center top no-repeat;
background-position: center 15px;
margin-left: 180px;
margin-right:8%;
}

#navbar{
margin:0 8% 10px 180px;
}


#navlist {
/*text-align: center;*/
margin-left: 180px;
margin-right:8%;
padding: 0;
height: 20px;
list-style: none;
display: inline;
overlow: hidden;
/*text-decoration: none;*/
/*font-size:16px;
word-spacing:19px;*/
}

#navlist li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#navlist a {
float:left;
padding:20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:20px; /* for IE5/Win only */
}

#navlist a:hover {
background-position: center -20px;
}

#navlist a:active, #navlist a.selected {
background-position: center -40px;
}

#about a {
width: 12.32%;
background: url(../images/navbar_about.gif) top center no-repeat;
}

#courses a {
width: 14.29%;
background: url(../images/navbar_courses.gif) top center no-repeat;
}

#schedule a {
width: 15.97%;
background: url(../images/navbar_schedule.gif) top center no-repeat;
}

#contact a {
width: 15.41%;
background: url(../images/navbar_contact.gif) top center no-repeat;
}

#workshops a {
width: 20.73%;
background: url(../images/navbar_workshops.gif) top center no-repeat;
}

#instructors a {
width: 21.29%;
background: url(../images/navbar_instructors.gif) top center no-repeat;
}

#content{
background-color:#FCDCB7;
background-image:url(../images/backgroundfade.jpg);
background-position: -188px -193px;
background-repeat: no-repeat;
text-align:left;
padding:10px;
margin-left: 180px;
margin-right:8%;
vertical-align:top;
}

#footer{
/*background-color:#F9B96E;*/
text-align:center;
position:relative;
padding:10px;
margin:0px 8% -10px 180px;
vertical-align:top;
clear:both;
}

#calendar {
font-size:12px;
font-family: veranada;
text-align:center;
line-height:1.7em;
border-top: 1px solid #F9B96E;
border-left: 1px solid #F9B96E;
border-collapse: collapse;
}

#calendar th, #calendar td{
padding: 5px;
border-right: 1px solid #F9B96E;
border-bottom: 1px solid #F9B96E;
}

#calendar th{
width:12%;
}

#calendar a, * html #calendar{position: relative; }

#tooltip {
  position:absolute;
  top:0; left:0;
  visibility: hidden;
  width: 200px;
  color:#000000;
  font: 10px Verdana, Arial, Helvetica;
  border: 1px solid #F9B96E;
  padding: 5px;
  background-color: #FEF5EA;
  opacity: 0.8;
}

td span.infotag { cursor: help; }

.address{
margin-left:5%;
}



