* {padding: 0; margin: 0;}
body {  background-color:#989868; padding: 5px;  }

div#divcenter /*center in the browser window*/
{
width: 825px;
margin-left: auto;
margin-right: auto;
}

div#main 
{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
background: url('/images/book.jpg');
width: 825px;
float: left; /*extends height*/
}

div#leftnav { 
width: 140px;
text-align: center;
float: left;
padding: 10px 0px 100px 0px;
}
div#leftnav img { margin-left: 20px; border: none;}

#leftnav ul 
{
list-style: none;
margin-top: 20px; 
display: block;
clear: both;
}

#leftnav ul li { padding: 6px 0; width: 120px; /*position: relative;*/}
#leftnav ul li a
{
text-decoration: none;
color: #FFCC33; /*gold*/
font-style: italic;
font-weight: bold;
font-size: 18px;
}
#leftnav ul li a:hover { color: #33FF00; } /*green*/

#leftnav ul li.current 
{
background: url("/images/shared/menu_current.gif") no-repeat;
width: 120px;
min-height: 35px; 
padding-top: 15px;
padding-bottom: 0;
}		
#leftnav ul li.current a {  color: #000; font-weight: normal; }


#leftnav ul li ul {
display: none;
/*position: absolute;
left: 80px;
top: 0px;
background: url('/images/book.jpg'); z-index: 1000;
border: #FFCC33 solid 1px;*/
width: auto; margin-top: 0; margin-left: 30px;
text-align: left;
}
/*#leftnav ul li.current ul { display: block; }
#leftnav ul li.current ul li a { color: #FFB340;}*/

/*#leftnav ul li ul li a { font-size: 15px; padding-left: 5px; }

#leftnav li.over ul, #leftnav li:hover ul { display: block; }*/

/*#leftnav ul li.current ul { display: block; margin-top: 5px;}
#leftnav ul li.current ul li a { color: #FFCC33; }
#leftnav ul li.current ul li a:hover { color: #33FF00; }*/


div#rightdiv /* next to leftnav */
{
width: 610px;
float: right;
background: white url("/images/list.jpg"); /*White BG in case that bgimage didn't download by mistake */
min-height: 510px;
border-right: 50px solid #474733;
}
/*div#rightdiv.home { border-right: 50px solid #474733; }  homepage */

/* ------Content div styles------ */
div#content 
{
padding: 10px 10px 10px 20px; min-height: 410px;
}

p { text-align: left; padding: 3px 5px; }
ul { list-style-position: outside; margin-left: 20px; }

