/* Divisions used:
*   main
*     masthead
*     navmenu
*     content
*   validation
*/

body {
       color:          black ;
       background-color:       #b0e0e6 ; /* powder blue */
/*      background-image: url('../mes/flags-light.jpg') ;
*/
       margin: 1% 5% ;

       font-family:    "MS Gothic",Arial,sans-serif ;
       font-size:      80% ;

}

#main {
/*      background-color:       white ;
       border: 1px solid gray ;
       padding:        2% ;
       -moz-border-radius: 15px;
       border-radius: 15px;
       border-width: 5px;
       border-color: #D0F0D0;
*/
}

#masthead {
   background-color: white ;
   padding: 5px ;
/*    -moz-border-radius: 15px;
   border-radius: 15px;
*/
   border: 3px outset gray ;
}

#masthead h1 {
   font-family: "Times New Roman",Serif ;
   font-size: 48px ;
}

#masthead h2 {
   font-family: "DejaVu Sans","MS Gothic",Sans-serif ;
   font-size: 30px ;
}

#masthead img {
   border: 0 ;
}

#masthead a {
   text-decoration: none ;
   color: black ;
}

#sitelogo {
   float: left ;
}

#sitename {
/*    clear: left ;
   float: left ;
*/
}

#headloc {
   clear: both ;
   float: right ;
}

#mastheadspacer {
   clear: both ;
}

#columns {
   float: left ;
   width: 100% ;
}

#lbar {
   float: left ;
   width: 15% ;
}

/*#classmenutitle, #moschedtitle, #announcetitle {
   background-color: #D0F0D0 ;
   margin: 5px 5px 0px 5px ;
   border: 5px 5px 0px 5px ;
   border-style: outset ;
   border-color: #D0F0D0 ;
}
*/

#classmenu, #mosched, #announce {
   background-color: white ;
   margin: 7px ;
   padding: 0px ;
   border: 1px solid black ;
/*    border-style: outset ;
   border-color: #D0F0D0 ;
*/
}
/*
h3.boxhead {
   background-color: #D0F0D0 ;
   margin: 0px ;
   padding: 2px ;
}
*/

#classmenu h3, #mosched h3, #announce h3 {
   margin: 0px ;
   text-align: center ;
}

#classmenu {
   margin-left: 0 ;
}

#classmenu h3 {
   background-color: fuchsia ;
}

#mosched {
   margin-right: 0 ;
}

#mosched h3 {
   background-color: yellow ;
}

#announce {
   margin-right: 0 ;
}

#announce h3 {
   background-color: aqua ;
}

#rbar {
   float: left ;
   width: 25% ;
}

#center {
   float: left ;
   width: 60% ;
}

/*#navtabs {
   margin: 7px 7px 0px 7px ;
   margin: 0 ;
   padding: 0 ;
   border: 1px solid black ;
}
*/

#content {
   background: white ;
   margin: 0px 7px 7px 7px ;
   border-width: 0px 1px 1px 1px ;
   border-style: solid ;
   border-color: black ;
   padding: 5px ;
}

#mailphone {
   float: right ;
/*    margin: 20px ;
*/
   background: #009900 ;
   border-color: #009900 ;
   border-width: 3px ;
   border-style: outset ;
}

#mailform {
   width: 80% ;
   margin-left: auto ;
   margin-right: auto ;
   border: 0 ;
   cellpadding: 5 ;
   celspacing: 5 ;
}

img-l {
   float: left ;
   margin: 20px ;
}

img-r {
   float: right ;
   margin: 20px ;
}

#pricead, #trialad {
   margin: 7px 7px 7px 0 ;
   border-width: 3px ;
   border-style: outset ;
   padding: 7px ;
   text-align: center ;
}

#pricead {
   background: green ;
   border-color: green ;
}

#trialad {
   background: orange ;
   border-color: orange ;
}

teacher {
   clear: both ;
}

#copyright {
   clear: both ;
   font-size: 0.75em ;
}

note {
   color: red ;
}

#validation {
   clear: both ;
}

#jikanwari {
   border-collapse: collapse ;
}

#jikanwari, #jikanwari th, #jikanwari td {
   border: 1px solid black ;
}

#jikanwari td {
   text-align: center ;
}

#map {
   float: left ;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* http://www.dynamicdrive.com/style/csslibrary/item/css-tabs-menu/ */

basictab{
padding: 3px 0 ;
/*margin-left: 0;
border: 1px solid blue ;
padding: 0 ;
*/
margin: 7px 7px 0 7px ;
font: bold 12px Verdana;
border-bottom: 1px solid black;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

basictab li{
display: inline;
margin: 0;
}

basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid black;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

basictab li a:visited{
color: #2d2b2b;
}

basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

basictab li a:active{
color: black;
}

basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
/*background-color: #DBFF6C;*/
background-color: white;
color: black;
}

/* "W3C buttons without images" by Marek Prokop <http://www.sovavsiti.cz/css/w3c_buttons.html> */
w3cbutton3 {
 margin: 1em 0;
 width: 9em;
 border: 1px solid #ccc;
 font-family: helvetica,arial,sans-serif;
 font-size: 70%;
 font-weight: bold;
}
w3cbutton3 a {
 display: block;
 width: 100%;
}
w3cbutton3 a:link,
w3cbutton3 a:visited,
w3cbutton3 a:hover {
 background-color: #fc6;
 color: #000;
 text-decoration: none;
}
w3cbutton3 span.w3c {
 padding: 0 0.4em;
 background-color: #fff;
 color: #0c479d;
}