body
{
  margin: 0px;
  padding: 0px;
  background-image: url( 'gfx/bg.jpg' );
  background-repeat: repeat;
  padding-bottom: 20px;
}

a
{
  text-decoration: none;
}

img
{
  border: 0px;
}

#top
{
  width: 100%;
  height: 41px;
  background-image: url( 'gfx/top.gif' );
  background-repeat: repeat-x;
  text-align: center;
}

#top2
{
  margin-top: -21px;
  width: 900px;
  border-top: 3px solid #2D3A42;
  border-left: 3px solid #2D3A42;
  border-right: 3px solid #2D3A42;
  margin-left: auto;
  margin-right: auto;
  font-family: verdana, sans-serif;
  color: #2D3A42;
  font-size: 11px;
  position: relative;
}
#top3
{
  margin-top: 0px;
  width: 900px;
  border-top: 3px solid #2D3A42;
  border-left: 3px solid #2D3A42;
  border-right: 3px solid #2D3A42;
  border-bottom: 0px solid;
  
  margin-left: auto;
  margin-right: auto;
  font-family: verdana, sans-serif;
  color: #2D3A42;
  font-size: 11px;
  position: relative;
}

#container
{
  width: 860px;
  min-height: 468px;
  border: 3px solid #2D3A42;
  border-top: 0px;
  background-color: #C8C8A0;
  background-image: url( 'gfx/bg-container.gif' );
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 5px 20px;
  font-family: verdana, sans-serif;
  color: #2D3A42;
  font-size: 11px;
  position: relative;
}

* html #container
{
  height: 468px;
}

#submenu-deadline
{
  width: 100%;
  height: 5px;
  position: absolute;
  margin-top: 140px;
  z-index: 10;
}

#flags
{
  position: absolute;
  margin-top: 3px;
  left: 20px;
}

#menu
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 20px;
  border-bottom: 2px dotted #5A7585;
  text-align: center;
}

#menu li
{
  font-weight: bold;
  margin: 0px;
  display: inline;
}

#menu li a
{
  display: inline;
  color: #3C4F59;
  cursor: pointer;
}

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

#menu li b
{
  font-weight: bold;
  color: #A1A181;
  font-size: 9px;
  position: absolute;
  margin-top: -11px;
  margin-left: -8px;
  text-decoration: none;
}

#submenu
{
  height: 13px;
}

.submenu
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  display: none;
}

.submenu li
{
  font-weight: bold;
  margin: 0px;
  display: inline;
}

.submenu li a
{
  color: #B51828;
}

.submenu li a:hover
{
  color: #3C4f59;
  text-decoration: underline;
}

.news
{
  width: 633px;
  border-left: 2px dotted #5A7585;
  padding-left: 10px;
  margin-bottom: 20px;
}

.news-colored
{
  border-left: 2px dotted #2D3A42;
}

.news h1
{
  font-family: times-new-roman, serif;
  font-weight: normal;
  font-size: 20px;
  color: #5A7585;
  margin: 0px;
  cursor: pointer;
}

.news-colored h1
{
  font-family: times-new-roman, serif;
  font-weight: normal;
  font-size: 20px;
  color: #2D3A42;
  margin: 0px;
  cursor: pointer;
}

.news .info
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #2D3A42;
}

.news .info b
{
  font-weight: normal;
  color: #B51828;
}

.news .info img
{
  float: left;
  margin-top: -2px;
}

.news .text
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #2D3A42;
}

#pagination
{
  width: 100%;
  text-align: center;
}

#copy
{
  margin-top: 15px;
  width: 100%;
  border-top: 2px dotted #8c8c70;
  color: #8c8c70;
  text-align: center;
}

.teacher
{
  width: 516px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-top: 1px dotted #5A7585;
  border-bottom: 1px dotted #5A7585;
  padding: 10px;
  position: relative;
  background-image: url( 'gfx/teacher-bg.png' );
  background-position: right;
  background-repeat: no-repeat;
  overflow: hidden;
}

.teacher img
{
  float: left;
  padding: 3px;
  background-color: #EAEAEA;
  vertical-align: top;
  margin-right: 15px;
  width: 80px;
  height: 100px;  
  font-size: 9px;
}

.navgallery
{
  color: #567180;
}

.navgallery a
{  
  font-weight: bold;
  color: #567180;
}

.navgallery a:hover
{
  color: #B51828;
  text-decoration: underline;
}

.navmenu
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 10px;
}

