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: #fff; margin: 0; padding: 0 }
			   
.emphasize {
	font-weight: bold;
	color: #663366;       /* purplish color equivalent to 102-51-102 picture color */
	}
	
.imgleft {
float: left;
clear: left;
padding: 0 15px 5px  0;
}

.imgright {
float: right;
clear: right;
padding: 0  0  5px 15px;
}

.imgcenter {
float: center;
clear: all;
padding: 10px  0  5px 0;
}
 
 
.imgleft2 {
float: left;
clear: left;
padding: 0 2px 5px  0;
}
.imgright2 {
float: right;
clear: right;
padding: 0  0  5px 3px;
}
.imgleft3 {
float: left;
clear: left;
padding: 10px 10px 8px  0;
} 
.imgleft4 {
float: left;
clear: left;
padding: 0 10px 8px  0;
} 
.imgleftca {
float: left;
clear: all;
padding: 10px 10px  0  0;
}

	
/* ______________________ Go to Top LINKS TO MAKE THEM SMALLER */

.sm {
	font-size: 0.8em; 			/*text-align:justify;*/
 	font-weight: 600;       	/*  500 font-weight: normal; 400 */	/*	line-height: 1.1em; */
 	text-align: right;
	}
	

         
#header {
    clear: both;
	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: 135px;
	left: 0px;
	width: 180px;
	/*background-color:yellow;*/
		}
#content {
	margin-left: 205px;
	margin-right: 20px;
	padding: 0;
	color: #000;
	font-size:85%;
	}
#content  ul li {
	
      list-style: disc url("../images/bullet1.gif");
    /* list-style-position: inside;*/
     line-height: 1.3em; 	/* 12-15-08  line-height: 2em; 	 */
	 	/*  	 */	 	/* 12-15-08   	 */
	/*display: block;*/
	padding: 0 0 0 0;
	margin: 5px 0 12px 0;		 	/* 12-15-08   margin: 0 0 3px 0;	 */
	}
#content ul li ul li{
    font-size:85%;
	list-style-image:url("../images/arrow.gif");
    line-height: 1.1em;		 	/* 12-15-08   line-height: 2em;			 */
	padding: 0 0 0 0;
	margin: 10px 0 8px 0;		 	/* 12-15-08    */
/*margin: 4px 0 0 5px;*/
	}
#content ul li ul li ul li{
    font-size:100%; 
	}
#content ul li ul li ul li ul li{
    font-size:100%; 
	}
#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{
    clear: both;
    color:#ffa500;
    font-size: 150%;
    text-decoration: none;
    }
#right h1 a{
    clear: both;
    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:#204558;
  }

#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:75%;
	font-weight: bold;		color: #663366;  /*  */
   list-style: disc url("../images/bullet1.gif");
    /* list-style-position: inside;*/
     line-height: 1.3em;
	/*display: block;*/
	padding: 0 0 0 0;
	margin: 0 0 4px 0;
	}
#mainnav ul li ul li{
    font-size:88%;
	list-style-image:url("../images/arrow.gif");
    line-height: 1.3em;      /* line-height: 1.5em;  */
	padding: 0 0 0 0;
	margin: 4px 0 0 5px;
	}
		
#mainnav ul li ul li ul li{
    font-size:90%;    /* font-size:80%;  */
	list-style-image:url("../images/bullet3.gif");	
    line-height: 1.2em;
	padding: 0 0 0 0;
	margin: 4px 0 7px 6px;
	}		
	
	  
	  
#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:hover {
	color: #6b1c89;
	}
#mainnav ul li.selected {
    background-color: #FFFFce;
  }


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

h1 {
clear: both;
color: #204558;
font-weight:bold;
padding : 0px; 
margin:0px;
font-size : 100%; 
}
h2 {
clear: both;
color:#204558;
padding : 0px; 
margin : 0px; 
font-size : 100%;  
} 

h3 {							
	/* padding :0; */ 			/* font-weight:bold;	color: #163C6D;  PROBABLY NOT USED !  */	/* margin:0; */
	font-weight: 900;		
	font-size : 1.1em; 
	color:  #663399;
	background-color:#EEEEEE;
	padding:  3px;	 /*padding-bottom:		-20px;   */
	border: 1px  solid   #cccccc; /*  	border-bottom: 1px  solid   #663366; */
	line-height: 0.7em;			/* line-height: 40px;	*/			
	}
	
div.subhdr {
    clear: both;
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;*/
  }

table.none {
border: 0; /* 1px solid #FFFFFF; */ 
margin-left: -20px;
}
td.none {
/*padding : 5px; */
border: 0; /* 1px solid #FFFFFF; */ 
vertical-align : top; 
}


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 {
clear: both;
background-color : #e4e4e4;
padding:5px;
margin-top:10px;
/*font-size:80%;*/
border: 1px solid #c0c0c0;
}

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

div.line2 {
clear: both;
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;
  }
.smallthumb {
  float:left;
  width:70px;
  font-size: 80%;
  line-height: 120%;
  margin-right: 3px;
}
.smallthumb img {
  border:10px solid #aaa;
}
/* Used for dispalying meeting minutes list in horizontal format */
ul.hlist  {
	/*position: absolute;*/
	/*right: 0px;*/
	list-style: none;
	margin: 0px 0px 0px 0px;
	}
ul.hlist li  {
	display: inline;
	padding: 0 2px 0 2px;
	border: 1px solid #000000;
	border-color: #D4D0C8;
		}
ul.hlist  li a{
	/*font: 0.7em /1 verdana, sans-serif;*/
	font-size: 90%;
	color:#204558;
    text-decoration:none;
		}
ul.hlist  li a:hover{
	color:#cccccc;
	}
/* css for calendar */
.month
{
    BACKGROUND-COLOR: silver;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder
}
.weekday
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder
}
.eventLabel
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: right
}
.eventText
{
    COLOR: black
}
.selectedDay
{
    BACKGROUND-COLOR: yellow
}
.day
{
    BACKGROUND-COLOR: white
}
.notaDay
{
    BACKGROUND-COLOR: silver
}
/* end calendar css */

.linex {
	border-bottom: 4px solid #008080;
	width: 20%;
	margin-left: 40%;	
}
.cancel {
     border-color:#FF0099;
background-color:#00FF00;
}

div.hdrInLine {
background-color : #e4e4e4;
border: 1px solid #c0c0c0;
padding:5px;
margin-left: 155px;
margin-top:10px;
margin-bottom:10px;
color: #204558;
font-weight:bold;
font-size : 100%; 
}

	
#colorParagraph {				/* MAKES A BLUE BOX AROUND paragraph CONTENT */
	border: 3px  double  #003366; /*  #e6fcff; #bbdfff; #9dd0ff; border: 15px solid #f0f8ff; */  /* padding: 5px; */
	background-color: #f0f8ff; /* */
	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;*/
	}