html {height: 100%;}

body {
font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
font-size: 100%;
color: #fff;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
line-height: 1.4;
margin-left: 4%;
margin-right: 4%;
}

h1 {
font-size: 1.7em;
margin-bottom: 0;
}

#hilal h1 {margin-top: 180px;}
#classes h1 {margin-top: 30px; letter-spacing: .1em;}
#teachers h1 {font-size: 2.4em;}
#workshops h1 {font-size: 2.4em;}

#container {
max-width: 1000px;
margin: auto;
margin-top: 2%;
padding: 0 .5em 1em .5em;
color: #fff;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
overflow: hidden;
}

#container a, a:visited {
font-size: 1em;
font-style: italic;
color: #fff;
text-decoration: underline;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
}

#container a:hover {
color: #f00;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
}

#container a.plain, a:visited.plain {
font-style: normal;
}

#container a:hover {
color: #f00;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
}

#stripNav {
color: #fff;
font-style: italic;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
max-width: 40em;
margin: auto;
margin-top: 1em;
margin-bottom: 0;
}

#stripNav li {
margin: 0;
padding: 0;
border-left: 0;
display: inline;
}

#stripNav li#first {border: 0;}

#stripNav li a {
font-size: .9em;
color: #fff;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
padding: 0;
text-decoration: none;
margin: 0;
}

#stripNav li a:visited {
color: #fff;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
text-decoration: none;
}

#stripNav li a:hover {
color: #f00;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
}

#stripNav li a:active {
color: #0f0;
background: #4b4651 url("pics/darkgrey4b4651.jpg");
}

#stripNav span {
width: 1px; 
font-size:.8em; 
border-left: 1px solid; 
margin:.5em;
}

h2 {
font-size: 1.4em;
padding: 0;
margin: 0;
}

h3 {
font-size: 1.2em;
margin-bottom: .2em;
}

#footer {
clear: both;
text-align: right;
font-size: .8em;
color: #fff;
background: #4b4651 url("pics/darkgrey4b4651.jpg");

padding: .3em 0em 1em 0;
margin: auto;
margin-top: 3em;
border-top: 1px dotted;
}

#footer a, a:visited {
color: #fff; 
background: #4b4651 url("pics/darkgrey4b4651.jpg");
text-decoration: none;
}
#footer a:hover {color: #fff; background: #c00; padding: .3em;}
#footer span {text-decoration: underline;}

table {
clear: both;
width: 35em;
border-collapse: collapse;
margin-bottom: 1.5em;
border: 0;
}

caption {
font-size: 1.3em;
font-weight: bold;
text-align: left;
}

td {
padding: 0 1.5em .2em 0em;
border: 0;
}

#teachers table {width:100%;}
#teachers #container a  {text-decoration: none; font-style: normal;}
#teachers #container a:visited  {text-decoration: none; font-style: normal;}

.teacher {
font-size: 1em;
font-weight: bold;
margin-top: 0;
}

.teacher span {
font-size: 1.1em;
}