.navmenu li
{
  font-weight: bold;
  margin: 0px;
  display: inline;
}

.navmenu li a
{
  color: #567180;
}

.navmenu li a:hover
{
  color: #B51828;
  text-decoration: underline;
}

.navmenu li img
{
  vertical-align: top;
  margin-top: -4px;
  padding-bottom: 10px;
}

#tooltip
{
  position: absolute;
  z-index: 3000;
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 1px dotted #FFFFFF;
  padding: 3px;
  background-color: #567180;
  opacity: .80;
  filter: alpha( opacity = 80 );
  -moz-opacity: 0.8;
}

#tooltip h3
{
  font-size: 10px;
  margin: 2px;
  font-weight: normal;
}

.class
{
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-top: 1px dotted #5A7585;
  border-bottom: 1px dotted #5A7585;
  padding: 10px 20px 10px 20px;
  position: relative;
  background-color: #E4E4C8;
  overflow: hidden;
}

#class-bg
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 546px;
  height: 4450px;
  background-image: url( 'gfx/class-bg.png' );
  background-repeat: repeat-y;
  z-index: -1;
}

.class img
{
  padding: 3px;
  background-color: #EAEAEA;
  vertical-align: top;
  margin-right: 15px;
  width: 250px;
  height: 180px;  
  font-size: 9px;
}

.class ul
{
  list-style: none;
  margin: 0px;
  font-weight: bold;
  float: right;
  padding: 0px;
  padding-right: 10px;
}

fieldset
{
  margin-bottom: 10px;
  border: 1px solid #5A7585;
}

fieldset legend
{
  padding: 0px 2px;
  font-weight: bold;
  color: #3C4F59;
}

fieldset p
{
  margin: 10px;
}

.form label
{
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  display: -moz-inline-box;
  float: left;
}

.form label span
{
  display: block;
  width: 120px;
}

fieldset ol
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

fieldset li
{
  padding: 5px;
  margin: 0px;
}

fieldset li textarea, input, select
{
  border: 1px solid #5A7585;
  background-color: #E4E4C8;
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #2D3A42;
  padding: 3px;
}

.form em
{
  font-weight: bold;
  color: #B51828;
}

.form label
{
  width: 120px;
}

.image-shadow
{
  float: left;
  position: relative;
  margin: 5px 10px 0px -1px;
  border-left: 1px solid #AAAA89;
}

.vertical
{
  margin-left: 18px;
  margin-right: 26px;
  margin-bottom: 30px;
}

.horizontal
{
  margin-top: 20px;
  margin-bottom: 30px;
}

.image-shadow img
{
  float: left;
  padding: 5px 5px 9px 5px;
  background: #EAEAEA url( 'gfx/shad_bottom.png' ) repeat-x bottom left;
  border-left: 1px solid #7F7F66;
}

.image-shadow .bottomright
{
  width: 2px;
  height: 4px;
  background: url( 'gfx/shad_brcorner.png' ) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
  
.image-shadow .topleft
{
  width: 2px;
  height: 4px;
  background: url( 'gfx/shad_tlcorner.png' ) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

.image-shadow .bottomleft
{
  width: 2px;
  height: 4px;
  background: url( 'gfx/shad_blcorner.png' ) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

.normal-list
{
  list-style-type: disc;
}

.normal-list img
{
  vertical-align: middle;
  margin-top: -3px;
}

.normal-list li
{
  margin: 12px 0px 11px 0px;
}

.normal-list li a
{
  font-weight: bold;
  color: #3C4F59;
}

.normal-list li a:hover
{
  font-weight: bold;
  color: #B51828;
}

.imageOver
{
  background:url( 'gfx/zoom.gif' ) no-repeat 50% 50%;	
  filter:alpha( opacity = 50 );
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;	
}

.chart
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#pagetitle
{
  text-align: center;
  font-weight: normal;
  font-family: times-new-roman, serif;
  font-size: 25px;
}

#subpagetitle
{
  text-align: center;
  font-weight: normal;
  font-family: times-new-roman, serif;
  font-size: 20px;
}

.quote
{
  color: #808080;
  font-style: italic;
  text-align: justify;
}

.source
{
  text-align: right;
  font-style: italic;
  margin-top: -11px;
}

.link
{
  color: #567180;
  font-weight: bold;
}

.link:hover
{
  color: #B51828;
  text-decoration: underline;
}

.highlight
{
  color: #B51828;
}

/* pop up section*/


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:496px;
width:351px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}