/*TAGS*/

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

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

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

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

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

h1 {
    font-family: "arial black", "arial bold", Arial, Helvetica, sans-serif;
    color: #240464;
}
.dropshadowunder {
	position: relative;
	left: 1px;
	top: 1px;
	color: #666;
}

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

#content .dropshadowover,
#news .dropshadowover,
#contentHome .dropshadowover{
	color: #240464;
    }

/*GLOBAL STYLES*/


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


#parents #content,
#parents #contentHome {
	border: 3px #f7931e solid;
}

#partners #content,
#partners #contentHome {
	border: 3px #f7931e solid;
}

#employers #content,
#employers #contentHome {
	border: 3px #f7931e solid;
}

#myconnexions #content,
#myconnexions #contentHome,
#register #content{
	border: 3px #f7931e solid;
}


#news {
    background: #ede6fb;
	border: 3px #ff0000 solid;
	color: #000;
}

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



/*leftbars styles*/

#leftbars #usability {
	background: url("../images/purple/imagenavtopleftcorner.gif") no-repeat;
    background: #B69DE8;
	border: 3px white solid;
}

#leftbars #search {
	background: url("../images/purple/imagenavtopleftcorner.gif") no-repeat;
    background: #655cc9;
	border: 3px white solid;
}

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

#search input {
    /*background-color: #C4B0EC;*/
}


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



/*navigation styles*/

#navbox {
	background: url("../images/purple/imagenavtopleftcorner.gif") no-repeat;
    background: #8368b9;
	border: 3px white solid;
}

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


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

        #navigation ul.level1 li a:hover{
            background-color: #a48fcf;
        }

    #navigation ul.level2 {
        background: #8368b9;
        border: 1px solid #FFFFFF;
    }


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

/*corners styles*/

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

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

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


    /*Parents*/
    .parents #content .topright,
    .parents #contentHome .topright {
        background: url("../images/parents-top-right-corner.gif") top right no-repeat;
    }
    .parents #content .botright,
    .parents #contentHome .botright {
        background: url("../images/parents-bottom-right-corner.gif") bottom right no-repeat;
    }
    .parents #content .botleft,
    .parents #contentHome .botleft {
        background: url("../images/parents-bottom-left-corner.gif") bottom left no-repeat;
    }
    .parents #content .topleft,
    .parents #contentHome .topleft {
        background: url("../images/parents-top-left-corner.gif") top left no-repeat;
    }

    .parents #content,
    .parents #contentHome {
        border: 4px #f7931e solid;
    }

    /*Partners*/
    .partners #content .topright,
    .partners #contentHome .topright {
        background: url("../images/partners-top-right-corner.gif") top right no-repeat;
    }
    .partners #content .botright,
    .partners #contentHome .botright {
        background: url("../images/partners-bot-right-corner.gif") bottom right no-repeat;

    }
    .partners #content .botleft,
    .partners #contentHome .botleft {
        background: url("../images/partners-bot-left-corner.gif") bottom left no-repeat;
    }
    .partners #content .topleft,
    .partners #contentHome .topleft {
        background: url("../images/partners-top-left-corner.gif") top left no-repeat;
    }

    .partners #content,
    .partners #contentHome {
        border: 4px #eb008a solid;
    }

    /*Employers*/
    .employers #content .topright,
    .employers #contentHome .topright {
        background: url("../images/employers-top-right-corner.gif") top right no-repeat;
    }
    .employers #content .botright,
    .employers #contentHome .botright {
        background: url("../images/employers-bot-right-corner.gif") bottom right no-repeat;

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

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

    .employers #content,
    .employers #contentHome {
        border: 4px #00ac4d solid;
    }

    /*Employers*/
    .myconnexions #content .topright,
    .myconnexions #contentHome .topright {
        background: url("../images/mycon-top-right-corner.gif") top right no-repeat;
    }
    .myconnexions #content .botright,
    .myconnexions #contentHome .botright {
        background: url("../images/mycon-bottom-right-corner.gif") bottom right no-repeat;

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

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

    .myconnexions #content,
    .myconnexions #contentHome {
        border: 4px #0d62e2 solid;
    }




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

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

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

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

#content,
#contentHome {
    background: #fffffa;
    border: 4px #8368b9 solid;
}

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

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

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

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

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

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

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

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





/*footer styles*/

#footer {
	background: #B69DE8;
	color:#000000;
	padding-top:5px;
}

    #footer #img {
        background: url("../images/purple/footer.gif") no-repeat;
        height: 128px;
    }

    #footer .quick {
        text-align: center ;
        padding-top: 15px;
    }

    #footer .quick a:link,
    #footer .quick a:hover,
    #footer .quick a:active,
    #footer .quick a:visited  {
        color:#000000;
        text-decoration: none;
        font-size:.7em;
        font-weight:bold;
    }

    #footer .fttrtxt {
        padding-top: 15px;
        color:#FFFFFF;
        text-align: center ;
        font-size:.8em;
    }

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

    #footer .freephone, .txt {
        padding-right: 15px;
    }


#headerLeft {
	background:url(../images/purple/header-left.gif);
}

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

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

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

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

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

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

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

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

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

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

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