* {
 margin:0;
 padding:0;
}

body {
 background:url(../img/bg.jpg) repeat-x;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:justify;
}

#wrapper {
 width:800px;
 min-height:600px;
 margin:20px auto 0 auto;
 background-color:#FFF;
 border:1px solid #8a8a8a;
}

#header {
 width:100%;
 height:157px;
 background:url(../img/header.jpg);
 border-bottom:1px solid #8a8a8a;
}

#content {
 width:100%;
 padding:20px;

}

#content * ul {
    list-style-type: square;
    margin-left: 20px;
}

#content * ol {
    margin-left: 20px;
}

#text {
 width: 95%;
 float:left;
 padding-right:20px;
}

#image {
    float: right;
    padding-left: 10px;
    width: 300px;
}

.clear {
 clear:both;
}

#footer {
 width:802px;
 min-height:20px;
 margin:5px auto 0 auto;
 border-bottom:double #8a8a8a;
}

#footer_left {
 width:40%;
 float:left;
}

#footer_right {
 width:60%;
 float:left;
 text-align:right;
}

/*--------------------------------------------- Text */

p {
 margin-bottom:1em;
}

/*--------------------------------------------- Tables */

#subjects_table {
margin: 5px auto; width: 80%;
}

#subjects_table thead tr td {
    font-weight: bold;
    text-align: center;
}

#subjects_table tbody tr td {
    font-style: italic;
}
#subjects_table tbody tr td img {
    margin-left: 30px;
    
}

/*--------------------------------------------- Menu */

#menu {
 width:100%;
 height:82px;
 border-bottom:1px solid #8a8a8a;
}

#menu_bar2 {
 width:100%;
 height:41px;
 background:#a7cdd3;
}

#menu ul {
     list-style-type: none;
     width:100%;
     height:41px;
     /*background:url(../img/menu_bg.jpg);*/
     background:#313137;
}    

#menu ul li {
 text-decoration:none;
 float: left;

}

#menu ul li a {
 position:relative;
 top:11px;
 margin-left:5px;
 padding-top: 10px;
 text-align:center;
 height:20px;
 width:128px;
 font-size:11px;
 color:#FFF;
 display:block;
 background:url(../img/menu_tab1.jpg) #313137 no-repeat;
 text-decoration: none;
}

#menu a:hover {
 background-position: 0 -30px;
}

/*---------------------------- FRAMEWORK STYLING -------------------*/

.admincontrol {
  background: #ddd; font-size: 10px !important;
  border: 1px solid red; padding: 3px; margin: 3px;
  float: right; z-index: 2;
}

div.alert, div.alertgreen, div.alertred {
  border: #fdd 1px dashed;
  color: #fff; margin-bottom: 10px;
  background: no-repeat url(../img/info.gif) #a85645;
  padding: 2px 2px 2px 30px;
}

div.alertgreen {
  background: no-repeat url(../img/info.gif) green;
}

div.alertred {
  background: no-repeat url(../img/info.gif) red;
}

div.alertblue {
  background: no-repeat url(../img/info.gif) #48f;
  color: #fff;
}

/*------------------------------- OLD STYLES from the first design -----------------*/


div.rightaligned {
text-align: right;
}

ul {
list-style: square;
}

.optionlist {
float: left; list-style: none; width: 140px; margin: 10px;
height: 200px; overflow: auto; background-color: #bbb;
}

ol li {
margin-bottom: 4px;
}

.scrollcontainer {
height: 200px; overflow: auto; width: 95%;
}

#controls {
width: 100%;
}

.formlabel {
clear: left; float: left; width: 130px;
padding-right: 2px; text-align: right;
}

table.data td {
border: 1px #888 solid;
}

br {
clear: both;
}


table.edittable {
margin: 5px; width: 90%;
}

.edittable td {
border: 1px #444 solid; text-align: center; line-height: 16px;
}

/*------------------------------------------------------------IMAGES----------*/

img.tutorphoto {
float: right; border: none; margin-right: 20px;
}