html { 
   height: 100%; 
   margin: 0; 
   padding: 0 
}

body { 
   height: 100%;
   margin: 0; 
   padding: 0; 
   font-family: "Trebuchet MS", Verdana, sans-serif; 
   font-size: small 
}

#bg { 
   width: 100%; 
   height: 100%; 
   position: fixed; 
   top: 0; 
   left: 0; 
   z-index: -1 
}

#container {
   width: 790px;
   margin: 0 auto;
   padding: 0
}
   
#header { 
   height: 100px;
   position: relative; 
   margin: 8px 0 8px 0
}

#menubar {
   width: 100%;
   height: 47px;
   position: relative;
   margin: 0px auto;
   margin-bottom: 8px;
   padding: 4px 0 0 0;
   background: url(../images/backgroundmenu.gif);
   text-align: center;
}

ul.menu {
   margin: 0;
   padding: 0;
   line-height: 1.7em;
   vertical-align: top
}

ul.menu li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0
}

ul.menu li a {
   text-decoration: none;
   padding: 0 17px 0 17px;
   background: #FF99FF;
   border-top: #999 2px solid;
   border-right: #333 2px solid;
   border-bottom: #333 2px solid;
   border-left: #999 2px solid
}

ul.menu li a:link {
   color: black;
   text-decoration: none
}

ul.menu li a:hover {
   color: #333333;
   background: #FF00FF;
   border-top: #BBB 2px solid;
   border-right: #666 2px solid;
   border-bottom: #666 2px solid;
   bottom-left: #BBB 2px solid
}
 
ul.menu li a:active {
   color: white;
   background: #AA22AA;
   border-top: #333 2px solid;
   bottom-right: #999 2px solid;
   border-bottom: #999 2px solid;
   border-left: #333 2px solid
}

ul.menu li a:visited {
   color: #444;
   text-decoration: none;
   background: #FDC9FD;
}

ul.menu li a:visited:hover {
   color: #333;
   background: #FF00FF;
   border-top: #BBB 2px solid;
   border-right: #666 2px solid;
   border-bottom: #666 2px solid;
   border-left: #BBB 2px solid
}

ul.menu li a:visited:active {
   color: white;
   background: #AA22AA;
   border-top: #333 2px solid;
   border-right: #999 2px solid;
   border-bottom: #999 2px solid;
   border-left: #333 2px solid
}

img.menu { 
   margin: 0;
   padding: 0;
   border: 0
}

#content {
   width: 786px;
   margin: 0 0 1.4em 0;
   position: relative;
   text-align: left;
   background: #FFE4E4;
   filter:alpha(opacity=83);
   opacity:0.83;
   border: 2px #C3C3C3 solid
}

#contentcolumn {
   width: 511px; 
   float: left;
   margin: 0;
   padding: 0
}

#contentcolumn img { padding:0 0 1.4em 1.5em }

#content li {
   line-height: 1.4em;
   text-align: left;
   list-style-type: none;
   background: url(../images/list.png);
   background-repeat: no-repeat;
   background-position: 0 0.4em;
   margin: 0;
   padding:0 0 0 1.8em
}

#column.right {
   width: 275px;
   float: right;
   top: 0;
   padding: 0 0 1.5em 0;
}

#column.right img { padding: 0 0 1.4em 0 }

#footer {
   width: 100%;
   height: 9em;
   clear: both;
   margin: 0;
   padding: 8px 0 5px 0;
   padding: relative;
   top: 0; 
   background: url(../images/footer.png) 390px 17px no-repeat;
   background-color: #C3C3C3;
   filter:alpha(opacity=83);
   opacity: 0.83
} 

a:link { color: #730C73 }
a:hover { text-decoration: none; color: #AA22AA }
a:visited { text-decoration: none; color: #777 } 
a:visited:hover { text-decoration: underline; color: #AA22AA }

p {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   font-size: 1em;
   line-height: 1.4em;
   text-align: left;
   margin: 0; 
   padding: 0 1.5em 1em 1.5em
}

h1  { 
   font-size: 1.8em;
   text-align: center;
   color: white;
   background: #C3C3C3;
   margin: 0 0 1em 0;
   padding: 0.3em 0 0.2em 0 
}

h2 { 
   font-size: 1.5em;
   text-align: center;
   color: #AA22AA; 
   margin: 0; 
   padding: 0 0 0.5em 0
}

h3 { 
   font-size: 1.2em; 
   text-align: center;
   color: #444; 
   background: #FF99FF;
   margin: 0; 
   padding: 0
}

h4 { 
   font-size: 1.2em;
   text-align: center;
   color: #AA22AA;
   margin: 0 0.8em 0.8em 0.8em;
   padding: 0
}

h5 
{
   font-size: 1em;
   color: #AA22AA; 
   margin: 0;
   padding:0 0 2em 2em
}

table.program {
   display: table;
   float: left;
   text-align: left;
   padding: 0;
   border-collapse: collapse
}

table.program td {
   width: 245px;
   margin: 0;
   padding: 0;
   display: table-cell;
   vertical-align: top
}

table.schedule {
   display: table;
   margin: 1.5em 0 1em 10px;
   padding: 0;
   background: white;
   border-collapse: collapse
}

table.schedule td {
   display: table-cell;
   padding: 0;
   border: 2px #FFE4E4 solid
}

table.schedule td p {
   font-size: 0.95em;
   font-weight: lighter;
   text-align: left;
   margin: 0;
   padding: 0 3px 0 5px
}

table.fees
{
   display: table;
   width: 480px;
   margin: 1em 0 0 10px;
   padding: 0;
   background: white;
   border-collapse: collapse
}

table.fees td {
   display: table-cell;
   padding: 0;
   line-height: 1.4em;
   border: 2px #FFE4E4 solid
}   

table.fees td p { padding: 0 0.7em 0 0.9em }

#button {
   float: right;
   margin: 6px 1em 0 0;
   position: relative;
   line-height: 2em;
   z-index: 10
}

#button a {
   font-size: 14px;
   color: white;
   text-align: center;
   padding: 3px 0.9em 2px 0.85em;
   background: #AA22AA;
   border-top: #999 2px solid;
   border-right: #333 2px solid;
   border-bottom: #333 2px solid;
   border-left: #999 2px solid
}

#button a:link {text-decoration: none }

#button a:hover {
   text-decoration: none;
   color: #333;
   background: #FF00FF;
   border-top: #BBB 2px solid;
   border-right: #666 2px solid;
   border-bottom: #666 2px solid;
   border-left: #BBB 2px solid;
}

#button a:active {
   text-decoration: none;
   color: black;
   background: #FF99FF;
   border-top: #333 2px solid;
   border-right: #999 2px solid;
   border-bottom: #999 2px solid;
   border-left: #333 2px solid
}

#button a:visited:active {
   text-decoration: none;
   color: black;
   background: #FF99FF;
   border-top: #333 2px solid;
   border-right: #999 2px solid;
   border-bottom: #999 2px solid;
   border-left: #333 2px solid
}

.teacher {
   display: block;
   width: 100%;
   margin: 0;
   padding: 1em 0 0 0
}

.teacher img {
   float: left;
   margin: 0 1.5em 0 0;
   padding: 0 1.5em 0 1.5em;
   border: 0;
}

.floatstop { clear: both }

.photo {
   margin: 1.4em 0 0 0;
   padding: 0
}

.photo img {
   margin: 0;
   padding: 0;
   border: 0;
}

#apply {
   width : 700px;
   margin: 1.5em auto;
   padding: 0.6em 1.4em 3em 0.6em;
   background: white;
   border: 1px #666 dotted;
}