body
   {
		margin: 0;
		padding: 0;
		font-family: Arial, Verdana, Sans-Serif;
		color: #000;
		background-color: #eee;
		font-size : 85%;
	}

#form1 {
   background-color: #fff;
   margin: 0 25px;
   padding: 1px 25px 25px 25px;
}

.warning {
   color: #FF0000;
   font-weight: bold;
}
.msg {
   color: #00CC00;
   font-weight: bold;
}

#fldLogin {
   width: 350px;
   padding: 25px;
}
   .field {
      margin-top: 10px;
   }

#banner
	{
		border-bottom: 1px solid #333;
		background : #a1ceff url(images/logo2.gif) no-repeat right top;
		height:50px;
	}
		
#banner p { margin:0 0 4px 4px; }

		#topbar
		{
			border-bottom: 1px solid #333;
			background : #a1ceff url(images/topbar.gif) repeat-x left top;
			height: auto;  /* 24px */
			padding: 4px 0 0 0;
			margin:0;
		}
		
		#topbar ul 
		{
			margin:0 0 0 12px;
			padding:0;
			list-style-type :none ;
		}
		#topbar li 
		{
			display : inline ;
			margin: 0 12px 0 12px;
			padding:0;
			background-image: url(images/topbar.jpg);
			background-repeat: no-repeat;
			background-position: left top;
		}
		
		#topbar a { color: navy; text-decoration: none;  margin-left:12px;}
		#topbar a:hover { color:#990000; }
		

		#nav
		{
			border-bottom: 1px solid #333;
			background : #c0ffff;
			height:24px;
			padding: 4px 0 0 0;
			margin:0;
		}
		
		#nav ul
		{
			margin:0 0 0 12px;
			padding:0;
			list-style-type :none ;
		}
		#nav li
		{
			display : inline;
			margin: 0 12px 0 12px;
			padding: 0;
			background-image: url(images/topbar.jpg);
			background-repeat: no-repeat;
			background-position: left top;
         color: red;
		}
		
		#nav a { color: #000000; text-decoration: none;   margin-left:12px;}
		#nav a:hover {color:#ff0000;}

.inlineH1 {
   font-size: 1.2em;
   font-weight: bold;
}

		.sh1 {font-size:1.2em; font-weight: bold; margin-top: 12px;}
		.sh2 {font-size:1.2em; font-weight: normal; margin-top: 12px;}
		
		ul.lstNews 
		{
			list-style-type:none;
			list-style-image:url(images/star_icon.gif); 
			margin-left: 16px;
			padding-left:8px;
		}
		  
		ul.lstNews li
		{
			margin-left: 0px;
			padding-left:0;
		}

 		html>body #Form1 {margin-right:0;}  /* ignored by IE */
		#Form1 h1 { font-size:1.2em; font-weight: bold; margin-top: 12px; }
		#Form1 td {font-size: 0.8em;}
		#Form1 small {font-size: 0.9em;}
		
		#Form1 input { font-family:Verdana,Arial,Helvetica;  }
		#Form1 textarea { height:64px;font-family:Verdana,Arial,Helvetica;}
		
		#Form1 a { color:#000099; }
		#Form1 a:hover { color:#FF0000; }
		
		
		.formText { width:400px;}
		
		.warning {color:Red; font-weight:bold;} 
		.warning2 {color:#FF0000; font-weight:normal;} 
		
		.inlineH1 { font-size:1.2em; font-weight: bold;}
		
		.cLinks {margin: 0 0 0 24px; list-style-image:url(images/folderlist.gif); }
		.bLinks {margin: 0 0 0 10px; list-style-image:url(images/spacer.gif); }
		
		#divCols {display:block; float:left; width:96%;}
		#colA {display:block; float:left; width:35%;}
		#colB {display:block; float:left; width:26%;}
		#colC {display:block; float:left; width:35%;}
 		html>body #colC {width:39%;}  /* ignored by IE */
		
		.p1 {
		 float: left; 
		 display: block;  
		 width: 100%; 
		 padding: 15px; 
		 background: #fff; 
		 margin-right: 10px; 
		 margin-bottom: 10px;
		 border : outset 1px #99ccff; 
		}
		html>body .p1 {width:90%;} /*  ignored by IE */
		
		.p2 {
		 float: left; 
		 display: block;  
		 width: 100%; 
		 padding: 15px; 
		 background: #fff; 
		 margin-right: 10px; 
		 margin-bottom: 10px;
		 border : outset 1px #99ccff;
		}
		html>body .p2 {width:87%;}  /* ignored by IE */

		#footer
		{
			clear: both;
			background-color: #a1ceff;
			text-align: center;
			border-top: 1px solid #333;
		}
		#footer p { margin: 4px 0 0 0;}

	h5 {margin: 2px;}

/*  diary  */				
		
       #diary td {  vertical-align :top ;}
       
       td.dM {
    text-align: left;
    color: #000099;
    border: none;
    border-collapse:collapse;
    font-size:18px;
    font-weight:bold;
}
td.h2 {
    background-color: #c0c0c0;
    color: #ffffff;
    text-align: center;
}
td.dD {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
}
td.e {
    background-color: #FFFFCC;
    color: #ffffff;
    text-align: center;
}
td.x {
    background-color: #dedbde;
    color: #6b6d73;
    text-align: center;
}
td.wx {
    background-color: #efefef;
    color: #6b6d73;
    text-align: center;
}
td.wc {
	background-color: #FFD379;
	color: #6b6d73;
    text-align: center;
}

/* diary */

#dCal {
   width: 300px;
}

.mo {
   float:left;
   width: 64px;
   height:20px;
   text-align: center;
   padding-top: 4px;  
}
.days {
   float:left;
   width: 32px;
   height:20px;
   text-align: center;
   padding-top: 4px;  
}

.day0, .wkd1 {
   clear:both;
}
.day1, .day2, .day3, .day4 {
}
.day5, .day6 {
}

.wkd5, .wkd1, .wkd2, .wkd3, .wkd4 {
   background-color: #cccccc;
   border-bottom: solid 1px grey;
}
.wkd6, .wkd7 {
   background-color: #e0e0e0;
   border-bottom: solid 1px grey;
}

.col0False,.col1False,.col2False,.col3False,.col4False {
   background-color: #ccffcc;
}
.col5False, .col6False {
   background-color: #e0ffe0;
}

.col0True,.col1True,.col2True,.col3True,.col4True {
   background-color: #ffffcc;
}
.col5True,.col6True {
   background-color: #ffffe0;
}

a.aJump {
   text-decoration: none;
   font-weight: bold;
   color: black;
}

.dDate {
   width: 32px;
   height:16px;
   text-align: center;
   background-color: #ccccff;
   font-weight: bold;
}

#dDiary {
   position: absolute;
   left: 360px;
   top: 156px;
}

.diaryDate {
   background-color: #ffffcc;
   width: 500px;
   padding: 3px 6px;
}
.diaryInfo {
   width: 500px;
}
.diaryPin {
   display: inline-block ;
   width: 25px;
}
.diaryEntry {
   display: inline-block;
}

/* - end diary */

#colL1 {display:inline-block; float:left; min-width:350px;}
#colL2 {display:inline-block; float:left; min-width:350px;margin-left: 50px;}

#tblStaff thead, #tblStaff2 thead {
   background-color: #e0e0e0;
}

.tvNode {
   color: #0000c0;
}
.tvLeaf {
   color: black;
}
.tvHover {
   color: #0000f0;
}