body {
background:#FFF url(images/tree.jpg) no-repeat top center;
border-top:10px solid #2e8696;
width:auto;
font:normal 12px "Lucida Grande", sans-serif;
color:#3f4648;
line-height:150%;
margin:0;
padding:0;
}

a {
font:normal 12px "Lucida Grande", sans-serif;
text-decoration:none;
color:#2e8696;
}

a:hover {
font:normal 12px "Lucida Grande", sans-serif;
text-decoration:none;
color:#2e8696;
border-bottom:solid 1px #3f4648;
}

h4 {
font:normal 9px "Lucida Grande", sans-serif;
color:#3f4648;
line-height:150%;
}

h4 a {
font:normal 9px "Lucida Grande", sans-serif;
text-decoration:none;
color:#2e8696;
}

h4 a:hover {
font:normal 9px "Lucida Grande", sans-serif;
text-decoration:none;
color:#2e8696;
border-bottom:solid 1px #3f4648;
}

img {
border:none;
}

input {
background-color:#E1E1E1;
}

label {
width:4em;
float:left;
text-align:right;
margin-right:0.5em;
display:block;
}

.submit input {
margin-left:4.5em;
}

#container {
width:710px;
margin:10px auto;
}

#bio_container {
width:290px;
margin:0 auto;
}

#termscontainer {
width:400px;
margin:10px auto;
}

#logo {
font:normal 40px "Georgia", serif;
color:#000;
text-align:left;
background-color:#FFF;
margin:0;
padding:0;
}

#logo img {
padding:10px 0;
}

#line {
font:normal 40px "Georgia", serif;
color:#000;
text-align:left;
background-color:#FFF;
border-bottom:1px solid #ddd;
margin:25px 0;
padding:0;
}

#left {
width:420px;
float:left;
margin:0 0 20px 0;
}

#guide {
width:710px;
margin:20px 0 20px 0;
}


#welcome {
font:normal 12px/17px "Lucida Grande", sans-serif;
text-align:justify;
color:#495761; 
width:408px;
float:left;
margin-bottom:20px;
background:#F0F0F0;
border:solid 1px #DBDFE4; 
padding:12px 13px; 
-webkit-border-radius:10px;
-moz-border-radius:10px; 
border-radius:10px;
border-top:solid 1px #EBEEF1; 
border-bottom:solid 1px #C6CCD3;
}

#new {
font:normal 12px/17px "Lucida Grande", sans-serif;
text-align:justify;
color:#495761; 
width:682px;
float:left;
margin-bottom:20px;
background:#F0F0F0;
border:solid 1px #DBDFE4; 
padding:12px 13px; 
-webkit-border-radius:10px;
-moz-border-radius:10px; 
border-radius:10px;
border-top:solid 1px #EBEEF1; 
border-bottom:solid 1px #C6CCD3;
}

.r{
text-align:right; 
width: 224px; 
height: auto; 
margin: 0 0 0 25px;
border:6px solid #C6CCD3;
}

#new span {
color:#333;
margin-right:5px;
padding:2px 15px 3px 15px;
background:#fff;
border:solid 1px #C6CCD3; 
-webkit-border-radius:10px;
-moz-border-radius:10px; 
border-radius:10px;
}

#new span a{
color:#666;
text-decoration:none;
}

#new span a:hover{
color:#000;
border:none;
background:e1e1e1;
}

#post {
font:normal 12px "Lucida Grande", sans-serif;
text-align:justify;
line-height:150%;
color:#3F4648;
width:418px;
float:left;
background:#FFF;
border-bottom:1px solid #ddd;
margin:0;
}

h1 {
font:bold 28px Helvetica, Arial, sans-serif;
color:#000;
letter-spacing:-5%;
text-align:left;
margin:0;
padding:0;
}

h2 {
font:normal 18px Helvetica, Arial, sans-serif;
color:#2e8696;
text-align:left;
margin:0;
padding:0;
}

.bar {
background-color:#F0F0F0;
border-bottom:1px solid #ddd;
border-top:0 solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

.submenu {
background-color:#F0F0F0;
border-bottom:0 solid #ddd;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:48px 10px 0;
}

#right {
float:right;
font:normal 11px "Lucida Grande", sans-serif;
line-height:150%;
text-align:left;
color:#3F4648;
width:250px;
display:inline;
position:relative;
border-bottom:1px solid #ddd;
margin:0 0 10px;
}

#rightlogin {
float:right;
font:normal 11px "Lucida Grande", sans-serif;
line-height:150%;
text-align:left;
color:#3F4648;
width:250px;
display:inline;
position:relative;
margin:0 0 10px;
}

