/*

Project		:	Every Disabled Child Matters
Developer	:	Clive Howard
Created		:	March 2006
Updated		:	September 2006

Overview	:	Common stylesheet for template

copyright (c) 2006 agencyX limited
http://www.agencyx.tv

*/

a
								{
								text-decoration: none;
								}			
								
a:hover
								{
								text-decoration: underline;
								}			
a:visited
								{
								color: #0082A2;
								}					
								
#divPageCenter 	{
	width:100%;
	text-align: center;
}

/* PAGE OPTIONS */
#divPageOptions
								{
	float: left;
	background-color: #B0C9D0;
	width: 750px;
	padding: 5px 0px 0px 5px;
	font-size: 0.6em;
	clear: none;
}	
	#divPageOptions img 			{
									padding-top: 5px;
									}
								
	#divPageOptions ul 
									{
									list-style: none;
									margin: 0px;
									padding: 0px;
									}

		#divPageOptions li 
										{
										display: inline;
										color: #000000;
										}
										
		#divPageOptions li a
										{
										color: #000000;
										padding: 0.5em;
										}
										
		#divPageHeaderImg 
										{
										clear: none;
										width: 770px;
										height: 124px;
										background-image : url(../images/template/header.gif);
										background-repeat : no-repeat;
										}
										
		#divPageHeaderImg img			
										{
										clear: none; 
										float:left; 
										position:relative; 
										top: 10px; 
										left: 15px; 
										}
										
		#divPageHeaderImg2 
										{
										clear: none;
										width: 770px;
										height: 124px;
										background-image : url(../images/template/header.jpg);
										background-repeat : no-repeat;
										}
										
		#divPageHeaderImg2 img			
										{
										clear: none; 
										float:left; 
										position:relative; 
										top: 10px; 
										left: 15px; 
										}
										
		#divSearch
										{
										position: relative; 
										float: left;
										text-align: right; 
										width: 255px; 
										top: 75px; 
										left: 50px;
										}
										
		#divDonate
										{
										position: relative; 
										float: left;
										text-align: right; 
										width: 255px; 
										top: 36px; 
										left: 40px;
										}

		#divSearch INPUT
										{
										border: 1px solid #90ABC8; 
										background-color: #FFFFFF; 
										font-size: 0.9em;
										}
										
		#divSearch #search
										{
										border: 0px none white; 
										}

/* LEFT COLUMN */
#divPageLeftArea
								{
								float: left;
								clear: left;
								margin-left: 2px;
								}
								
	/* VERSION NAVIGATION */
	#divMainNavigation
									{
									float: left;
									clear: left;
									background-color: #FFFFFF;
									padding: 0px;
									}	
									
		#divMainNavigation li 
										{
										display: block;
										width: 180px;
										font-size: 14px; /*0.6em;*/
										font-weight: normal;
										color: #000000;
										border-bottom: 1px solid #D7E4E7;
										padding-bottom: 5px;
										padding-top: 5px;
										}	
										
		/*#divMainNavigation li strong
										{
										display: block;
										width: 150px;
										font-size: 1em;
										font-weight: bold;
										color: #000000;
										border-bottom: 1px solid #D7E4E7;
										padding-bottom: 5px;
										padding-top: 5px;
										}		

		#divMainNavigation li strong a
										{
										color: #000000;
										padding-left: 10px;
										padding-right: 5px;
										}	*/

		#divMainNavigation li a
										{
										color: #000000;
										padding-left: 10px;
										padding-right: 5px;
										text-decoration: none;
										}	
										
		#divMainNavigation li i
										{
										display: block;
										width: 180px;
										font-size: 14px; /*1em;*/
										font-weight: normal;
										color: #000000;
										border-bottom: 1px solid #D7E4E7;
										background-color: #D7E4E7;
										padding-bottom: 5px;
										padding-top: 5px;
										margin-top: -5px;
										margin-bottom: -5px;
										}		
										
		#divMainNavigation li i a
										{
										color: #000000;
										font-style: normal;
										padding-left: 10px;
										padding-right: 5px;
										text-decoration: none;
										}
		#divNavTopImg
										{
										font-size: 1px;
										clear: both;
										width: 180px;
										height: 9px;
										background-repeat : no-repeat;
										background-image : url(../images/template/navtop.jpg);
										}

		#divNavBottomImg
										{
										font-size: 1px;
										clear: both;
										width: 180px;
										height: 9px;
										background-repeat : no-repeat;
										background-image : url(../images/template/navbottom.jpg);
										}
										
	#divBlogFooterBarTop
									{
									width: 180px;
									height: 176px;
									background-repeat : no-repeat;
									background-image : url(../images/template/clear.gif);
									background-position : top center;
									}	
									
	#divBlogFooterBarBase
									{
									width: 180px;
									height: 49px;
									background-repeat : no-repeat;
									background-image : url(../images/template/blog.jpg);
									background-position : top center;
									}	

	#divLeftContactText
									{
									font-size: 0.7em;
									font-weight: normal;
									width: 160px;
									}

	#divLeftContactText a 
									{
										color: black;
										font-weight: bold;
									}
								
