/* SchoolPlus style file. 
  Partially based on template andreas01, 
  an open source xhtml/css website layout by Andreas Viklund  - 
  http://andreasviklund.com 

  Modifications by Alexander Kirillov, shurik179@gmail.com
  
  Free to use for any purpose as long as the proper credits 
  are given to the original authors.

*/

/* Sections: 
   1. Main layout
   2. Header
   3. Left sidebar and navigation menu
   4. Main content
   5. Footer
   6. Tabs
   7. News 
   8. Tables
   9. Misc. tags and classes
*/

/* ***************************************
             1. Main layout 
   *************************************** */

body {
  margin:0 auto;
  padding:0;
  font:86% Verdana,Tahoma,Arial,sans-serif;
  background:#f4f4f4 url(../img/bg.gif) top center repeat-y;
  color:#303030;
}

#wrap {
  background:#ffffff;
  color:#303030;
  margin:0 auto;
  width:760px;
}


a {
  color: #17457c;
  text-decoration: none; 
  font-weight: bold;
  background-color:inherit;
}


a:hover {
  color: #991e1e;
  text-decoration: underline;
  font-weight: bold;

}

a img {
border:0;
}

/* ***************************************
             2. Header 
   *************************************** */

#header {
  margin:0 auto 15px -10px;
  background:#ffffff url(../img/myfront6.png) bottom left no-repeat;
  padding:0 0 0 0px;
  height:119px;
  width:780px;
}

#header h1 {
  width: auto;
  font-weight:normal;
  margin:20px 0 10px 30px;
  font-size:3em;
  letter-spacing:-2px;
  background-color:transparent;
  color:#505050;
  float:left;
}

#header h1 img {
  margin-right: 70px;
}

/* ***************************************
             3. Left sidebar and nav. menu
   *************************************** */


#leftside {
  clear:left;
  float:left;
  width:140px;
  margin:0 0 5px;
  padding:0;
}

#leftside h2,#leftside h3 {
  color:#505050;
  background-color:inherit;
  font-size:1.3em;
  margin:0 0 5px;
  padding:0;
}

ul.avmenu {
  width:140px;
  margin:0 0 18px;
  padding:0;
  list-style:none;
}

ul.avmenu li {
  width:140px;
  padding:0;
  line-height:1.4em;
  display:inline;
}

ul.avmenu li a {
  color: #17457c;
  text-decoration: none; 
  font-weight: bold;
  padding:3px 1px 3px 5px;
  background-color:#e6e6e6;
  width:130px;
  float:left;
  margin-bottom:5px;
  border-left:4px solid #cccccc;

}

ul.avmenu li a:hover,ul.avmenu li a.current {
  text-decoration: none; 
  font-weight: bold;
  background: #e2cdcd;
  border-left:4px solid #286ea0;
}
ul.avmenu li a:hover{  
  color: #991e1e;
}

ul.avmenu ul {
  margin:0 0 0 15px;
  padding:0 0 5px 0;
  font-size:0.9em;
  width:125px;
}

ul.avmenu ul a {
  padding:3px 1px 3px 5px;
  width:115px;
}

ul.avmenu ul ul {
  width:113px;
}

ul.avmenu ul ul a {
  width:100px;
}
/* ***************************************
             4. Main content
   *************************************** */
#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}

#contentwide h3 {
font-size:1.4em;
margin:0 0 8px;
}

#contentwide img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#contentwide ul,  #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#contentwide li {
margin:0;
padding:0 0 0 5px;
}

#contentwide ul ul,  #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}


 /* Two column layout */
.content_l { /* main textual content area (left box) */
	margin:2px auto;
	padding:5px;
	display:inline;
	float:left;
	width:42%;
}
.content_r { /* main textual content area (right box) */
	margin:0 auto;
	padding:5px;
	display:inline;
	float:right;
	width:45%;
}

/* ***************************************
             5. Footer
   *************************************** */
   
#footer {
  clear:both;
  margin:0 auto;
  padding:10px 0 20px;
  border-top:4px solid #f0f0f0;
  width:760px;
  text-align:center;
  color:#808080;
  background:#ffffff;
  font-size:0.9em;
}

#footer a {
  color:#808080;
  background-color:inherit;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}
   
   /* ***************************************
             6. Tabs
   *************************************** */


#tabs {     
     float:left;
      width:100%; 
      background:url("../img/tab_header.png") right bottom;
      /* line-height:normal;*/
      margin-bottom: 10px;
}

#tabs ul {
	margin:0;
	padding:10px 10px 0 1px;
	list-style:none;
}
                  
#tabs li {
	display:inline;
	float:left;
	background:url("../img/tab_off_left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
}

#tabs a {
	float:left;
	font-size:0.9em;
	display:block;
	background:url("../img/tab_off_right.png") no-repeat right top;
	padding:8px 15px 3px 8px;
	text-decoration:none;
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

#tabs li:hover, #tabs li:hover a {
	background-position:0% -163px;
}

#tabs li:hover a {
	background-position:100% -163px;
}

#tabs #current {
	background:url("../img/tab_on_left.png") no-repeat left top;                
}

#tabs #current a {
	background:url("../img/tab_on_right.png") no-repeat right top;
	padding-bottom:4px;
}
  
   /* ***************************************
             7. News
   *************************************** */
#newsblock {
margin: 1px auto 5px auto;
width: 350px; 
padding:0px; 
background: url(../img/block-bot.png) bottom left no-repeat;
position: relative; /* peekaboo IE bug */
}


#newsblock h2 {
width: 350px; 
height:25px; 
background: url(../img/block-top.png) top left no-repeat; 
font-size:100%; 
text-align:center;
color:white;
}

#newscontent {
line-height:1em;
font-size:90%;
padding:0px 6px 2px 6px; 
margin:0;
}
#newscontent h3 {
line-height:1.5em;
padding:0;
margin:0px 0px -5px 0px;
color:red;
} 



   /* ***************************************
             8. Tables
   *************************************** */


table {
margin:0 0 16px 0;
padding:0;
line-height:1em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url(../img/menubg2.gif) bottom left repeat-x;
/*color:#505050;*/
}

td {
padding:4px 7px 4px 7px;
font-size:0.9em;
text-align:left;
/*background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#303030;*/
border:1px solid #d8d8d8
}

.schedule td {
font-size:0.8em;
padding:3px 4px 3px 4px;
}
.schedule th {
font-size:1em;
padding:3px 5px 3px 5px;
background:#eaeaea url(../img/menubg2.gif) bottom left repeat-x;
}



table.plain {
    width: 100%;
    border: none;
}

table.plain td {
    border:none;
    text-align:center;
}    


   /* ***************************************
             9. Misc. tags and classes
   *************************************** */
   
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}

.error {
  font-size:110%;
  color: red;
}

p.logininfo {
  font-size:90%;
 text-align: right;
  margin: -5px 0 0 0;
  padding: 0;
}
 
dl {
margin:0;
padding:0;
}

dt {
  font-weight: bold;
  font-size:110%;
  border: solid black;
  border-width: 0px 0px 2px 0px;
  }
  
dd {
  font-size:80%;
  margin-left: 3em;
  margin-right: 0em;
  margin-bottom: 2em;
}  

.problem h4 {
  font-size:100%;
  font-weight: bold;
  display: inline;
}
.problem input {
   float: right;
   display: inline;
}