BODY { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: .8em;  background: #000; text-align: center; }
A { text-decoration: none; }
A:LINK {  }
A:VISITED {  }
/* note that A:HOVER isn't supported by all browsers */
A:HOVER { text-decoration: underline; }
DIV {  }
LI {  }
UL {  }
p {text-align: left; margin: 8px;}
h5 { margin: 0; padding: 0; text-align: left;}
h4 { margin: 12px 8px 8px 8px; padding: 0;font-size: 105%; color: #a4009d;}

/* classes */
.citing { font-size: 90%; text-indent: 0; margin:5px 0; padding: 0;}
.featuredpic { float: right; padding: 0; border: none; border: 1px solid #a4009d; margin: 10px 10px 0 10px}
.featuredpic2 { float: left; padding: 0; border: none; border: 1px solid #a4009d; margin: 10px 10px 0 10px}
.featuredheadline { display: block; background: #95fdff; padding: 5px; border: 1px solid black; text-align: center; }
.featuredheadline2 { display: block; background: #a5fe9d; padding: 5px; border: 1px solid black; text-align: center; }

.bannerpic {display: block; }
.eventsanddates { padding: 5px; }
.callout { text-indent: 0; font-size: 85%; color:  #94009d; margin-top: 15px;  clear: left;     }
.resourceslist { list-style: none; padding: 0; margin-top:0; margin-bottom: 0;}
.resourceslist li { padding: 0 0 6px 0; margin-top: 0;}


/* unique IDs */
#contentarea { width: 741px; border: 1px solid black; padding: 8px; background: #f8f9bf; margin-bottom: 10px; }
#featured { background-color: white; padding: 8px; border: 1px solid black; text-align: left; margin-bottom: 10px;}
#active {  }
#container { background: white; padding: 10px; width: 760px; border: 1px solid black; margin: auto;}
#current {  }
#definitions { border: 1px solid #a4009d; background: white; padding: 8px; font-size: 90%; text-align: left; margin-bottom: 10px;}
#definitions h5 { color:  #94009d;}
#banner { border: 1px solid black; padding:0; margin: 0;}
#top { background-color: white; padding: 8px; border: 1px solid black; text-align: left; margin-bottom: 10px; min-height: 400px;}
#contact { background: #a5fe9d; border: 1px solid black; padding: 5px;}
#missionandgoals { background-color: white; padding: 8px; border: 1px solid black; text-align: left; min-height: 400px;}
#bestpractices { background-color: white; padding: 8px; border: 1px solid black; text-align: left; min-height: 400px;}
#upcomingevents { background-color: white; padding: 8px; border: 1px solid black; text-align: left; min-height: 400px; }
#banner {}


#column1 { float:left; border: 1px solid black; padding: 0; margin-top: 10px; width: 48%;}
#column1 h5 { background-color:#95fdff; padding: 5px; border-bottom: 1px solid black; }
#column1 ul { margin:0; list-style: none; padding: 5px; }
#column1 ul li { padding-bottom: 5px; }

#column2 { float:left; border: 1px solid black; padding: 0; margin-top: 10px; margin-left: 10px; width: 50%;}
#column2 h5 { background-color:#95fdff; padding: 5px; border-bottom: 1px solid black; color: black;}
#column2 ul { margin:0; list-style: none; padding: 5px; }
#column2 ul li {  margin-bottom: 8px; }
#column2 ul li ul { margin-left: 5px; }
#column2 ul li ul li { margin-bottom: 4px; }

#jalcexamples { background-color: white; padding: 8px; border: 1px solid black; text-align: left; min-height: 400px;  }

/
* for Internet Explorer */
/*\*/
* html #index { height: 400px; }
* html #missionandgoals { height: 400px; }
* html #bestpractices { height: 400px; }
* html #upcomingevents { height: 400px; }
* html #jalcexamples { height: 400px; }
/**/

/* navigation */
#navcontainer
{
margin: 0 auto 15px auto;
padding: 0;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 100px;
border-left: 1px solid #f5d7b4;
border-right: none;
padding: 0;
margin: 0 0 10px 0;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
font-weight: bold;

}

#navcontainer ul li a:hover
{
color: ;
background: #f8f9bf;
}

#navcontainer a:active
{
background: #fff;
color: #000;
}

#navcontainer li#active a
{
background: #a4009d;
color: #fff;
}

/* Hide from IE-Mac \*/ 

#navcontainer {
width: 760px;
}

#navcontainer ul {
	
}

#navcontainer ul li {
	

}

#navcontainer ul li a {
color: #000;
width: auto;	
border-right: 1px solid black;
border-left: none;
padding: 1px 10px;
font-size: 85%;
line-height:18px;
display: inline;
}
/* End hide */