@charset "iso-8859-1";

.clear
{
	clear: both;
	padding-bottom: 1px;	
	margin-bottom: -1px;	
}
.hide, .divider
{
	display: none;
}
.inside
{
	padding: 0 1em;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 140%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
a img
{
	border-width: 0;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}
span.strike
{
	text-decoration: line-through;
}

span.important {
    font-weight: bold;
    color: darkred;
}

body, html
{
	min-width: 35em;	
	background-color: #ffffff;
	color: #000;
	font-size: 100%;
}
#pageWrapper
{
	margin: 0 0 0 0;	
	width: 900px;
	background-color: white;
	position: relative;
}

#headWrapper {
	position: absolute;
}
#contentWrapper {
	position: relative;
	top: 285px;
}
#contentLeftWrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 208px;
        background-color: #387CB9;
}

#maintable {
	height: 100%;
	width: 900px;
    background-color: #387CB9;
}
#contentMainWrapper {
	position: absolute;
	left: 208px;
	width: 666px;
	top: 0px;
	padding: 0px 13px 13px 13px;
	background-color: #99CAE8;
}

#main-content {
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: white;
	height: 800px;
	width: 100%;
}

#leftmenu {
}

#logo
{
	width: 208px;
	height: 286px;
	left: 0px;
	top: 0px;
	overflow: visible;
	position: absolute;
	z-index: 10;
	background: url(logo.gif);
}

#logo2
{
	width: 208px;
	height: 133px;
	background: url(logo2.gif) no-repeat;
}

#headRow1 {
	left: 208px;
	top: 0px;
	height: 27px;
	width: 692px;
	background-color: #99CAE8;
	z-index: 1;
	position: absolute;
}

#headRow2 {
	left: 208px;
	top: 27px;
	height: 112px;
	width: 692px;
	background-color: #ffe857;
	z-index: 1;
	position: absolute;
	background: url(cap1.gif);
}
#headRow3 {
	left: 208px;
	top: 139px;
    padding-left: 7px;
	height: 32px;
	width: 685px;
	background-color: #387CB9;
	z-index: 1;
	position: absolute;
}
#headRow4 {
	left: 208px;
	top: 171px;
	height: 115px;
	width: 692px;
	background-color: #99CAE8;
	z-index: 1;
	position: absolute;
}

#footer {
	clear: both;
        height: 30px;
	background-color: #99CAE8;
        
}
        
.corners {background-color: white; height:100%; }
.corners .lu { empty-cells: show; height: 13px; width: 13px; background: url(lu.gif); }
.corners .ru { empty-cells: show; height: 13px; width: 13px; background: url(ru.gif); }
.corners .lb { empty-cells: show; height: 13px; width: 13px; background: url(lb.gif); }
.corners .rb { empty-cells: show; height: 13px; width: 13px; background: url(rb.gif); }
        
#maincorner  {
    empty-cells: show;
}

#maincorner .c {
  width: 13px;
  height: 13px;
}



#outerColumnContainer
{
	padding: 0 0 0 135px;
}
#innerColumnContainer
{
	width: 100%;
	z-index: 1;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 1;
}
#masthead
{
	background: url(masthead-bg.jpg) repeat-x left top;
	background-color: #ddd;
	color: #000;
	border: solid 1px #000;
	left: auto;
	margin: 0 10px -25px 30px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	top: -25px;
	width: auto;
	/* \*/
		position: static;
		margin-top: -25px;
		margin-bottom: 0;
		top: auto;
}
#masthead h1
{
	font-size: 150%;
	color: #387CB9;
	left: auto;
	margin: 0 0 -1em 0;
	padding: 0;
	position: relative;
	text-align: right;
	top: -1em;
	width: 100%;
}
#masthead h2
{
	color: #000;
	font-size: 400%;
	color: #387CB9;
	line-height: 1em;
	margin: 0 0 -0.14em 0;
	padding: 0;
	text-align: center;
}
#content
{
	color: #000;
	border: solid 1px #333;
	margin: 15px 10px 0 0;
	padding: 0 10px 0 40px;
	
	background: #C0E9FD url(main-bg.jpg)  repeat-x  left bottom ;
		
}
h3.pageTitle
{
	font-size: 200%;
	color: #387CB9;
	margin: 0;
	padding: 10px 15px;
        display: block;
        height: 45px;
        
}


