@import url(forms.css);

A					{	color : #666;	}
A:hover		  {	  color : #333;	}

BODY{
	background-color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

blockquote{
	margin : 0 30px 1em 30px;
	color : #666;
}

H1{
	font-size : 27px;
	color : #f20089;
	font-weight : normal;
	border-bottom : 1px solid black;
	padding : 0 0 2px 0;
	margin : 0 0 0.75em 0;
}

H2{
	font-size : 20px;
	color : #f20089;
	font-weight : 500;
	border-bottom : 1px solid black;
	padding : 0 0 3px 0;
}

H3{
	font-size : 14px;
	color : black;
	font-weight : 600;
	margin : 0 0 0.5em 0;
}
H4{
	font-size : 14px;
	color : #f20089;
	font-weight : 600;
	margin : 0 0 0.5em 0;	
}
H5{
	font-size : 12px;
	color : black;
	font-weight : 800;
	margin : 0 0 0.5em 0;		
}

H6{
	font-size : 100%;
	text-align : center;
	background-color : #f5f5f5;
	padding : 10px 5px 10px 5px;
	margin : 0 0 1em 0;
}

P{
	line-height : 18px;
	text-align : justify;
	margin : 0 0 1em 0;
}

HR{
	border : none;
	height : 1px;
	color : black;
	background-color : black;
}

UL{
	margin : 0 30px 1em 30px;
	padding : 0 0 0 0;
	list-style-image : url(/assets/images/bullet-general.gif);
}

UL LI{
	margin : 3px 0 3px 0;
}

UL LI UL{
	list-style-image : url(/assets/images/bullet-tier2.gif);
	margin : 0 20px 0 20px;
	padding : 0 0 0 0;
}

UL LI UL LI{
	margin : 3px 0 3px 0;
	color : #f20089;
}

UL LI UL LI UL{
	list-style-image : url(/assets/images/bullet-tier3.gif);
	margin : 0 20px 0 20px;
	padding : 0 0 0 0;
}

UL LI UL LI UL LI{
	margin : 3px 0 3px 0;
	color : #f20089;
}

/**************  Header  ID'S ******************/

div#imageOff{
	display : none;
}

#skipnav{
	height : 1px;
}
#skipnav A, #skipnav A:hover, #skipnav A:active{
	font-size : 10%;
	color : white;
	text-decoration : none;
	display : block;
	width : 100%;
}

#structuralMenu{
	background-color : #f20089;
	text-align : right;
	font-weight : bold;
	padding : 2px 5px 2px 5px;
	margin : 0 auto 2px auto;
	color : #f20089;
}


/**************  Footer  ID'S ******************/

.colorStrip{
	background-color : #f20089;
	color : white;
	text-align : right;
	padding : 2px 5px 2px 5px;
	margin : 0 auto 1px auto;
	height : 6px;
}

#footerBlock{
	width : 955px;
	margin : 10px auto 0 auto;
	font-size : 11px;
	text-align : center;
}

#footerBlock #cwn{
	float : right;
	width : 300px;
	text-align : right;
}

#footerBlock #lastupdated{
	float : left;
	width : 300px;
	text-align : left;
}

/**************  Content  ID'S ******************/

#contentBlock{
	width : 955px;
	margin : 0 auto 0 auto;
}

#logos{
	vertical-align : bottom;
	text-align : center;
	padding : 0 0 0 10px;
}


#textArea{
	vertical-align : top;
	padding : 50px 20px 10px 30px;
	background-image : url(/assets/gfx/colour-effect.gif);
	background-repeat : no-repeat;
	background-position : 20px 0%;
	}


/**************  Content  Classes ******************/

.noShow{
	display : none;
}

#contentLink{
	font-size : 10%;
	height : 1px;
}
#contentLink A, #contentLink a:active, #contentLink A:hover{
	color : white;
	text-decoration : none;
	font-size : 10%;
}

div.bottomDivide{
	background-color : #ccc;
	border-bottom : 1px solid black;
	height : 8px;
	font-size : 1%;
	color : #A1C2CC;
	margin : 10px 0 10px 0;
	clear : both;
}

div.topDivide{
	background-color : #ccc;
	border-top : 1px solid black;
	height : 8px;
	font-size : 1%;
	color : #A1C2CC;
	margin : 10px 0 10px 0;
	clear : both;
}

.clear{
	clear : both;
	font-size : 1%;
	height : 1px;
	margin : 0;
	padding : 0;
}

.alphabet{
	text-align : center;
	padding : 5px 3px 5px 3px;
	margin : 0;
	background-color : #f5f5f5;
	clear : both;
	letter-spacing : 2px;
}

.dataTable{
	width : 100%;	
	border : 1px solid black;
	border-collapse : collapse;
	margin : 0 0 1em 0;
}

.dataTable TH{
	background-color : #f20089;	
	border : 1px solid black;
	border-collapse : collapse;
	padding : 2px 5px 2px 5px;
	vertical-align : top;
	text-align : left;
	color : white;
}

.dataTable TD{
	border : 1px solid black;
	border-collapse : collapse;
	padding : 2px 5px 2px 5px;
	vertical-align : top;
}

.title{
	width : 150px;
}
UL.twoCoulmnList{
	margin : 0 30px 0 30px;
	padding : 0 ;
}

UL.twoCoulmnList LI{
	float : left;
	display : block;
	width : 180px;
	background-image : url(http://www.newhamsocialenterprise.org.uk/assets/images/bullet-general.gif);
	background-position : 10px 0%;
	background-repeat : no-repeat;
	padding : 0 0 0 25px;
}



/**************  Site Search ******************/

#searchForm{
	display : inline;
}

