/* 	'==============================================================
	'	
	'   Project: Southwark Council
	'	Module: Cascading Style Sheet
	'   -----------------------------------------------------------
	'	Version: 1.0
	'   
	'	Created: Kamruz Jaman 20/10/2004
	'   Updated: 
	'	www.indigicreative.co.uk
	'   
	'============================================================== */

/* 
	NOTES:
	IE does not support :hover pseudo for any elements except <A>
	see http://www.hszk.bme.hu/~hj130/css/list_menu/hover/index.html
	for help on IE :hover bug workaround info
*/

/* ------------------------------------------------------- */
/* standard elements                                       */
/* ------------------------------------------------------- */

BODY
{
        /*FONT-SIZE: xx-small;*/
	FONT-SIZE: 81%; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
	MARGIN: 0px 0px 0px 0px;
}

TABLE {
	/*FONT-SIZE: xx-small;*/
	FONT-SIZE: 81%; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

UL
{
    /*LIST-STYLE-IMAGE: url(/images/ArrowRight.gif);*/
    MARGIN-LEFT: 8px;
	PADDING-LEFT: 8px;
	MARGIN-BOTTOM: 0px;
    /*list-style: none;*/
}

UL.level2
{
    /*LIST-STYLE-IMAGE: url(/images/ArrowRight.gif);*/
    MARGIN-LEFT: 4px;
	PADDING-LEFT: 4px;
	BORDER-BOTTOM: 1px;
	list-style: none;
}

UL.level2 LI
{
	BORDER-BOTTOM: #663399 1px solid;	
}

UL.roundDisc
{
    MARGIN-LEFT: 18px;
	PADDING-LEFT: 18px;
}

/*
A
{
	COLOR: #006A87;
    TEXT-DECORATION: underline;
}

A:hover
{
	COLOR: #F39D00;
	TEXT-DECORATION: underline;
}

*/

a:link { color: #006a87; padding-bottom: 1px; border-bottom: 1px solid #bbbdbf;text-decoration:none; font-weight:normal;}
a:visited { color: #006a87; padding-bottom: 1px; border-bottom: 1px solid #bbbdbf; text-decoration:none; font-weight:normal;}
a:hover {  color: #007ea2; padding-bottom: 1px; border-bottom: 1px solid #007ea2; text-decoration:none; font-weight:normal;}
a:active, a:focus {  color: #009aba; padding-bottom: 1px; border-bottom: 1px solid #007ea2; text-decoration:none; font-weight:normal;}


IMG.purpleBorder
{
	BORDER: #9966CC 1px solid;
}

TD.content 
{
	PADDING: 0px 14px 0px 14px;
}

H1 
{
	MARGIN-TOP: 8px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 150%; 
	MARGIN-BOTTOM: 8px;
}

H2 
{
	MARGIN-TOP: 12px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 150%; 
	MARGIN-BOTTOM: 5px;
}

H3 
{
	MARGIN-TOP: 8px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 120%; 
	MARGIN-BOTTOM: 5px; 
}

IMG.putLeft
{
	MARGIN-BOTTOM: 10px;
	MARGIN-RIGHT: 10px
}

IMG.putRight
{
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 10px
}

/* ------------------------------------------------------- */
/* header links                                            */
/* ------------------------------------------------------- */

.headerWhite
{
	FONT-SIZE: 95%; 
	COLOR: #006A87; 
	PADDING: 0px 5px 0px 5px;
	BACKGROUND-COLOR: #F3F0FD;
}

.headerWhite A
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 105%; 
	COLOR: #006A87; 
	TEXT-DECORATION: none;
	PADDING: 2px 3px 2px 3px;
}

.headerWhite A:hover
{
    TEXT-DECORATION: none;
	COLOR: #ffffff; 
    BACKGROUND-COLOR: #006A87;
}

.headerWhite A.selected
{
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #F39D00;
	PADDING: 2px 3px 2px 3px;
}

.headerWhite A.selected:hover
{
    TEXT-DECORATION: underline;
    BACKGROUND-COLOR: #007EA2;
}


/* ------------------------------------------------------- */
/* header sub menu links                                   */
/* ------------------------------------------------------- */

.headerPurple
{
	COLOR: #663399; 
	PADDING: 5px 5px 5px 5px;
	LINE-HEIGHT: 150%;
	BACKGROUND-COLOR: #DAC8EC;
}

.headerPurple A
{
	FONT-WEIGHT: normal; 
	COLOR: #663399; 
	TEXT-DECORATION: none;
	PADDING: 0px 2px 0px 2px;
}

.headerPurple A:hover
{
    TEXT-DECORATION: none;
	COLOR: #663399; 
    BACKGROUND-COLOR: #F39D00;
}

.headerPurple A.selected
{
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #F39D00;
	PADDING: 0px 2px 0px 2px;
}

.headerPurple A.selected:hover
{
    TEXT-DECORATION: underline;
	COLOR: #663399; 
}


/* ------------------------------------------------------- */
/* header sub2 menu links                                  */
/* ------------------------------------------------------- */

TD.headerDateTime
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #000000;
}

TD.headerOnline
{
	FONT-SIZE: 9px; 
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: center;
	BORDER-COLOR: #663399;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px 0px 1px 1px;
    /*BEHAVIOR: url(/components/hover.htc);*/
}

TD.headerOnline:hover, TD.headerOnline.hover
{
    BACKGROUND-COLOR: #F39D00;
}

TD.headerOnline A 
{
	FONT-WEIGHT: bold; 
	COLOR: #663399;
	TEXT-DECORATION: none;
	PADDING: 0px 4px 0px 4px;
}

TD.headerOnline A:hover
{
    TEXT-DECORATION: none;
	COLOR: #663399; 
    BACKGROUND-COLOR: #F39D00;
}


/* ------------------------------------------------------- */
/* left navigation menu links                              */
/* ------------------------------------------------------- */

.leftNavigation TD
{
	COLOR: #ffffff;
	BACKGROUND-COLOR: #F3F0FD;
	BORDER-BOTTOM: #ffffff 1px solid;
	HEIGHT: 21px;
	PADDING: 4px 6px 4px 6px;
 text-decoration: none;
}

.leftNavigation A 
{
	FONT-WEIGHT: normal; 
	COLOR: #006A87;
	text-decoration: none;
}

.leftNavigation A:link
{
 text-decoration: none;
}

.leftNavigation A:visited
{
 text-decoration: none;
}

.leftNavigation A:hover
{
 text-decoration: none;
	COLOR: #ffffff; 
 BACKGROUND-COLOR: #006A87;
}

/*
.leftNavigation A.selected
{
    text-decoration: none;
    BACKGROUND-COLOR: #F39D00;
}


.leftNavigation A.selected:hover
{
    text-decoration: none;
    BACKGROUND-COLOR: #007EA2;
}
*/

/* ------------------------------------------------------- */
/* footer links                                            */
/* ------------------------------------------------------- */

.footerBlack
{
	COLOR: #000000; 
	PADDING: 5px 5px 5px 5px;
	BORDER-TOP: #9966cc 1px solid;
	LINE-HEIGHT: 130%;
}

.footerBlack A
{
	FONT-SIZE: 95%; 
	FONT-WEIGHT: normal;
	COLOR: #000000; 
	TEXT-DECORATION: none;
	PADDING: 5px 3px 5px 3px;
}

.footerBlack A.purpleLink
{
	COLOR: #663399;
}

.footerBlack A:hover
{
    TEXT-DECORATION: underline;
}


/* ------------------------------------------------------- */
/* purple box                                              */
/* ------------------------------------------------------- */

.purpleBox
{
	BORDER-BOTTOM: #ffffff 1px solid;
}

.purpleBox TD.header
{
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #9966CC;
	BORDER-TOP: #ffffff 3px solid;
	BORDER-BOTTOM: #ffffff 2px solid;
	BORDER-LEFT: 0px;
	BORDER-RIGHT: 0px;
	PADDING: 3px 4px 3px 4px;
	TEXT-ALIGN: left;
}

.purpleBox TD
{
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BORDER: #9966CC 1px solid;
	PADDING: 4px 4px 4px 4px;
	LINE-HEIGHT: 150%;
}

.purpleBox A
{
	FONT-SIZE: 95%; 
	FONT-WEIGHT: normal;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

.purpleBox A:hover
{
    TEXT-DECORATION: underline;
}


/* ------------------------------------------------------- */
/* orange box                                              */
/* ------------------------------------------------------- */

.OrangeBoxContent
{
	FONT-WEIGHT: normal;
	COLOR: #000000;
	PADDING: 5px 10px 5px 10px;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 150%;
}

.OrangeBoxHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 150%;
	COLOR: #ffffff;
	PADDING-BOTTOM: 3px;
}

.OrangeBoxContent A
{
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

.OrangeBoxContent A:hover
{
	COLOR: #663399; 
    TEXT-DECORATION: underline;
}


/* ------------------------------------------------------- */
/* address box                                              */
/* ------------------------------------------------------- */

.addressBox
{
	BORDER-TOP: #ffffff 8px solid;
}

.addressBox TD
{
	COLOR: #000000;
	BACKGROUND-COLOR: #FAE1B2;
	BORDER: #EE9A00 1px solid;
	PADDING: 4px 4px 4px 4px;
	LINE-HEIGHT: 150%;
}


/* ------------------------------------------------------- */
/* iSpyContent box                                         */
/* ------------------------------------------------------- */

.iSpyContent TD
{
	BORDER-TOP: #ffffff 9px solid;
	LINE-HEIGHT: 150%;
}

.iSpyContent A
{
	FONT-SIZE: 95%; 
	FONT-WEIGHT: bold;
	COLOR: #663399;
	TEXT-DECORATION: none;
}

.iSpyContent A:hover
{
	COLOR: #F39D00;
	TEXT-DECORATION: none;
}


/* ------------------------------------------------------- */
/* misc                                                    */
/* ------------------------------------------------------- */

.formBox TD
{
	BORDER: #ffffff 0px solid;
	PADDING: 0px 2px 0px 2px;
}

#addressEnvelope
{
	position: relative;
	float: right;
	right: -5px;
	top: -12px
}