h3 {
font:bold 11px Helvetica, Arial, sans-serif;
color:#000;
text-transform:uppercase;
letter-spacing:-5%;
margin:0 0 3px;
}

.footer {
border-top:1px solid #ddd;
width:690px;
clear:both;
font:normal 11px "Lucida Grande", sans-serif;
color:#888;
text-decoration:none;
text-align:right;
background:#F0F0F0;
margin-bottom:40px;
padding:10px;
}

.footer a {
text-decoration:none;
font:normal 10px "Lucida Grande", sans-serif;
color:#996;
}

.footer a hover {
text-decoration:underline;
font:normal 10px "Lucida Grande", sans-serif;
color:#996;
}

//** added by Ty **//
.navigation {
text-align:left;
height:30px;
width:240px;
float:left;
margin:0;
}

.navigation span {
color:#333;
margin-right:5px;
padding:3px 15px 3px 15px;
background:#F0F0F0;
border:solid 1px #DBDFE4; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-top:solid 1px #EBEEF1; 
border-bottom:solid 1px #C6CCD3;
font:normal 12px "Symbol", sans-serif;
line-height:150%;
}

.navigation span a{
color:#2e8696;
text-decoration:none;
font:normal 12px "Lucida Grande", sans-serif;
line-height:150%;
}

.navigation span a:hover{
color:#000;
border:none;
font:normal 12px "Lucida Grande", sans-serif;
line-height:150%;
}

#ustatus {
font:normal 12px "Lucida Grande", sans-serif;
line-height:150%;
color:#3F4648;
float:right;
text-align:right;
background:#FFF;
margin:0;
padding:0;
border:none;
}

.post2 {
font:normal 12px "Lucida Grande", sans-serif;
text-align:left;
line-height:150%;
color:#3F4648;
width:396px;
min-height:250px;
float:left;
background:#FFF;
border-bottom:2px solid #ddd;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
margin:0 0 30px;
padding:10px;
}

.post2 h1 {
font:bold 28px Helvetica, Arial, sans-serif;
color:#000;
letter-spacing:-5%;
}

ul.nav,.nav ul {
cursor:default;
list-style-type:none;
display:inline;
border:1px solid #369;
margin:0;
padding:0;
}

ul.nav {
display:table;
}

ul.nav>li {
display:table-cell;
position:relative;
padding:2px 6px;
}

ul.nav>li:hover {
padding-right:1px;
}

[*]
ul.nav li>ul {
display:none;
position:absolute;
max-width:40ex;
margin-left:-6px;
margin-top:2px;
}

ul.nav li:hover>ul {
display:block;
}

.nav ul li a {
display:block;
padding:2px 10px;
}

ul.nav,.nav ul,.nav ul li a {
background-color:#fff;
color:#369;
}

ul.nav li:hover,.nav ul li a:hover {
background-color:#369;
color:#fff;
}

ul.nav li:active,.nav ul li a:active {
background-color:#036;
color:#fff;
}

.nav a {
text-decoration:none;
}

//** from style.css **//
@charset "utf-8";
.navbar {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:normal;
color:#FFF;
background-color:#2e8696;
text-align:left;
clear:none;
height:auto;
width:840px;
float:left;
margin:0;
padding:5px;
}

.navbar a {
color:#FFF;
}

.bottomcontent a {
font:normal 12px "Lucida Grande", sans-serif;
text-decoration:none;
color:#2e8696;
}

.contentleft {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
color:#000;
background-color:#FFF;
text-align:left;
clear:none;
height:auto;
width:600px;
float:left;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-color:#f1efe3;
border-bottom-color:#f1efe3;
border-left-color:#f1efe3;
margin:0 0 15px;
padding:5px;
}

.contentleft a {
color:#017ca5;
}

.contentright {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
color:#000;
background-color:#f1f7ff;
text-align:left;
clear:none;
height:auto;
width:200px;
float:right;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-color:#e2e2f1;
border-bottom-color:#e2e2f1;
border-left-color:#e8e8f2;
margin:0 0 5px;
padding:5px;
}

.container {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:normal;
background-color:#FFF;
clear:none;
float:none;
height:auto;
width:850px;
margin:0 auto;
}

.innercontainer {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:normal;
background-color:#FFF;
clear:none;
float:left;
height:auto;
width:845px;
margin:0 auto;
}

.bottomcontent {
font:normal 12px "Lucida Grande", sans-serif;
color:#3F4648;
background-color:#F0F0F0;
text-align:right;
clear:none;
width:700px;
float:left;
border-top:1px solid #ddd;
margin:0 0 40px 0;
padding:5px;
}







