/*------Used to display name at top of left menu---*/
.welcome{
  	margin:0px;
	border: 2px solid #CCCC66;
	background-color:#CCCC99;/*light khaki*/
}

/*--------Used for ALERTS!-----*/
.message{
  	margin:2px;
	padding: 0px 0px 4px 0px;
	border: 2px solid #CC0000;/*red border*/
	background-color:#FFFFCC;/*cream*/
	color: #CC3300;/*red text*/
	font-size:10px;
	font-weight:bold;	
	text-align:justify;
}
	.message p{
		margin-bottom:3px;
		display:block;
		background-color:#CC0000;/*red*/
		color: #FFFFFF;/*white text*/
		font-size:12px;
		text-align:center;
		font-weight:bold;
	} 
	.message a:link, .message a:visited{color: #CC3300;}/*red text*/

/* Tooltip Popup classes */
a.tooltip {position:relative; z-index:24; text-decoration:underline;}
a.tooltip  span {display:none;}
a.tooltip:hover {z-index:25;}
a.tooltip:hover span {  
  position:absolute;
	top:10px;
	left:30px;
	width:320px;
	padding:10px;	
	text-decoration:none;
	color:#333300;
  display:block;
  background:#FFFFCC;
  border-top:1px outset #666600;
	border-left:1px outset #666600;
	border-bottom:2px outset #666600;
	border-right:2px outset #666600;
}
/*------------HEADINGS-------------*/
#headerWithImage {
	background-color: #FFFF00;
	margin: 0px;
	padding: 0px;
	width:904px;
	height: 100px;
	background-image: url(/images/acisdlogomain_new.jpg);
}
H2 {font-size: 14pt;	
	font-family:braggadocio;
	font-style:italic;
	color:#ffffcc;/*cream*/
	text-align: center;	
	background-color:#333300;/*hunter green*/
	padding: 10px;
}
H4{
	font-size: 12px;	
	text-align:center;
	font-weight: bold;
}
H5 {font-size: 12pt;	
	font-family:braggadocio;
	color:#999966;/*khaki brown*/
	text-align: center;	
	background-color:#ffffff;/*white*/
	padding: 5 px;
}
h6	{
	font-size: 12px;	
	text-transform:uppercase;
	text-align:center;		
	font-weight:700;
  	color:#006600;/*hunter green*/
	background-color:#CCCC99;/*light khaki*/
  	margin:0;
	padding: 4px 0 8px 0;
	margin-top:0px;
	margin-right:0px;
	letter-spacing:1px;
}

/*-----Used to hold content inside a nice green border at min of 500 height---*/
.section500 {
	border: 2px solid #669900;/*grass green*/
	margin:0;
	margin-bottom:-2000px;	
	padding-bottom:2000px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;	
	display:block;
	height:500px;
	min-height:500px;		
	background-color:#ffffff;/*white*/
}
.sectionwrapper {
	padding: 5px;	
}
/*-----Used to hold content inside a nice green border---*/
.section {
	border: 2px solid #669900;/*grass green*/
	margin:4px 4px 10px 4px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#ffffff;/*white*/
}
	.section h4 { /*header for section*/
		margin:0;
		padding 2px 2px 2px 2px;
		display:block;
		font-size:14px;
		background-color:#669900;/*grass green*/
		color:#FFFFCC;/*cream text*/
		font-variant:small-caps;
	}	
	.section p {
		margin:0;
		padding: 0px 0px 5px 0px;
	}