#cornerLogo
{
	width: 180px;
	height: 275px;
	margin: 0 -11px;
	overflow: visible;
	position: relative;
	z-index: 10;
}
#cornerLogo .placeHolder
{
	width: 200px;
	height: 275px;
	border: solid 1px #000;
	background-color: #cdc;
	color: #000;
	position: absolute;
	top: auto;
	left: 0;
}
#cornerLogo .placeHolder p
{
	text-align: center;
}
.leftBlock
{
	background-color: #ddd;
	border: solid 1px #000;
	margin: 25px 0;
	padding: 0 5px;
	z-index: 9;
}
.leftBlock .vnav
{
	margin: -1px 0 5px 0;
}
.leftBlock h3
{
	background-color: #ddd;
	color: #000;
	border: solid 1px #000;
	font-size: 120%;
	margin: -10px 0 0 0;
	padding: 2px 6px;
}
span.toptab a {
}

span.toptab {
	border: thin dashed black;
	white-space: nowrap;
	margin-right: 7px;
	background-image: url(but1c.gif);
	background-repeat: repeat-x;
	height: 50px;
}

div.topnav {
	border: thin dashed black;
}

#mainMenu
{
	margin-top: -15px;
}
#mainMenu .vnav
{
	margin-top: 23px;
}
.leftTextBlock
{
	font-size: 88%;
	padding: 0 7px;
}
.leftTextBlock p
{
	margin: 5px 0;
}


.vnav1
{
	margin-top: 10px;
}


#vnav {
        margin-top: 0px;
        
}

.vnavmm {
        background-image: url(mm.gif);
        background-repeat: repeat-y;
}

#vnav .no, .act, .actifsub {
        width: 208px;
        height: 45px; 
        vertical-align: middle;
        background-position: left center;
        background-repeat: no-repeat;	
        padding-left: 24px;
}

#vnav .no2, .act2 {
        height: 28px; 
        background-position: left center;
        width: 208px;
        vertical-align: middle;
	background-repeat: no-repeat;	
        padding-left: 20px;
}

#vnav .no a, .act a, .actifsub  a {
        color: white;
        font-size: 13px;
        text-decoration: none;
        cursor: pointer;
}

#vnav .no2 a, .act2 a {
        color: white;
        font-size: 11px;
        text-decoration: none;
        cursor: pointer;
}

#vnav .end2 {
        background-image: url(item1_h2.gif);
        width: 208px;
        height: 20px;
	background-repeat: no-repeat;	
}

#vnav .no {
  background-image: url(item1no.gif);
}


#vnav .act {
        background-image: url(item1act.gif);
}

#vnav .actifsub {
        background-image: url(item1actifsub.gif);
}

#vnav .no2 {
  background-image: url(it2.gif);
}

#vnav .act2 {
        background-image: url(it1.gif);
}

.navitab { 
	width: auto;
	list-style-image: url("it1.gif");
}
.activenavitab { 
	width: auto;
	list-style-image: url("it2.gif");
}

.vnav ul, .vnav ul li
{
	padding: 0;
	padding-bottom: 3px;
	margin: 0;
/*	list-style-type: none;*/
	display: block;
	
}

.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	color: white;
	text-decoration: none;
	cursor: pointer;
}


/*
.vnav ul
{
}
.vnav ul li
{
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	padding: 0;
	line-height: normal;
	display: block;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

*/

.hnav
{
	border: solid 1px #000;
	margin: 0;
	padding: 3px 0 4px 0;
	white-space: nowrap;
}
.hnav ul span.divider
{
	display: none;
}
* html .HNAV
{
	padding: 0;	
}

#rootline {
    background-color: #99CAE8;
    margin-bottom: 5px;
}

#contentmenu {
    text-align: center;
}
#contentmenu span
{
    margin: 2px;
    display: -moz-inline-stack;
    display: inline-block; 
}
#contentmenu span div
{
    white-space: nowrap; 
    display: block;
    background-color: #e0e0e0;
    padding: 2px;
}

#contentmenu span div a
{
    cursor: pointer;
    text-decoration: none;
}

.prevnext {
    padding: 2px;
    background-color: #387CB9;
    width: 100%;
}
.prevnext a {
    color: yellow;
    text-decoration: none;
}


.fullheight {height:100%}

table.teachers {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    margin-bottom: 5px;
    border-style: solid solid solid solid;
    border-color: green green green green;
    border-collapse: separate;
    background-color: white;
}
table.teachers th {
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: blue blue blue blue;
    background-color: rgb(255, 255, 240);
    -moz-border-radius: 0px 0px 0px 0px;
    vertical-align: middle;
}
table.teachers td {
    border-width: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border-style: solid solid solid solid;
    border-color: blue blue blue blue;
    background-color: rgb(255, 255, 240);
    -moz-border-radius: 0px 0px 0px 0px;
    vertical-align: middle;
}