.leftbeam {
background-color:#017ca5;
clear:none;
height:inherit;
width:5px;
float:left;
margin:0;
}

.loginbox {
float:left;
width:190px;
}

.loginbox p {
padding:8px;
}

.loginbox a {
font-size:10px;
}

.loginbox input {
float:left;
}

.iconspan {
float:right;
cursor:pointer;
font-weight:700;
margin:3px;
}

.eg-bar {
background-color:#f1f7ff;
font-weight:700;
border:1px solid #000;
padding:3px;
}

div.eg-bar {
width:425px;
}

.icongroup1 {
width:590px;
}

#textinput-multiple {
font-size:9px;
}

.teachertable {
text-align:center;
font-family:Verdana;
font-weight:400;
font-size:11px;
color:#404040;
border:1px #000 solid;
border-collapse:collapse;
border-spacing:0;
margin:0 0 0 5px;
}

.teachertable td {
text-align:center;
font-family:Verdana;
font-weight:400;
font-size:11px;
color:#404040;
border:1px #000 solid;
border-collapse:collapse;
border-spacing:0;
padding:3px;
}

#multistudentpop {
position:absolute;
visibility:hidden;
width:400px;
height:445px;
left:20px;
top:300px;
background-color:#FFF;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
z-index:1;
padding:10px;
}

#multiteacherpop {
position:absolute;
visibility:hidden;
width:530px;
height:445px;
left:20px;
top:300px;
background-color:#FFF;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
z-index:1;
padding:10px;
}

#fileuploadpop {
   position: absolute;
   visibility: hidden;
   width: 360px;
   height: 200px;
   left: 20px;
   top: 300px;
   background-color: white;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px;
   z-index: 1;
}

#logentry {
   position: absolute;
   visibility: hidden;
   width: 280px;
   height: 170px;
   left: 20px;
   top: 300px;
   background-color: white;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px;
   z-index: 1;
}

#logdisplay {
   position: absolute;
   visibility: hidden;
   width: 500px;
   height: 400px;
   left: 20px;
   top: 300px;
   background-color: white;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px;
   z-index: 1;
   overflow:scroll;
}

#fileautocomplete {
   position: absolute;
   visibility: hidden;
   width: 280px;
   height: 100px;
   left: 20px;
   top: 300px;
   background-color: white;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px;
   z-index: 1;
}

#lessonautocomplete {
   position: relative;
   visibility: hidden;
   display:none;
   width: 250px;
   height: 0px;
   left: 5px;
   top: 5px;
   background-color: white;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px;
   z-index: 1;
}

#close {
float:right;
}

.errormsg {
color:red;
font-weight:700;
}

#commentheader {
font:normal 10px "Lucida Grande", sans-serif;
text-align:justify;
font-style:bold;
line-height:100%;
color:#3F4648;
width:380px;
float:left;
background:#F0F0F0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:0px 0px 0;
padding:5px;
}

#commentheader #comadd {
margin: 2px 2px 2px 250px;	
}

#commentadder {
width:360px;
align:right;
background:#FFF;
padding:5px;
}

#comment {
font:normal 11px "Lucida Grande", sans-serif;
text-align:justify;
font-style:italic;
line-height:150%;
color:#3F4648;
width:350px;
float:left;
background:#F0F0F0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:0 18px 2px;
padding:5px;
}

#comment h2 {
font:bold 11px Helvetica, Arial, sans-serif;
font-style:italic;
color:#000;
text-transform:uppercase;
letter-spacing:-5%;
}

#post h2,.post2 h2 {
font:bold 11px Helvetica, Arial, sans-serif;
color:#000;
text-transform:uppercase;
letter-spacing:-5%;
}

#post h3,.post2 h3, #comment h3 {
font:normal 11px "Lucida Grande", sans-serif;
line-height:150%;
text-align:justify;
text-transform:none;
color:#999;
margin:0 0 10px;
}

#post h3 a, .post2 h3 a{
font:normal 11px "Lucida Grande", sans-serif;
}

#post span,.post2 span {
margin:15px 15px 10px;
}

#fileuploadpop td {
   font-size:80%;
}

#multistudentpop td,#multiteacherpop td {
font-size:80%;
}

#l_search {
     position         :absolute;
     width            :200px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
	 padding-right    :40px;
	 font-size: 12px;
}
 
#update {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
} 
li {list-style-type:none;}
li.selected    { background-color: #F0F0F0; }