/*
	Filename         : 	3ColumnContent.css
	Created by       : 	Ashley Nolan
	Created          : 	29/09/2009
	Last Updated     : 	29/09/2009
	Comments         : 	Styling for Lewisham - relating to pages split into 3 columns
						used in Lewisham_2_col_nav.html and Lewisham_how-to-apply.html
*/

/*  Main content column
************************************************************************************************************************/
#mainColumn {
	float:left;
	margin-left:20px;
	display:inline;
	width:503px;
}
#mainColumn h1 {
		border-bottom:4px solid #1079ad;	
	}
#mainColumn p {
		clear:left;
		line-height:1.4em;
		
	}
#mainColumn p.introText {
			font-weight:bold;		
		}
	
#mainColumn div.signPost {
		background:transparent url(/Style%20Library/lbl/images/contentBoxBackground.png) repeat-x top left  ;
		border:1px solid #d7d7d7;
		margin:0 0 15px 15px;
		padding:20px;
		position:relative;
		float:left;
		clear:both;
		width:195px;
	}	
/****************************** To Be Checked ******************************/
#mainColumn div.signPost img {
			position:absolute;
			left:-20px;
		}
#mainColumn div.signPost p {
			font-size:.857em;
			font-weight:bold;
			margin:0;
		}
	

#mainColumn div.newsAlert {
		border:1px solid #ccc;
		float:left;
		padding:1px;
	}
#mainColumn div.newsAlert h4 {
			background:#1079ad;
			color:#fff;
			display:block;
			padding:5px 0 5px 15px;
		}	
#mainColumn div.newsAlert ul {
			float:left;
			margin:0;
			padding:10px 10px;			
		}
#mainColumn div.newsAlert ul li {
				padding:0;
				list-style-type:none;
				background:none;
			}
#mainColumn div.newsAlert ul li img {
					float:left;
					margin:0;
					padding:0 10px 5px 5px;
				}
#mainColumn div.newsAlert ul li a {
						display:block;
						margin-top:5px;
						color:#006699;
						background:transparent url(/Style%20Library/lbl/images/bulletBlueSquare.gif) no-repeat scroll left 6px;
						padding-left:10px;
						margin-left:68px;
					}
/*****************************************************************/
/*  Right sidebar column
************************************************************************************************************************/
#sideColumn {	
	float:left;
	margin:45px 0 0 20px;
	width:201px;
}	
#sideColumn div.contentContainer {
		float:left;
		clear:left;
		width:100%;
		margin-bottom:15px;
	}
#sideColumn .contentContainer ul {		
			float:left;
			clear:left;
			width:190px;
			margin:0;
		}	
#sideColumn div.contentContainer ul li {
				background:transparent url(/Style%20Library/lbl/images/listItemGreenSquare.gif) no-repeat 0% 0.5em  ;
				float:left;
				clear:left;
				width:100%;
				line-height:1.4em;
				padding-bottom:4px;
				padding-left: 0px;
			}	
#sideColumn div.contentContainer ul li a {				
					color:#006699;
					display:block;
					padding-left:10px;
				}
/******************************** Useful Websites ***************/	
#sideColumn div#usefulWebsites {
		border: 1px solid #ccc;
		padding-bottom:2px;
	}
#sideColumn div#usefulWebsites h2 {
margin: 6px 6px 1px 6px;
font-weight: bold;
font-size: 1em;
}
#sideColumn div#usefulWebsites ul {
margin: 1px 6px 1px 6px;}
/************************* Related Pages *********************/
#sideColumn div#relatedPages {
		border: 1px solid #ccc;
		padding-bottom:2px;
	}