#siteSearch LABEL{
	border : 1px solid black;
	background-color : #f20089;
	font-size : 90%;
	color : white;
	text-align : center;
	font-weight : bold;
	padding : 2px 8px 2px 8px;
	margin : 1px 3px 0 0;
	float : left;
	display : block;
	width : 35px
}

.searchInput{
	border : 1px solid black;
	background-color : #F8FAFB;
	font-size : 90%;
	width : 90px;
	padding : 2px 0 3px 5px;
	float : left;
	display : block;
	margin : 1px 3px 0 0;
}

.searchSubmit{
	border : 1px solid black;
	background-color : #f20089;
	font-size : 90%;
	color : white;
	text-align : center;
	font-weight : bold;
	padding : 3px 0 2px 0;
	margin : 1px 0 0 0;
	width : 30px;
	float : left;
	display : block;
}





/**************  Menu Elements ******************/

#menu{
	width : 190px;
	padding : 15px 0 0 10px;
	vertical-align : top;
	list-style-image : none;
}

#menu A{
	text-decoration : none;
	color : black;
}

#menu A:hover{
	text-decoration : none;
	color : #f20089;
}

/*******  Menu Tier One *******/

#menu UL{
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
	list-style : none;
	list-style-image : none;
}

#menu UL LI{
	list-style : none;
}

#menu UL LI A{
	padding : 2px 0 2px 14px;
	margin : 0 0 2px 0;
	font-size : 90%;
	font-weight : bold;
	display : block;
	border-bottom : 1px dashed #f20089;
	background-image : url(/assets/images/bullet-menu.gif);
	background-position : 0 5px;
	background-repeat : no-repeat;
}

#menu UL LI A:active{
	color : #f20089;
}

/*******  Menu Tier Two *******/

#menu UL LI UL{
	margin : 5px 0 3px 0;
	padding : 0 0 4px 0;
	border-bottom : 1px dashed #f20089;
}

#menu UL LI UL LI{
	margin : 1px 0 1px 0;
	list-style-image : none;
}

#menu UL LI UL LI A{
	background-image : url(/assets/images/bullet-menu-tier2.gif);
	background-position : 15px 50%;
	padding : 0 0 0 30px;
	border-bottom : none;
	font-weight : normal;
	color : #f20089;
	background-color : #f5f5f5;
}

#menu UL LI UL LI A:hover{
	color : black;
}

/*******  Menu Tier Three *******/

#menu UL LI UL LI UL{
	border : none
}

#menu UL LI UL LI UL LI{
	list-style-image : none;
}

#menu UL LI UL LI UL LI A{

}
#menu UL LI UL LI UL LIA:hover{

}


/**************  Form Elements ******************/

.form{
	margin : 1px 0 1px 0;
	border : 1px solid black;
	font-family : Arial, Helvetica, sans-serif;
	padding : 2px 5px 2px 5px;
	background-color : #F8FAFB;
	font-size : 100%;
	color : black;
}

/*

input.standard, textarea.standard{
	width : 305px;	
}

select.standard{
	width : 317px;
}

input.full, textarea.full, select.full{
		width : 445px;
}

input.requirements, textarea.requirements{
	width : 305px;	
}

 select.requirements{
	width : 317px;		
}

select.dates{
		width : 110px;
		margin : 1px 3px 1px 0;
}

fieldset{
	border : 1px dashed #f20089;
	padding : 0 0 12px 10px;
	margin : 0 0 1em 0;
}

legend{
	padding : 0 10px 5px 10px;
	font-weight : 500;
	font-size : 120%;
	color : #f20089;
	background-color : white;
	
}

*/

.submit{
	border : 1px solid black;
	background-color : #a1c2cc;
	color : black;
	text-align : center;
	font-weight : bold;
	width : 500px;
	font-size : 100%;
	padding : 3px 0 3px 0;
	display : block;
}

.submitLeft{
	border : 1px solid black;
	background-color : #a1c2cc;
	color : black;
	text-align : center;
	font-weight : bold;
	width : 245px;
	font-size : 100%;
	padding : 3px 0 3px 0;
	display : block;
	float : left;
}
.submitRight{
	border : 1px solid black;
	background-color : #a1c2cc;
	color : black;
	text-align : center;
	font-weight : bold;
	width : 245px;
	font-size : 100%;
	padding : 3px 0 3px 0;
	display : block;
	float : right;
}



.searchResults{
	border : 1px solid black;
	width : 475px;
}

.searchResults TH{
	border-bottom : 1px solid black;
	padding : 1px 3px 1px 3px;
	background-color : #f5f5f5;
	font-size : 90%;
	text-align : left;
}

.searchResults TD{
	padding : 2px 3px 2px 3px;	
}

.searchResults TD.noResults{
	padding : 8px 5px 8px 5px;
	text-align : center;
	font-weight : bold;
	color : #f20089;
}

.htmlArea{
	border : 1px solid black;
	background-color : #f8fafb;
	margin : 1px 0 5px 0;
	width : 312px; 
}

.htmlAreaBorder{
	border : 1px solid black;
	margin : 1px 0 5px 0;	
}

.formContainer{
	width : 317px
}
/**************  SlideShow  ******************/

.slideViewerFrame{
	margin : 0 0 1em 0;
	padding : 10px;
}


.imageFloatRight{
	float : right;
	margin : 5px 0 10 10px;
}
.imageFloatLeft{
	float : left;
	margin : 5px 10px 10px 0;
}

.imageBox{
	font-size : 100%;
	text-align : center;
	background-color : #f5f5f5;
	padding : 10px 5px 10px 5px;
	margin : 0 0 1em 0;
}