/*-----Used to hold content inside a nice khaki border, just like .section----*/	
.infosection {
	border: 2px solid #666633;/*khaki*/
	margin:4px 4px 10px 4px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
	.infosection h4 { /*header for section*/
		margin:0;
		padding: 2px 2px 2px 2px;
		display:block;
		font-size:14px;
		background-color:#666633;/*khaki*/
		color:#FFFFCC;/*cream text*/
		font-variant:small-caps;
	}
	
	.infosection p {
		margin:0;
		padding: 0px 0px 5px 0px;
	}
	/*-------Can be used within .section or .infosection div to enhance container---*/
	
	.mycolleagues{/*------Has scroll bar to accomodate overflow and holds height at 200px*/
		margin:0;
		padding:0;
		height:200px;
		overflow:auto;
		
	}
	.myfiles{/*hold height at 150 px*/
	  margin:0;
		padding:0;
	  height:150px;
		overflow:auto;
	}
	.infospan{/*This provides a cream a: link format*/
	  font-size:11px;
	}
		.infospan a:link, .infospan a:visited{color:#FFFFCC;}
	
<!-------Expand/Minimize divs-------->
.expandWrapper{
	border:thin solid lightgrey; 
	padding:2 1 2 2; 
	margin-bottom:2px;
}
	.expandWrapper.header{
		background-color:cccc99;/*light khaki*/
		font-size: 12px; 
		font-weight: bold;
		text-align: center;
		padding:5 5;
	}
	.expandWrapper a:hover{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		color:#000;
		cursor: pointer;
	}

<!----BUTTONS------------>
#buttonB a:link {
	color: #003300;/*hunter green*/
	background-color:#CCCC99;/*light khaki*/
	border-style:outsets;
}
#buttonB a:hover {
	color:#FFFFCC;/*cream*/
	background-color:#999966;/*khaki brown*/
	border-style:outset;
}
#buttonB a {
	margin: 0px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	display: block;
	/*no width set, set in div tag if needed*/
	text-align: center;	
	text-decoration: none;
	border-width: 3px;
	font-weight: bold;
	color: #003300;/*hunter green*/
	background-color:#CCCC99;/*light khaki*/
	border-style:outset;
}
input.buttonA {
	margin: 20px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 30px;
	width: 125px;
	display: block;
	text-align: center;	
	text-decoration: none;
	border-width: 3px;
	color: #003300;/*hunter green*/
	font-weight: bold;
	background-color:#CCCC99;/*light khaki*/
	border-style:outset;
}
input.buttonA:link {
	color: #003300;/*hunter green*/
	background-color:#CCCC99;/*light khaki*/
	border-style:outsets;
}
input.buttonA:hover {
	color:#FFFFCC;/*cream*/
	background-color:#999966;/*khaki brown*/
	border-style:outset;
}

/*---------TABLES-------------*/
	table tr.tinytoprow{
		font-style: italic;
		font-size: 10px;
		color: #006600;
		text-align: center;
		background-color: #cccc99;/*light khaki*/
		border: solid #000 1px;
	}
	table tr.toprow{
		font-style: italic;
		font-size: 10px;
		color: #FFFFCC;/*cream*/
		text-align: center;
		background-color: #999966;/*khaki brown*/
		border: solid #000 1px;
	}	
	table td.dataL{
		background-color: #cccc99;/*light khaki*/
		height: 60px;
		color:#000000;/*black*/
		font-size: 80%;
		font-weight: bold;
		text-align: right;
	}
	table td.dataR{
		background-color: #FFFFCC;/*cream*/
		color:#000000;/*black*/
		font-size: 80%;
		text-align: left;
	}
	table td.dataQ{
		color:#000000;/*black*/
		font-size: 80%;
		font-weight: bold;
		text-align: right;
	}
	table td.dataA{
		color:#000000;/*black*/
		font-size: 80%;
		text-align: left;
	}

table.grid{/*Used for tables that need a grid and small font*/
	background-color:#FFFFFF;/*white*/
	border: solid #000 1px;/*black*/
}
	table.grid tr td{
		padding: 5px;
		border: solid #000 1px;/*black*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	table.grid a{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
	}		
	table.grid a:hover{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		color:#000;
	}
table.info{/*Used for tables with no border and small font*/
	background-color:#FFFFFF;/*white*/
	border-color:#000000;/*black*/
	border: 0px;
}	
	table.info tr td{
		padding: 5px;
		border: solid #000 0px;/*black*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	table.info a{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		}
		
	table.info a:hover{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		color:#000;
		}
table.hr{/*Used for hr tables with no border and medium-size font*/
	background-color:#FFFFFF;/*white*/
	border-color:#000000;/*black*/
	border: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
	table.hr tr td{
		padding: 5px;
		border: solid #000 0px;/*black*/
	}
	table.hr tr th{
		padding: 5px;
		border: solid #000 0px;/*black*/
		background-color:#999999;/*light gray*/
		text-align:center;
	}
	table.hr ol li {padding:5;}
	table.hr ul li{
	  list-style-type:disc;
	  padding:5; 
	}
	table.hr a{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		}
		
	table.hr a:hover{
		text-align:center;
		font-size:12px;
		text-decoration:underline;
		color:#000;
		}

/*--------Images----------------------*/
div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;/*blue*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
	div.img img
	  {
	  display: inline;
	  margin: 3px;
	  border: 1px solid #ffffff;/*white*/
	  }
	div.img a:hover img
	  {
	  border: 1px solid #0000ff;/*blue*/
	  }
/*----------Display information when hovering over a link--------*/
        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#e0e0e0;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        border:1px dotted #999;    /* border colour */
        text-decoration:none;
        font-style:italic;
        }

        a.info:hover {
        z-index:25;
        background-color:#ffff66;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:30em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: left;
        font-size: .8em;
        font-style:italic;
        z-index:30;
        }

/*-------------????--------------------*/
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}