.txtcenter { text-align: center; }
.txtbold { font-weight: bold; }
.txtbrown { color: #A03400; }
.txtsmall { font-size: 12px; }

.leftfloatimg { float: left; margin:  0px 5px}
.rightfloatimg { float: right; margin:  0px 5px}


a.toparrow, a.backarrow
{ display: block; width: 100%; text-align: right; text-decoration: none; }

a.backarrow { padding-right: 5px; line-height: 120%; font-size: small; }

a.toparrow img, a.backarrow img
{ border: 0; }
/* --- Page Top --- */


div.pagetop
{
padding-top: 8px; background: #FFB340 url("/images/dira.gif") 15px 0 repeat-x;
}
div.pagetop table { width: 100%; table-layout: fixed; border-top: solid 2px red; }

div.pagetop table td { padding-top: 30px; }
div.pagetop table td.head { width: 140px; font-size: 18px; text-align:center; font-family:  Times, "Times New Roman", Georgia, serif; font-weight:bold; padding-right: 10px; } 
div.pagetop table td.centertitle { text-align: center; }


/*--- Homepage Top --*/
div.pagetophome h1 {
color: #CC0000;
font-weight: bold;
text-align: left;
width: 12em;
float: left;
} 

div.pagetophome { background:  url("/images/list.jpg"); border-bottom: 2px solid orange; }/* homepage */
div.pagetophome img { margin: 5px; } /* homepage */

div.pagetophome .header-large
{
	font-size: 26px;
	color: #CC0000;
	padding-left: 15px;
}

div.pagetophome .header-middle-text
{
	font-weight: bold;
	font-size: 14px;
}



/* --- Page Bottom ---*/

div#pagebottom { text-align: center; padding: 10px 0; border-top: 1px solid #474733; }


/* --- Page Specific styles --- */

/* --- Homepage --- */
table.hometbl {margin: 5px;}
table.hometbl td { vertical-align: top; padding: 10px 5px; }
table.hometbl td h2 {color: #006600; font-size: 14px;	font-weight: bold; text-align: left; }

div.announcement { width: 180px; }
div.announcement h3
{
color: #ffd000; background-color: #A03400; text-align: center; padding: 2px; margin: 5px;
}
div.anno_bg { background-color: #FFD0A0; border: 2px solid #ff9c68; margin: 5px; }

div.anno_bg div { background-color: #FFF; border: 1px solid #666; margin: 15px 5px; padding: 10px 5px; text-align: left; }
div.announcement .attn_red, .attn_red {color: #FF0000}

.brownbold {color: #A03400; font-weight: bold; }


/* Program - page update add quotes, Chess - , Dance "Our dance class is " */
/* --- Program page --- */
h2.iblue {color: #0034A0; font-size: 16px;  font-style: italic; font-weight: bold; margin: 10px 0; }

table#programtbl { width: 90%; }
table#programtbl th 
{ font-size: 15px; color:#0034A0; font-style: italic; background-color: #FFB040; padding: 20px 50px; }
table#programtbl td { background-color: #FFFFD0; padding: 10px; }
table#programtbl td.classname 
{ background-color: transparent; padding: 5px; text-align: right; font-weight: bold; font-size: 16px; }

/* Program pop-up pages */

#brs_program { background-color: #FFF; padding: 10px; }
#brs_program h1 { color: #A00038; font-size: 20px; }
#brs_program h1 img { padding-right: 15px; }
#brs_program p { font-size: 14px; padding: 5px 0; }
#brs_program p.quote {  font-style: italic; }


/* --- Schedule page --- */

div.scheduleorange { background-color: #A03400; color: #FFD000; font-size: 16px; padding: 10px; }
h2.tuitionschedule, h2 { color: #990000; font-size: 16px; margin-bottom: 10px; }
h2.hr { border-top: solid #474733 2px; margin: 10px -10px 10px -20px; padding-top: 10px; }

table#tuitiontble { width: 470px; margin-left: auto; margin-right: auto; }
table#tuitiontble th { background-color: #ffffd0; color:#990000; padding: 3px 5px; }
table#tuitiontble td { background-color: #FFF; padding:3px 5px; }
table#tuitiontble td.regfee { background-color: #ffffd0; color:#990000; text-align: center; font-weight: bold; }

table.scheduletbl { margin-left: auto; margin-right: auto; }
table.scheduletbl th.schtime 
{ background-color: #ffffd0; font-weight: normal; font-size: 15px; } /*pale-yellow bg*/
table.scheduletbl th.schgroup { background-color: #A03400; color: #FFFFD0; padding: 3px 0; } 
table.scheduletbl th.schage { background-color: #ffd0a0; color: #990000; font-weight: normal; }
table.scheduletbl td { background-color: #FFF; text-align: left; padding: 3px; }

table#facultytbl { margin-left: auto; margin-right: auto; width: 28em; }
table#facultytbl td { background-color: transparent; }


/* Events */
table.eventtbl td { vertical-align: top; }
table.eventtbl td div.evleft { margin: 10px; padding: 10px; width: 300px; border-right: gray solid 1px;}
table.eventtbl td div.evright { margin: 10px; padding: 10px; width: 200px;}
table.eventtbl td h2  {padding-top: 25px;}
table.eventtbl td p.starstop { font-size: 20px; }


/* Photo Album Styles */
h1.photoalb { color: #990000; font-size: 16px; margin: 10px; }
table.alblist { width: 100%; }
table.alblist td { padding: 10px 0px; }
table.phototbl { width: 100%; }
table.phototbl td { text-align: center; vertical-align: center; font-size: small; }
table.phototbltd img { border: 0;}
th.photogroup 
{
color: #990000;
font-size: 16px;
margin: 10px;
text-align: left;
font-weight: normal;
border-top: solid 1px #990000;
padding: 2px;
}

/* Teachers landing page */

div#rel_div { width:562px; position: relative; }
table.teachtbl { width: 100%; }
table.teachtbl a { text-decoration: none; }
table.teachtbl img { border: 0; margin: 5px 15px; }
table.teachtbl td { text-align: right; vertical-align: top; }
table.teachtbl td.rel_display { text-align: left; }

table.teachtbl ul { width: 12em; list-style-image: disc; font-style: italic; margin: 10px; }
table.teachtbl ul li { padding-top: 3px; }
.rel_teach { position: absolute; top: 15px; left: 250px; display: none; }
.rel_teach img {}

ul.teachpast li 
{ list-style-type: none;  }
ul.teachpast li a { display: block;  vertical-align: center; width: 80%; border-top: dotted 2px silver; text-decoration: none; padding: 10px; font-size: 15px; }
ul.teachpast li a img { margin-right: 10px; border: none; }

/* Teachers Personal Pages Styles*/
div#content.teach {  margin: 10px; }
div#content.teach img.portrait { float: left; margin: 10px 20px;  }
div#content.teach h1 { color: #A00038; font-size: 20px; }
div#content.teach h1 img { margin-right: 10px; }
div#content.teach h2 {color: #000090;  font-size: 20px; }
div#content.teach p { font-size: 15px; padding: 5px 0; } 

/* Ekaterina Khrakovskaya personal page styles */
div#content.teach .fakelink { color: blue; text-decoration: underline;  cursor: pointer; }
div#content.teach #readmore { display: none; }


/* Parents comments */
.parname { margin: 5px 0 0 0; padding: 5px; color: #0034A0; border-top: #474733 1px solid;}

/* Press */
ul.publishlist
{
list-style-image: url("/images/ink.gif");
list-style-position: inside; 
padding: 0 40px 0 20px;
}
ul.publishlist li { padding-bottom: 20px; }
ul.publishlist li a { text-decoration: none; font-style: italic; }
ul.publishlist li a:hover { text-decoration: underline; }
ul.publishlist li a: visited { color: purple; }
ul.publishlist li a span { font-style: normal; }

/* Contact page */
#contacttbl 
{ width: 520px; background-color: white; border:  2px solid black; margin-top: 20px; margin-left: auto; margin-right: auto; }
#contacttbl td { border: 0; padding: 15px 10px }
#contacttbl td#silverpost { background-color: silver; padding: 2px; }
#contacttbl td#silverpost #stampimg { margin: 14px 10px; }

#contacttbl td#contactaddr { color: blue; }
.contactsupport { padding: 10px 40px;}


/* Negate styles */
.noborder { border: 0;}