/* Global Styles */

body {
	margin:0px;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	/* font-size:80%; */	
	}

.class {
   background-color:orange;
}	

td {
	font:12px arial;
	color:#fff;
	}
	
hr {
	height:1px; 
	color: #cccccc;
	border: none;
	}
	
a {
	color: #CC3300;
	text-decoration:underline;
	}
	
a:hover {
	color: #FF3300;
	text-decoration:none;
	}
	
/* ID Styles */
#wrapper{
margin-left: 5%;
margin-right: 5%;
background-color: #999;
}

#fltleft{
	float:left;
	width: 50%;
	margin-left: 3px;
	margin-right: 5px;
}

#caption{
	font:10px;
	text-decoration: none;
	margin-left: .5em;
}

#header{
background-color: black;
background-image: url(../images/header-black.png);
background-repeat:no-repeat;
background-position:left;
height: 100px;
width: 100%;
padding-top: 0px;
}

#left-side-bar{
height:600px;  /*    */
background-color: black;
float:left;
width: 15%;
}

#main-content{
	font-size:18px;
background-color: #DADADA;
background-color:#E8E8E8;
padding-left: 5px;
margin-left:5px;
float:left;
overflow:auto;
height: 580px;
width:69%;
}

#right-side-bar{
background-color:#E8E8E8;
text-align:center;
height: 580px;  /* 580px */
float:left;
width: 15%;
}

#address{
	font:12px arial;
	color:#fff;
	margin-left: 80%;
	margin-top: 15px;
	font-weight:bold;
	/* float:right;  */
}

#navigation a {
	font:11px georgia;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#ffffff;
	border: 1pt dotted red;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.bodyText {
	font:11px arial;
	/*  color:#99CCFF;  */
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	}
	
.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}

.listmenu ul {  
 margin: 0 0 5px 0;  
 padding: 0 0 2px 0;  
 list-style-type: none;  
 width:100%;}  

.listmenu li a {  
 color: #fff;  
 display: block;  
 /* border-left:3px solid #666;  
 border-right:3px solid #666; */ 
 height: 16px;  
 padding: 4px 0 4px 14px;  
 text-decoration: none;  
 font-weight:bold;  
 background-color: black;}  

.listmenu li a:hover {  
  background-color: #666;  
  color: #FF7F00;}
    
#reminderbox {
    width: auto;
	height: auto;
	border:5px;
	border-color: #FF33CC;
	border-style: ridge;
	background-color: #FFFFFF;
	/*  use this to comment out */
    background-image: url(../images/teachers/rosaliedace.jpg);
	background-repeat: no-repeat;
	/* padding-left: 170px; */
    padding-left: 120px;
	/*padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	 float: right; 
    text-align:left;
	color: #996666;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-size:12px;
	font-weight: bold;
}
/*
#TextArea{
   background-color: #EFF5F9;
   layer-background-color: #000000;
   border: 2px #000000;
   width: 350px;
   height: 400px;
   overflow: auto;
   padding-right: 1em;
   padding-left: 1em;
}
 - style="position:absolute; left: 10px; top: -11px; -
*/
.orangeee{
   background-color: #EFCC99;
}

.blackee{
   color:black;
   background-color: #EFCC99;
}

#ImageArea {
  background-color: ##EFF5F9;
  layer-background-color: ##000000;
  border: 2px ##000000;
  width: 200px;
  float: left;
  margin-top: 20px;
}
#TextArea {
 float: left;
 background-color: ##EFF5F9;
 layer-background-color: ##000000;
 border: 2px ##000000;
 width: 400px;
 height: 500px;
 overflow: auto;
 padding-right: 1em;
 padding-left: 1em;
}
.floatleft {
float: left;
padding: 2px 2px 2px 2px;
font-weight:bold;
text-align: center;
}

.caltable {
  border:2px; 
  background-color: #EFCC99;
  color: black;
}


#bigbox
{
	width: 720px;
	float: left;
	background-color: #FFC184;
	border-color: #996633;
	border-style: dashed;
	border-width: 2px;
	color: #663333;
	padding: 5;
	margin: 5;
}
.name {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	height: 20px;
	text-align: center;
	background-color: #EFE7DE;
	}
.month {
	width: 700px;
	font: bold 20px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #C49F7B;
	text-align: center;	}

.edges {
	width: 50px;
	font: bold 25px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #C49F7B;
	text-align: center;
}

.today, td.today a, td.today a:link, td.today a:visited {
	vertical-align: top;
	color: #FFDD88;
	font-weight: bold;
	background: #DF9496;
	padding: 20px;
}


#calendar {
	width: 700px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #FFFFEE;
}

.nav, .nav a {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
}	

.month {
	width: 700px;
	font: bold 20px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #C49F7B;
	text-align: center;
}