/*	#divBlogFooterBar div
									{
									width: 145px;
									background-color: #B0C9D0;
									font-size: 1px;
									height: 8px;
									}

	#divBlogFooterBar span
									{
									width: 145px;
									background-color: #0182A2;
									}
									
	#divBlogFooterBar span img
									{
									padding-bottom: 20px;
									}	

*/
									
	/* CURRENT SECTION NAVIGATION */								
	#divThisSectionNavigation ul 
									{
									list-style: none;
									margin: 0;
									padding: 20px 0px 25px 0px;
									}

		#divThisSectionNavigation li 
										{
										display: block;
										width: 155px;
										font-size: 0.7em;
										color: #000000;
										padding-left: 20px;
										padding-right: 5px;
										padding-bottom: 5px;
										padding-top: 5px;
										}	
										
		#divThisSectionNavigation li a
										{
										color: #000000;
										}	
										
		#divThisSectionNavigation li i
										{
										font-weight: bold;
										}		
										
		#divThisSectionNavigation li i a
										{
										color: #000000;
										font-style: normal;
										}		
										
	
/* CENTRAL PAGE AREA */								
#divPageCentralArea
								{
								float: left;
								padding-left: 10px;
								padding-right: 10px;
								margin: 0;
								width: 407px;
								}	
	

#divPageCentralArea img {clear: none; display: inline;}
	
	/* CONTENT AREA 1 */
	#divMainContent
									{
									float: left;
									clear: both;
									background-color: #FFFFFF;
									font-size: 0.8em;
									font-style: normal;
									padding-top: 5px;
									padding-bottom: 5px;
									padding-left: 20px;
									padding-right: 20px;
									margin-top: -3px;
									margin-bottom: 0px;
									width: 363px;
									}	
										
		/* PAGE TITLE */				
		#divMainContent h1
										{
										font-size: 1.2em;
										font-weight: bold;
										color: #000000;
										}
										
		#divMainContent h2
										{
										font-size: 1.2em;
										font-weight: bold;
										color: #00718f;
										}
										
		#divMainContent h3
										{
										font-size: 1.0em;
										font-weight: bold;
										}
									
		#divMainContent a
										{
										color: #0082A2;
										}	
										
		#divMainContent a:hover
										{
										color: #0082A2;
										text-decoration: underline;
										}	

		#divContentTopImg
										{
										font-size: 10px;
										line-height: 1px;
										clear: both;
										width: 403px;
										height: 10px;
										background-repeat : no-repeat;
										background-image : url(../images/template/contenttop.jpg);
										}

		#divContentBottomImg
										{
										font-size: 10px;
										line-height: 1px;
										clear: both;
										width: 403px;
										height: 10px;
										background-repeat : no-repeat;
										background-image : url(../images/template/contentbottom.jpg);
										}

	#divNewsContent
									{
									float: left;
									clear: both;
									background-color: #FFFFFF;
									font-size: 0.8em;
									font-style: normal;
									padding-top: 5px;
									padding-bottom: 5px;
									padding-left: 20px;
									padding-right: 20px;
									margin-top: -3px;
									margin-bottom: 0px;
									width: 363px;
									}	
									
		/* PAGE TITLE */				
		#divNewsContent h2
										{
										font-size: 1.2em;
										font-weight: bold;
										color: #00718f;
										}
										
		#divNewsContent h3
										{
										font-size: 1.0em;
										font-weight: bold;
										}
										
		#divArticleHeadline
										{
										font-size: 1.0em;
										font-weight: bold;
										color: #32A5B8;
										}
		
		#divArticleHeadline i
										{
											font-style: normal;
											font-weight: normal;
										}

		#divArticleDate					{
										font-size: 1.0em;
										font-weight: bold;
										color: #32A5B8;
										float: right;
										}
									
		#divNewsContent a
										{
										color: #0082A2;
										}	
										
		#divNewsContent a:hover
										{
										color: #0082A2;
										text-decoration: underline;
										}											
										
	#divFooter 
									{
									padding: 0px;
									font-size: 0.6em;
									background-color: #FFFFFF;
									color: #000000;
									width: 403px;
									height: 39px;
									text-align: center;
									/*float: center;*/
									margin-top: -3px;
									}
									
		#div1
									{
									float: left; 
									clear: none; 
									width: 142px; 
									height: 39px; 
									margin-left: 7px;
									background-repeat: no-repeat;
									background-image: url(../images/template/contactafamily.gif);
									}
									
		#div2
									{
									clear: none; 
									float: left;
									width: 48px; 
									height: 38px; 
									margin-left: 10px;
									background-repeat: no-repeat;
									background-image: url(../images/template/cdc.gif);
									}

		#div3
									{
									clear: none; 
									float: left;
									width: 95px; 
									height: 38px; 
									margin-left: 10px;
									background-repeat: no-repeat;
									background-image: url(../images/template/mencap.gif);
									}

		#div4
									{
									clear: none; 
									float: left;
									width: 58px; 
									height: 38px; 
									margin-left: 10px;
									background-repeat: no-repeat;
									background-image: url(../images/template/sec.gif);
									}

