body         { font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; 
               font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; 
              /*background-image: url('../images/mainbg.jpg'); */
               background-color: #FFFFE1; margin: 0; padding: 0 }
          
#header {
	padding : 5px; 
	border-width : 0; 
	height : 20px;
	background-color:#ffffe1;
	color : #004d74;
	font : 80% Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	margin : 0 0 0 0; 
} 
body > #header {
height : 20px; 
}
#left {
   /*float: left;*/
	position: absolute;
	padding: 0px;
	top: 115px;
	left: 0px;
	width: 240px;
	/*background-color:yellow;*/
		}
#content {
	margin-left: 10px;
	margin-right: 10px;      /* 20 px */
	padding: 0;
	color: #000;
	font-size:85%;	
	}
	#content img{
		padding: 0;	     /* was 15 px; then 10 then 5, then none.  Padding comes from elsewhere */
	 }
	 
#otherleftstuff { 
	width: 88%;
	padding: 10px 6% 40px 6%;
	}
#right {
	float:right;
	margin: 50px 10px 10px 5px;
	/*position: absolute;*/
	width: 200px;			 
	right: 5px;
	/*height: 250px;*/
	/*overflow: hidden;*/
	/*margin-left: 75%;*/
	padding: 0px 0 5px 2px;
	/*top: 85px;*/
	font-size:70%;
	background-color:  #e4e4e4;
	border: 3px solid #A5B5C6;
	}

#right h1{
    color:#ffa500;
    font-size: 150%;
    text-decoration: none;
    }
#right h1 a{
    color:#ffa500;
    text-decoration: none;
    }

ul.rightnav {
	margin: 0 0 0 15px;
	padding: 2px;
	}
ul.rightnav  li  {
   	/*list-style-position: inside;*/
    line-height: 1.75em;
     }

#breadcrumb{
   font-size:65%;
   background-color:#FFFFE1;
   border-bottom:1px solid #6b1c89;
   padding: 3px;
  }
#breadcrumb ul {
   margin-left: 0;
   padding-left: 0;
   display: inline;
   

   }
#breadcrumb ul li a{
   margin-left : 0;
   padding-left : 2px;
   list-style: none;
   display: inline;
   color: #204558;
   

  }
#breadcrumb ul li {
   margin-left : 0;
   padding-left : 2px;
   list-style: none;
   display: inline; 
   color: #204558;
  }

  #breadcrumb ul li.last {
   color:#fff;
  }

#footer {
   	clear: both;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background-color: #D6D6D6;
	color: #000;
	}
#footer p {
	margin: 4px;
	font-size : 70%;
	text-align: center;
	}
	

#topcontent {
	position: absolute;
	top: 5px;
	right: 2px;
	width: 100%;
	}

#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 2px;
	}
#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	}
#topcontent ul li {
	display: inline;
	/*padding: 0 0.5em;*/
	padding: 0 2px 0 2px;
	border-left: 1px solid #EFE28E;
	}
#topcontent ul li.first {
	border-left: 0px none;
	}
#topcontent ul li a {
	/*font: 0.7em /1 verdana, sans-serif;*/
	font-size: 70%;
	color:#204558;
	font-weight: bold;
	
	}
#topcontent ul li a:hover {
	color:#cccccc;
	}


#topcontent form {
	position: absolute;
	right: 0px;
	top: 35px;
	margin: 0px;
	}
	
	
	
	
#mainpic      { 
    background-image: url('../images/logobg.jpg'); 
    background-repeat: repeat;
    background-color: #204558; 
    margin: 0px;
    padding: 0px; }
   
    
.textbox {					/* Until IE understands <css> input[type="file"] { </css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating */
	padding: 4px;
	font:  small verdana, sans-serif;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}

.button {
	/*padding: 2px;*/
	/*font: bold small verdana, sans-serif;*/
	color: #fff;
	background-color: #5C6F90;
	border: 1px solid #000;
	}

#mainnav {
   padding: 1px;
   margin: 0 0 0 15px;
   
   }
#mainnav ul  {
	margin: 0 0 0 5px ;
	padding: 1px;
	/*background-color: #D6D6D6;*/
	}
#mainnav  ul li {
	font-size:70%;
	/*list-style: disc url("../images/bullet1.gif");*/
	line-height: 1.5em;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	list-style-type: none;
	}
#mainnav ul li ul li{
    font-size:85%;
	list-style-image:url("../images/arrow.gif");
    line-height: 1.5em;
	padding: 0 0 0 0;
	margin: 4px 0 0 5px;
	}
		
#mainnav ul  li.last {
	/*display: block;*/
	padding-bottom: 10px;
	border-bottom: 2px solid #6b1c89;
	}

