/*TAGS*/

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

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

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

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

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


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

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

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

/*GLOBAL STYLES*/


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

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

#content,
#contentHome {
	background: #F9F;
	border: 3px #C0F solid;
}

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


#news {
    background: #F9F;
	border: 3px #C0F solid;
}

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


/*leftbars styles*/

#leftbars #usability {
    background: #F9F;
	border: 3px #C0F solid;
}

#leftbars #search {
    background: #F9F;
	border: 3px #C0F solid;	
}

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

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

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



/*navigation styles*/

#navbox {
	background: url("../images/pink/imagenavtopleftcorner.gif") no-repeat;
    background: #F9F;
	border: 3px #C0F solid;
}

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


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

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


#navigation ul.level3 {
    background: #F9F;
	border: 1px solid #FFFFFF;	
}

/*corners styles*/

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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




/*footer styles*/

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

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

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

#footer .fttrtxt {
	color:#FFFFFF;
}

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

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

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

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

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

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

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

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

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