html,
body{
   font-family: Arial, Verdana, helvetica;
   background-color: #fff;
   height: 100%;
   overflow: auto;
   }
.page{
	border-left: solid 1px #000;
   border-right: solid 1px #000;
   height: 100%;
	margin: 0 auto;
   text-align: center;
   width: 1010px;
	}
form{
   background-color: #eef8ff;
   height: 100%;
   text-align: left;
   }

/* Utility */
.clear{
   clear: both;
   }
	
/* Header */  
#header{
	height: 75px;
	}
#smallBanner{
	float: left;
	padding-left: 40px;
	width: 130px;
	}
#description{
	background: #eef8ff;
	border-bottom: #eef8ff 1px solid;
	color: #3a75c4;
	font-size: 13pt;
	height: 55px;
	margin-left: 200px;
	padding: 5px 25px 6px 0;
	}
#description h1{
	display: inline;
	font-size: 13pt;
	font-weight: bold;
	padding-right: 20px;
	}
	
/* Side */
#side{
	background-color: #fff;
	border-right: solid 1px #000;
	float: left;
	font-size: 11pt;
	height: 1000px; /* Will get changed as soon as site loads */
	overflow: auto;
	width: 200px;
	}
#side .treeview{
	padding-bottom: 20px;
	}
#side a.return,
#side a.return:link,
#side a.return:visited,
#side a.return:hover,
#side a.return:active{
	color: blue;
	font-size: 90%;
	padding-left: 5px;
	text-decoration: none;
	}
#side a.return:hover{
	text-decoration: underline;
	}

   /* Content */
#largeBanner img{
	height: 75px;
	width: 1010px;
	}
#content{
    overflow: auto;
    padding: 0px 0px 0px 3px;
    }
#content.section{ /* Only used when a section header is showing */
   background: #D6EFFF url( "../images/blank3.png" ) no-repeat scroll left top;
   text-align: left;
   }
#content.section .wrapper{ /* Content is dynamically resized, so we have a wrapper, so we don't affect the height */
   padding: 25px 50px 0 50px;
   }
#sectionDescription{
   color: #3a75c4;
   font-size: 16px;
   line-height: 1.2em;
   }
#sectionDescription h1{
   
   }
#sectionDescription p{
   
   }
#sectionDescription ul{
   padding-top: 8px;
   }
#sectionDescription ul li{
   list-style: disc outside none;
   font-size: 16px;
   margin-left: 25px;
   padding-bottom: 10px;
   }
	
/* Tree */
.leaf{
	font-size: 75%;
	padding:0px 0px 0px 0px;
	
	}
.leaf a:link{
	color: blue;
	}
.leaf a:visited{
	color: Purple;
	}
.leaf a:hover{
	color: Red;
	}
.leaf a:active{
	color: #000;
	}
.leaf a.showing{
	background: #eee;
	color: #000;
	font-weight: bold;
	padding: 0 4px;
	}
	
.parent{
	font-size: 80%;
	padding-left: 2px;
	}
.parent a:link{
	color: #617937;
	}
.parent a:visited{
	color: Purple;
	}
.parent a:hover{
	color: Red;
	}
.parent a:active{
	color: #000;
	}
.parent a.showing{
	background: #eee;
	color: #000;
	font-weight: bold;
	padding: 0 4px;
	}
	
/* Login */
#login{
   overflow: auto;
   }
#login form{
   background-color: #D6EFFF;
   }
#login .side{
	float: left;
	padding: 10px 0 0 15px;
	width: 185px;
	}
#login .container{
	background: #D6EFFF url("../images/blank3.png") no-repeat scroll left top;
	color: #3a75c4;
   font-size: 16px;
   line-height: 1.2em;
   margin-left: 200px;
	}
#login .container .inner-wrapper{
	padding: 25px 50px 0 50px;
	}
#login .container ul{
   padding-top: 8px;
   }
#login .container ul li{
   list-style: disc outside none;
   font-size: 16px;
   margin-left: 25px;
   padding-bottom: 10px;
   }
#login td{
   padding-bottom: 5px;
   }
#login td.label{
   padding: 0;
   }