#mainnav ul li a {
	margin: 0px 0px 0 0px;
	font-weight:bold;
	color: #204558;
	text-decoration: none;
	}
#mainnav ul li a img {
	border-color: purple;
	border: solid;
	border-width: 1px;
		}
#mainnav ul li a:hover {
	color: #6b1c89;
	}
#mainnav ul li.selected {
    background-color: #FFFFce;
  }


div.mainhdr {
background-color : #e4e4e4;
border: 1px solid #c0c0c0;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}

h1 {
color: #204558;
font-weight:bold;
padding : 0px; 
margin:0px;
font-size : 100%; 
}
h2 {
color:#204558;
padding : 0px; 
margin : 0px; 
font-size : 100%;  
} 
.imgleft {
float: left;
padding: 5px;
}

.imgright {
float: right;
padding: 5px;
}



div.subhdr {
background-color : #e4e4e4;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}

#subhdrBottom {
background-color : #e4e4e4;
padding:5px;
margin-top:10px;
margin-bottom:10px;
font-size:70%;
}

#subhdrBottom ul {
   margin-left: 0;
   padding-left: 0;
   display: inline;
   

   }
#subhdrBottom ul li a{
   margin-left : 0;
   padding-left : 2px;
   list-style: none;
   display: inline;
    /* color: #91B1CA;*/
   

  }
#subhdrBottom ul li {
   margin-left : 0;
   padding-left : 2px;
   list-style: none;
   display: inline; 
   /*color: #fff;*/
  }


td {
padding : 5px; 
border : 1px solid #c0c0c0; 
vertical-align : top; 
} 
td.x {
/*padding : 5px; */
border : 0px solid red; 
vertical-align : top; 
}

td.calendarTD {
font: 70% Arial, verdana, sans-serif;
} 

.odd {
background-color : #FFFFe4; 
}
.even {
background-color : #ffffff; 
} 

.yellow {
background-color : #FFFFCC; 
} 

.normal {
background-color : #ffffff; 
} 
th {
padding : 5px; 
border : 1px solid #c0c0c0; 
text-align : left; 
background-color : #e4e4e4; 
} 

li a:hover{
color:red
}
div.linehdr {
background-color : #e4e4e4;
padding:5px;
margin-top:10px;
/*font-size:80%;*/
border: 1px solid #c0c0c0;
}

div.line1 {
border: 1px solid #c0c0c0;
border-top:0px;
padding:5px;
}

div.line2 {
background-color :#FFFFe4;
border: 1px solid #c0c0c0;
border-top:0px;
padding:5px;
}


#pagemenu {
   background-color :#FFFFe4;
	border : 1px dashed #c0c0c0;
		}

#pagemenu ul {
	/*position: absolute;*/
	right: 0px;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	}
#pagemenu ul li {
	display: inline;
	/*padding: 0 0.5em;*/
	padding: 0 2px 0 2px;
	border-left: 1px solid #000000;
	}
#pagemenu ul li.first {
	border-left: 0px none;
	}
#pagemenu ul li a {
	/*font: 0.7em /1 verdana, sans-serif;*/
	font-size: 75%;
	color:#000000;
	font-weight: bold;
	
	}
#pagemenu ul li a:hover {
	color:#cccccc;
	}
tr.si{
   font-size:75%;
   
   }
th.si{
 /* padding : 5px; */
  border : 1px solid #c0c0c0; 
  text-align : left; 
  background-color : #e4e4e4; 
  font-weight:normal;
  }


#menubar ul {
   margin-left: 0;
   padding-left: 0;
   display: inline;
   }
#menubar ul li a{
   font-size: 80%;
	color:#204558;
	font-weight: bold;
    }
#menubar ul li {
   margin-left : 0;
   list-style: none;
   display: inline; 
   padding: 0 12px 0 12px;
   border-left: 1px solid #204558;
  }
#menubar ul li.first {
	border-left: 0px none;
	}
.smallthumb {
  float: left;
  width:70px;
  font-size: 80%;
  line-height: 120%;
  margin-right: 50px;
}
.smallthumb img {
  border:1px solid #aaa;
}

	
#colorParagraph {				/* MAKES A BLUE BOX AROUND paragraph CONTENT */
	border: 3px  double  #003366; /*  #e6fcff; #bbdfff; #9dd0ff; border: 15px solid #f0f8ff; */  /* padding: 5px; */
	background-color: #f0f8ff; /*  #fff; */
	padding: 0  5px  0  5px;	/*  padding: 0  20px  0  20px;	 	padding-left: 2px; */
	color: #000;		    	
	font-weight: 550; 			/* 500	font-size: 1em;	 text-align:justify;*/
	}