/*TAGS*/

body, p {
    font-family: Arial, Helvetica, Sans-serif;
	color: #000;
}

a:link {
    color: #F00;
    text-decoration: underline;
    font-weight: bold;
}

a:visited {
    color: #F00;
    text-decoration: underline;
	font-weight: bold;
}

a:hover {
    color: #F00;
    text-decoration: underline;
    font-weight: bold;
}

a:active {
    color: #F00;
    text-decoration: underline;
    font-weight: bold;
}

h1 {
    font-family: "arial black", "arial bold", Arial, Helvetica, sans-serif;
    color: #000;	
}

.dropshadowunder { 
	position: relative; 
	left: 1px; 
	top: 1px; 
	color: #666; 
}

.dropshadowover { 
	position: absolute; 
	left: -1px; 
	top: -1px; 
	color:#000;	
}


/*GLOBAL STYLES*/


#wrapper {
	background: url("../images/yellow/contentrunner.gif");
}

/*#header {
	background: url("../images/yellow/header.gif") no-repeat;
}*/

#content, 
#contentHome{
	background: #FF9;
	border: 3px #FF0 solid;
}

html>body #content,
html>body #contentHome {
	border: 3px #FF0 solid;
}

#news {
    background: #FF9;
	border: 3px #FF0 solid;
}

#news a:link, #news a:hover, #news a:active, #news a:visited  {
	color: #000;
    border-bottom: 1px solid #FF0;
}


/*leftbars styles*/

#leftbars #usability {
    background: #FF9;
	border: 3px #FF0 solid;
}

#leftbars #search {
    background: #FF9;
	border: 3px #FF0 solid;	
}

#leftbars #searchSubmit {
	margin: 4px 0 0 50px;
    background-color: #FF0;	
}

#search input {
    background-color: #FFC;
}

#leftbars .cartoon {
	background: url("../images/yellow/clubdude.png") no-repeat;
}



/*navigation styles*/

#navbox {
	background: url("../images/yellow/imagenavtopleftcorner.gif") no-repeat;
    background: #FF9;
	border: 3px #FF0 solid;
}

#navigation ul.level1 li{
    margin: 0;
	padding: 0;
	border-bottom: 1px #000 solid;
	position: relative;
}


#navigation ul.level1 li a{
	color:#000;
}

#navigation ul.level1 li a:hover{	
	background-color: #FCF;	
} 
	
#navigation ul.level2 {
	background: #FF9;
	border: 1px solid #000;	
}


#navigation ul.level3 {
    background: #FF9;
	border: 1px solid #000;	
}

/*corners styles*/

.topleft {
	background: url("../images/yellow/navtopleftcorner.gif") top left no-repeat;
}

.topright {
	background: url("../images/yellow/navtoprightcorner.gif") top right no-repeat;
}

.botright {
	background: url("../images/yellow/navbottomrightcorner.gif") bottom right no-repeat;
}
.botleft {
	background: url("../images/yellow/navbottomleftcorner.gif") bottom left no-repeat;
}


#content .topright,
#contentHome .topright {
	background: url("../images/yellow/contenttoprightcorner.gif") top right no-repeat;

}
#content .botright,
#contentHome .botright {
	background: url("../images/yellow/contentbottomrightcorner.gif") bottom right no-repeat;

}
#content .botleft,
#contentHome .botleft {
	background: url("../images/yellow/contentbottomleftcorner.gif") bottom left no-repeat;

}
#content .topleft,
#contentHome .topleft {
	background: url("../images/yellow/contenttopleftcorner.gif") top left no-repeat;
}

#news .topright {
	background: url("../images/yellow/contenttoprightcorner.gif") top right no-repeat;
}

#news .botright {
	background: url("../images/yellow/contentbottomrightcorner.gif") bottom right no-repeat;
}

#news .botleft {
	background: url("../images/yellow/contentbottomleftcorner.gif") bottom left no-repeat;
}

#news .topleft {
	background: url("../images/yellow/contenttopleftcorner.gif") top left no-repeat;
}

.navtree .topright {
	background: url("../images/yellow/contenttoprightcorner.gif") top right no-repeat;
}

.navtree .botright {
	background: url("../images/yellow/contentbottomrightcorner.gif") bottom right no-repeat;
}

.navtree .botleft {
	background: url("../images/yellow/contentbottomleftcorner.gif") bottom left no-repeat;
}

.navtree .topleft {
	background: url("../images/yellow/contenttopleftcorner.gif") top left no-repeat;
}






/*footer styles*/

#footer {
	background: #FF0;
	color:#000000;
}

#footer #img {
	background: url("../images/yellow/footer.gif") no-repeat;
}

#footer .quick a:link, .quick a:hover, .quick a:active, .quick a:visited  {
	color:#000;
}

#footer .fttrtxt {
	color:#000;
}

* html #footer .fttrtxt {
    background-image: url('../images/yellow/essexCountyCouncilLogo.gif');
    background-position: 620px 10px;
}

.large-button a, 
.large-button a:link,
.large-button a:visited{	
	background: url("../images/yellow/large-button.gif") no-repeat;
	display: block;	
	color: #000;
	text-decoration: none;
	}
	
.large-button a:hover{	
	background: url("../images/yellow/large-button-over.gif") no-repeat;
	color: #000;
	text-decoration: none;
	}
	
#headerLeft {
	background:url(../images/yellow/header-left.gif);
}

#flash {
	background:url(../images/yellow/header-flash.gif);
}

#headerHome {
	background:url(../images/yellow/header-home.gif);
}

#flash-button {
	background:url(../images/yellow/flash-button.gif);
	}


#large-button #parents a{
       background: url("../images/yellow/bttn-parents.gif") no-repeat;
       }
       #large-button #parents a:hover {
           background: url("../images/yellow/bttn-parents-over.gif") no-repeat;
           }
       .parents #large-button #parents a{
           background: url("../images/yellow/bttn-parents-over.gif") no-repeat;
           }

   #large-button #partners a{
       background: url("../images/yellow/bttn-partners.gif") no-repeat;
       }
       #large-button #partners a:hover{
           background: url("../images/yellow/bttn-partners-over.gif") no-repeat;
           }
       .partners #large-button #partners a{
           background: url("../images/yellow/bttn-partners-over.gif") no-repeat;
           }

   #large-button #employers a{
       background: url("../images/yellow/bttn-employers.gif") no-repeat;
       }
       #large-button #employers a:hover{
           background: url("../images/yellow/bttn-employers-over.gif") no-repeat;
           }
       .employers #large-button #employers a{
           background: url("../images/yellow/bttn-employers-over.gif") no-repeat;
           }

   #large-button #myconnexions a{
       background: url("../images/yellow/bttn-myconnexions.gif") no-repeat;
       }
       #large-button #myconnexions a:hover{
           background: url("../images/yellow/bttn-myconnexions-over.gif") no-repeat;
           }
       .myconnexions #large-button #myconnexions a{
           background: url("../images/yellow/bttn-myconnexions-over.gif") no-repeat;
           }