#divHorizontalSpacer 		{
	font-size:1px; 
	height: 12px;
	width: 155px;
}

/* RIGHT COLUMN */
	#divContactFormContainer {
	padding-left: 5px; 
	padding-right: 6px;
}

	#divContactForm 		{
	font-size: 0.7em;
	font-style: normal;
	padding-left: 8px;
}
	
	#divContactForm INPUT 	{
	font-size: 0.8em;
	font-style: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

	#divContactForm SELECT 	{
	background-color: #FFFFFF;
	width: 140px;
	font-size: 1em;
	font-style: normal;
}

	#divContactForm OPTION	{
	background-color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
}

	#divContactForm SPAN 	{
	font-size: 0.8em;
	font-style: normal;
}

	#inputField 			{
	background-color: #FFFFFF;
	width: 130px;
}

	#spanSmallText	{
	color: #657175;
}
	#spanSmallText a	{
	color: #657175;
	text-decoration: none;
}
	#spanSmallText a:hover	{
	text-decoration: underline;
}
								
#divCopyrightLeft
								{
								float:left; 
								clear: left;
								font-size: 0.6em;
								color: #000000;
								width: 260px;
								height: 39px;
								margin-top: 5px;
								}
		#divCopyrightLeft  ul 
										{
										list-style: none;
										margin: 0;
										padding: 0;
										}
	
			#divCopyrightLeft  li 
											{
											display: inline;
											}	
			
			#divCopyrightLeft  li a
											{
											color: #000000;
											}	
										

		#divCopyrightRight  ul 
										{
										list-style: none;
										margin: 0;
										padding: 0;
										}
								
	#divFactFirst	
									{
									position: relative;
									background-color: #009ACF;
									font-size: 0.9em;
									padding: 0px 10px 0px 10px;
									height: 246px;
									color: #FFFFFF;
									font-weight: bold;
									}
									
		#divFactFirst p
										{
										position: absolute;
										bottom: 0px;
										padding-bottom: 20px;
										}
										
										
	/* QUICK SEARCH */
	#divQuickSearch
								{
								float: right;
								background-color: #DFEECB;
								font-size: 0.7em;
								width: 161px;
								padding: 15px 10px 5px 10px;
								margin-top: 10px;
								color: #000000;		
								}	
								
		#divQuickSearch b
									{
									font-size: 1.3em;
									}	
								
		#divQuickSearch input
										{
										font-size: 0.9em;
										color: #000000;
										margin-right: 0px;
										}
										
		#divQuickSearch #GoButton
										{
										font-size: 0.9em;
										color: #FFFFFF;
										background-color: #A0CE67;
										border: 2px solid #A0CE67;
										vertical-align: top;
										margin-left: 0px;
										}