@charset "utf-8";
/* CSS Document */

/************************************************/
/* This CSS was created by: Eddie "Dash" Vega   */
/* for the EAHCN website on February 4, 2009.   */
/* 1st Modification on January 18, 2010.        */
/************************************************/

/*************************************************************/
/* This code -                                               */
/* Generated via www.cssmenubuilder.com                      */
/* - is designed for the BreadCrumbs.                        */
/*************************************************************/


.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(12,77,242); text-decoration:none; line-height:30px; display:block; background:url('breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rbg(250,134,10);}
.breadcrumb ul li a.active{background:none; color:rgb(153,0,0);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 100% -90px no-repeat; }


/************************************************************/
/* The following code is for the actual page layout.  The   */
/* layout is designed as a 3-column site.  Don be fooled by */
/* the labels.  Content is added in the #columnRight -      */
/* which is why it is the largest column. #columnLeft and   */
/* #columnMain are the BookEnd columns for a 2nd NavBar and */
/* for Extras, such as a Google Search Engine, Calendar and */
/* Company Logo.                                            */
/************************************************************/

#columnRight {
	width:52%;
	height:685px;
	float:left;
	background:#9cdbd2;
	padding-top:.5em;
	padding-bottom:1em;
	padding-left:1em;
	padding-right:1em;
	overflow:auto;
	background-color: #9cdbd2;
	scrollbar-base-color: #575757;
	scrollbar-track-color: #288376;
	scrollbar-face-color: #08b099;
	scrollbar-highlight-color: #64bbaf;
	scrollbar-3dlight-color: #9cdbd2;
	scrollbar-darkshadow-color: #288376;
	scrollbar-arrow-color: #000000;
	}
	
#columnLeft {
	width:20%;
	height:693px;
	float:left;
	background:#64bbaf;
		padding-top:.5em;
	padding-bottom:.5em;
	padding-left:1em;
	padding-right:1em;
	text-align:left;
	overflow:auto;
	scrollbar-base-color: #575757;
	scrollbar-track-color: #288376;
	scrollbar-face-color: #08b099;
	scrollbar-highlight-color: #64bbaf;
	scrollbar-3dlight-color: #9cdbd2;
	scrollbar-darkshadow-color: #288376;
	scrollbar-arrow-color: #000000;
	}
	
#columnMain {
	width:21%;
	height:685px;
	float:left;
	background:#64bbaf;
	padding-bottom:1em;
		padding-top:.5em;
	}
	
	
	

/****************************************************************/
/* This code enables the AccessKeys within the main nav bar.    */
/****************************************************************/

.akey {text-decoration: underline;}
	
	
/****************************************************************/
/* The following code is for the main navigation bar that runs  */
/* across the top of the website.  Adjusting the "left" in      */
/* #apDiv2 may fix IE issues, but throws other browsers off.    */
/* The coding below #apDiv2 is the the appearance of the navbar.*/
/****************************************************************/

#apDiv2 {
	position:relative;
	width:805px;
	height:41px;
	z-index:1;
	top: 5px;
	left: 5px;
}


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 1001px; /*For KHTML*/
  list-style:none;
  height: 24px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float:left; /*For Gecko*/
	display:inline;
	list-style: none;
	position:relative;
	height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display:none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/

  
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left:120px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/*********************************************************************/
/* This code controls the rollover effects as well as the appearance */
/* of all the links within the site.  It also adds style to text.    */
/*********************************************************************/


a:link{
	font-family: Arial, Helvetica, Verdana, helvs, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: blue;
}

a:active{
	font-family: Arial, Helvetica, Verdana, helvs, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #990000;
}

a:visited{
	font-family: Arial, Helvetica, Verdana, helvs, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #AC1616;
}

a:hover{
	
	text-decoration: none;
	background-color: black;
	color: yellow;
}

/***********************************************************************/
/* This code will work for the various text and headers of this site.  */
/***********************************************************************/

h1{
 font: bold 320% Arial,sans-serif;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 114% Arial,sans-serif;
 color: #990000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 14px Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/**************************************************************/

/**************************************************************/

div.imgholder {
	float:left;
	background:url(images/dropshadow.png) no-repeat bottom right !important;
	background:url(images/dropshadow.gif) no-repeat bottom right;
	margin:10px 7px 0 10px !important;
	margin:10px 0 0 5px;
	z-index:1;
	}
	
div.imgholder img {
	display:block;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #666666;
	margin:-3px 5px 5px -3px;
	padding:2px;
	z-index:1;
	}