#sideColumn div#relatedPages h2 {
margin: 6px 6px 1px 6px;
font-weight: bold;
font-size: 1em;
}
#sideColumn div#relatedPages ul {
margin: 1px 6px 1px 6px;}
/******************** News Box *******************************/
#sideColumn div#newsBox {
border-top:4px solid #d51866;}
#sideColumn div#newsBox h2 {
font-weight: normal;
padding-left: 28px;
background-image:url(/Style%20Library/lbl/images/blueHeaderArrows.png);
background-position:6px center;
background-repeat:no-repeat;
margin-top: 5px;
}
#sideColumn div#newsBox .newsItem {
border-bottom: 1px solid #ccc;
padding-bottom: 8px;
margin-bottom: 6px;}
/******************* Actions List *****************************/
#sideColumn div#actionsContainer h2 {
display:none;
}
#sideColumn div#actionsContainer {
border: none;
margin-bottom:5px;}
#sideColumn div.contentContainer #functionalList {
		margin-bottom:15px;
	}		
#sideColumn .contentContainer #functionalList li {
			border-bottom:2px solid #efefef;
			line-height:2em;
			background-position: 0 1em;
		}
#sideColumn .contentContainer #functionalList li a.addthis_button {
				background:transparent url(/Style%20Library/lbl/images/emailToFriendIcon.gif) no-repeat 98% 50%  ;
			}
			
#sideColumn .contentContainer #functionalList li a.print {
				background:transparent url(/Style%20Library/lbl/images/printIcon.gif) no-repeat 98% 50%  ;
			}			
#sideColumn .contentContainer #functionalList li a.bookmark {
				background:transparent url(/Style%20Library/lbl/images/bookmarkIcon.gif) no-repeat 98% 50%  ;
				}
/************************* Events ****************************************/
#sideColumn div#eventsBox {
border:1px solid #CCCCCC;
border-top: none;
}		
#sideColumn div#eventsBox h2 {
font-weight: bold;
font-size: 1.071em;
padding: 5px 6px 5px 10px;
color:#FFFFFF;
background-color:#d51866;
border:1px solid #d51866;
margin: -1px;
}
#sideColumn div#eventsBox .eventItem {
background:transparent url(/Style%20Library/lbl/images/contentBoxBackground.png) repeat-x scroll left top;
padding: 10px;
}
#sideColumn div#eventsBox .eventItem h3 a {
color: #006699;}
#sideColumn div#eventsBox .eventItem h3 a:hover {
text-decoration:underline;
color: #006699;}
#sideColumn div#eventsBox dt {
display:none;}
#sideColumn div#eventsBox dl {
}
#sideColumn div#eventsBox dd.eventTime,
#sideColumn div#eventsBox dd.eventDate {
font-weight:bold;
display:inline;}
#sideColumn div#eventsBox dd.eventShort {
margin-top: 5px;}
/*********************************************************/
/*********************** Content Promos ******************/
#sideColumn div#contentPromoBox h2{
display:none; 
}
#sideColumn div#contentPromoBox #contentPromoItem1 h3 {
color:#FFFFFF;
background-color:#0098BF;
padding: 6px;
margin-top: 10px;
margin-bottom: 0px;
}
#sideColumn div#contentPromoBox #contentPromoItem2 h3 {
color:#FFFFFF;
background-color:#c64f0e;
padding: 6px;
margin-top: 15px;
margin-bottom: 0px;
}
#sideColumn div#contentPromoBox #contentPromoItem3 h3 {
color:#FFFFFF;
background-color:#e31b6e;
padding: 6px;
margin-top: 15px;
margin-bottom: 0px;
}
#sideColumn div#contentPromoBox a img {
float:left;
margin-top:0px;
margin-right: 7px;
margin-bottom: 5px;
}
#sideColumn div#contentPromoBox p.contentPromoLink {
clear: both;
}
#sideColumn div#contentPromoBox p.contentPromoLink a {
color:#006699;
}
#sideColumn div#contentPromoBox div#contentPromoItem1 {
position:relative;
}
/**************************************************************************/

#sideColumn div#accountWidget, #sideColumn div#rssReader {
		border: 1px solid #ccc;
		padding-bottom:2px;
	}
/*******************************************************************/