/*--- v.0.1 -  last updated 05/07/03 by cs ---*/
/* pallette: darkest:#6762AA lighter:#918BC1 lightest:#E7E7FF */

body {

	margin:10px;
	text-align:center;
	font:11px verdana, arial, helvetica, sans-serif;
	color:#333;
}
form{
clear:none;
}

h1 {
	color:#6762AA;
	font:bold 20px verdana, arial, helvetica, sans-serif;
	vertical-align:middle;
	background: transparent;
	}

h2 {
	color:#6762AA;
	font:bold 15px Verdana, arial, helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 2px;
	background: transparent;
	}

h3 {
	color:#6762AA;
	font: bold 13px Verdana, arial, helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 2px;
	background: transparent;
}

h4 {
	font: bolder 10px verdana, arial, helvetica, sans-serif;
	letter-spacing: 0.09em;
	padding-top:3px;
	color:#6762AA;
}

.date {
	text-align: center;
	font: 10px verdana, arial, helvetica, sans-serif;
	letter-spacing: 0.09em;
	}

.Upgrade {
	display: none;
	font-weight: bold;
}

p {
	margin-top:10px;
	}

ol, ul {
	margin-bottom:10px;
	line-height:1.8;
	}

#Container {
	width:747px;
	text-align:left;
	float:left;
	background-color:transparent;
	color: #333;
	}

#Main {
	width:563px;
	float: left;
	text-align:left;
	margin-top: 5px;
	margin-left:5px;
	padding-left:0px;
	border: 1px solid #6762AA;
	background-color:#918BC1;
	color: #fff;
	}

#header {
	width:730px;
	height: 60px;
	background-color:#6762AA;
	color:#fff;
	border:0px;
	margin:0px;
	padding:0px;
}

#headerLogo {
	float:left;
	background-color:#6762AA;
}
#headerForm {
	float:right;
	margin:10px;
	padding:10px;
	color:#fff;
	font:bold 8pt;
}
#Sidebar {
	width:160px;
	float: left;
	margin-top: 5px;
	text-align:left;
	background-color: transparent;
	color: #333;
	margin-right:0px;
	padding-right:0px;
	}

#Sidebar p {
	margin-left:5px;
	line-height:1.5;
}

.Sidetitle {
	width: 160px;
	color: #fff;
	background-color:#6762AA;
	padding: 5px;
}

.Sidecontent {
	width: 160px;
	padding-top: 5px;
	padding-bottom: 5px;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color:#666;
	text-align:left;
	border: 1px solid #ccc;
	background-color:#fff;
	text-decoration:none;
}

#Topmenu {
	text-align:left;
	padding:5px 10px;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#fff;
	text-transform: uppercase;
}

#Content {
	width: 550px;
	margin-left:6px;
	font:11px/1.8 verdana, arial, helvetica, sans-serif;
	color:#333;
	text-align:left;
	padding:10px;
	border: 1px solid #ccc;
	background-color:#fff;
}
#Bottommenu {
	padding:10px 5px 0px;
	background-color:#918BC1;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#fff;
	width:563px;
}
#Bottom {
	padding:10px 5px;
	background-color:#ddd;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#333;
	height:25px;
	width:563px;
}
.leftText {
	float:left;
	text-align:left;
	padding-bottom:10px;
}
.rightText {
	float:right;
	text-align:right;
	padding-right:3px;
}
.leftLogin {
	float:left;
	text-align:left;
	width:450px;
}
.rightLogin {
	float:right;
	text-align:right;
	width:250px;
}
#footerIcons {
  	text-align: center;
	background: transparent;
}

a {
	color:#666;
	background: transparent;
}

a.highlight {
	color:#f00;
}

input,select,textarea {
	font:10px verdana, arial, helvetica, sans-serif;
	color: #666;
	/*background-color:#eee;*/
	clear:none;
}

div.row {
  clear: both;
  padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 75px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 75px;
  text-align: left;
  }

div.spacer {
  clear: both;
}

.warning {
	color: #f00;
}
.loginFeedback {
	font-weight:bolder;
	color:#000;
}
 td {
 	font: 8pt verdana;
	color:#333;
	vertical-align:top;
}

span.menuItem a {
 	margin-left:3px;
	text-decoration: none;
}

 span.sideMenuItem {
 	display:block;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
span.sideMenuItem a {
	text-decoration: none;
}
span.headerMenuItem a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

 .headerContent {
 	display:block;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	text-align: center;
	padding:0px 3px 0px 3px;
 }
#keyDocs{
	 border: 1px solid #999;
	 width: 500px;
	 height: 100px;
	 overflow: auto;
 }
 #keyDocsHeader{
	color: #6762AA;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
 }
#keyDocsHeader a{
	color: #6762AA;
	text-decoration:none;
}
 .treeNode{
	font: 8pt verdana;
	display:block;
	position: relative;
}
.treeNode a {
	text-decoration: none;
}
.buttonwrapper {background-color:#918BC1}
.buttonwrapperon {background-color:#ffffff}
#loginPanel{
margin-top: 5px;
height:30px;
width:730px;
color: #fff;
}
#loginPanel td{
color:#fff;
vertical-align: middle;
text-align:right;
background-color:#918BC1;
}
#loginPanel a{
color:#fff;
}
.breadCrumbsText {
	color: #fff;
}

/* tree stuff */

li.folder {list-style-image:url("/education/images/tree_icons/folder.gif");}
li.folder ul {display:none; }
li.folder a {color:#0000ff;text-decoration:none;}
li.folder a:hover {text-decoration:underline;}

li.folderOpen { list-style-image:url("/education/images/tree_icons/folder_open.gif");}
li.folderOpen a{color:#000099;text-decoration:none;}


li.doc { list-style-image:url("/education/images/tree_icons/doc.gif");}
li.doc a {color:#0000ff;text-decoration:none;}
li.doc a:hover {text-decoration:underline;}
