/*********************************************************************
	
	CSS document for www.education-action.org
	Author: Nick Carpenter - Cobent Ltd
	
	The following styles are optimised for display on the following
	web browsers:
	
	* Internet Explorer v.6
	* Firefox 1.0.6
	* Mozilla 1.7.12
	
	~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
	
	The following CSS hacks are used:
	
	For IE Win/Mac: 	
	~	Star HTML hack
	
	For IE5 and IE6 Differences: (?) test please!
	~ Backslash Hack
	
	For Firefox & Mozilla:	
	~ 	Child Hack
	
	Mac optimisation work to follow
	
	*****************************************************
	*	TABLE OF CONTENTS:								*
	*****************************************************
	*	1. Core HTML tags								*
	*	2. Custom Text Styles							*
	*	3. Breadcrumb Formatting						*	
	*	4. Layout Positioning							*
	*	5. Footer Formatting							*		
	*	6. Nav Bar Formatting							*
	*	7. Side Panel Formatting						* 			
	*	8. News Items									*
	*	9. Image Gallery								*
	*****************************************************

/*  Another trick!

Mozilla text align in the center...

text-align: -moz-center


**********************************************************************/

/************************************
	1. Core HTML tags
*************************************/

	/*All*/
	table , select, input {font-size: 100%;}
	html{height:100%;}
	body {margin:0px;font-family:  Arial, Helvetica, sans-serif;color: #000;height:100%;font-size: 0.75em;}	
	form {margin: 0px;}
	a {color: #004D93;text-decoration: underline;}	
	a:hover {text-decoration: underline;color:#678DB2;}
	/*h1 {font-size: 1.2em;margin-bottom:1em;color:#004D91; background-color:#CCCCCC;}*/
	h1 {font-size: 1.3em;margin-bottom:1em;color:#666666; background-color:#E5E5E5; line-height:2em; height:2em; padding-left:10px;}
	h2 {font-size: 1.2em;margin-bottom:3px;}
	html>body h1 {margin-top:0px}
	h3 {}
	h4 {}
	h5 {}
	textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
	td {vertical-align:top}

	/*Firefox & Mozilla */
	html>body {	font-size: 0.75em;}


/************************************
	2. Custom Text Formatting
*************************************/
	
	.pageHeading {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color:#000000;}
	.pageFnTxt {font-size: 10px; color: #999999; text-decoration: none;}
	.smallText { font-size: 0.8em;}	
	
/************************************
	3. Breadcrumb Formatting
*************************************/	
	
	/*Text Formatting*/
	.bCrumbLink {color: #004D91;}
	#bCrumbLinkOn{color:#014A8F; text-decoration:underline;}	
	.bCrumbRow a {color:#999A01;text-decoration:none;}
	.bCrumbRow a:hover {color:#999A01; text-decoration:underline;}
	.BCrumbText {color: #014A8F;}	
	
	/*Breadcrumb Row Formatting*/
	.bCrumbRow {color:#999999;font-size:0.8em;padding-left:10px;background-color:#fff;width:580px;height:2.4em;line-height:2.4em}
	html>body .bCrumbRow {}
	html .bCrumbRow {}
	
/************************************
	4. Layout Positioning
*************************************/		
	#top_logo {height:65px; width: 467px;float:left;background-image:url(../../images/icons/gxp_header.gif);} /* logo for the top of the page*/
	.welcome {margin-bottom:20px}
	#outer{width:780px;margin-left:auto;margin-right:auto;margin-top:20px;}
	html>body #outer{min-height:590px}	
	#left {	float:left;	width:580px;}
	#flashHeaderRow {height:226px;}
	/*.ContentRow {padding:10px 0 10px 10px;}*/

	#mainContent {width:580px;margin-bottom:20px}
	html>body #mainContent {width:580px;min-height:340px;padding-top:0px}
	* html #mainContent {width:580px;height:340px;}
	
	#imageHeaderRow {border-bottom:1px solid #fff}
/************************************
	4.1 Side Pannel Positioning
*************************************/	

	#right {float:left;	width:190px;margin-top:23px;margin-bottom:10px}
	#right h1,h2,h3,h4,h5,h6 {margin:0px;font-size:1em}
	html>body #right {margin-left:10px;}
	#right_inner {border: 1px solid #EEEEEE; padding: 5px 5px 5px 5px;}
	#right_lower {float:left;width:180px;padding-bottom:5px; padding-top:5px;font-size: 11px;}
	html>body #right_lower {float:left;width:180px; margin-top:-22px;font-size: 11px;}

/************************************
	4.2 Footer Positioning
*************************************/	
	#FooterRow {background-color:#6E8192;height:30px;line-height:30px;color:#fff;}
	#FooterRow a {text-decoration: underline;color:#fff;}
	#FooterRow a:hover {text-decoration: underline;color:#333333;}
	#builtByCobent {width:150px;float:right; text-align:right;}
	#copyrightNotice {float:left;padding-left:10px;font-family:  Arial, Helvetica, sans-serif;color: #fff;}
	
	.footerStatements {float:right;margin-right:5px}
	
	
	
	.editOverlay {border:1px dotted #ff3300;position:absolute;z-index:1000;cursor:auto;margin-top:-1px;margin-left:-1px;}
	
		/* Caption Control*/
	
	.caption33 {display:block;margin:10px 10px 10px 0px;width:180px;float:left;}	
	.caption50 {margin:10px 10px 10px 0px;width:250px;float:left;height:3em;line-height:3em;vertical-align:middle;padding:10px}	
	html>body .caption50 {width:280px;}	
	.caption100 {margin:10px 10px 10px 0px;width:500px;}	

/************************************
	 6. Nav Bar Formatting
*************************************/

	/*All*/
	
	#nav a {color:#014A8F;text-decoration:none;font-weight: bold;}
	#nav a:hover {color:#999A01;text-decoration:underline; font-weight: bold;}
	.openedlink { color:#8E8F10;font-weight:bold;text-decoration:underline; }
	#nav { text-align:center;float:left; width:780px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background:#EEEEEE;margin-bottom:1px;}
	#search {width:220px; margin-top:40px;float:right;background:#fff;height:22px;line-height:22px;border-top:1px solid #fff;vertical-align:middle; text-align:right;}

	/*Firefox & Mozilla */
	html>body #nav {text-align:center; height:22px;}
	html>body #nav ul {padding-left:5px;margin-top:3px;} 
	html>body #nav li {text-align:left; list-style: none;display:inline;padding: 0 6px 0 6px;height:22px;}
	html>body .searchGo {padding-bottom:1px;padding-right:2px;margin-top:-10px;}
	html>body .searchInput {width:143px;}
	
	/* Internet Explorer */
	* html 	#nav 	{text-align:center;height:22px;background:#EEEEEE;}
	* html	#nav ul {margin-left:10px;margin-top:3px;margin-bottom:-2px;} 
	* html 	#nav li {text-align:left; list-style: none; margin: 0 3px 0 -7px; padding: 0 6px 0 6px;display:inline;height:22px;}
	* html 	#search {height:22px;}
	* html 	.searchInput {height:12px;margin-top:1px; width:142px;}
	* html 	.searchGo {padding-bottom:1px;padding-right:2px;margin-top:-4px;}
	
/************************************
	 7. Side Panel Formatting
*************************************/

	
	/*Generic Side Panel*/
	
	.panelHeader {font-weight:bold; background-color:#004D93;padding: 7px 0 4px 7px;color:#FFF;width:183px;margin-bottom:5px; vertical-align:middle}
	.panelBody {background-color:#ebebcc;padding:5px 5px 0px 5px; width:178px; border:1px solid #999A01;margin-bottom:5px;font-size:0.9em}
	.panelBody a {text-decoration:none; }		
	/*mods*/
		html>body .panelHeader {min-height:1.7em;}
		html>body .panelBody ul {padding-left:20px;margin:0px;} 
		html>body .panelBody li {list-style-image:url(../../images/icons/bullet_orange.gif);margin-bottom:5px;}	
		* html .panelHeader {height:1.7em}
		* html .panelBody ul { margin:0px 0px 0px 20px;} 
		* html .panelBody li {list-style-image:url(../../images/icons/bullet_orange_IE.gif);margin-bottom:5px;}
	
	/*Other Pages in...*/
	.RelatedHeader {font-weight:bold; height:1.7em;background-color:#004D93;padding: 7px 0 4px 7px;color:#FFF;width:183px;margin-bottom:5px; vertical-align:middle}
	.RelatedBody {background-color:#ebebcc;padding:5px 5px 0px 5px; width:178px; border:1px solid #999A01;margin-bottom:5px;font-size:0.9em}
	.RelatedBody a {text-decoration:none; }
	.RelatedBody a:hover {text-decoration:underline;}		
		/*mods*/
		html>body .RelatedHeader {min-height:1.7em;}
		html>body .RelatedBody ul {padding-left:20px;margin:0px;} 
		html>body .RelatedBody li {list-style-image:url();margin-bottom:5px;}
		* html .RelatedHeader {height:1.7em}
		* html .RelatedBody ul { margin:0px 0px 0px 20px;}
		* html .RelatedBody li {list-style-image:url();margin-bottom:5px;}
		
	/*Page Links*/
	.pageLinksHeader{font-weight:bold; line-height:2.6em; height:2.6em;background-color:#004D93;padding-left:7px;color:#FFF;width:183px;margin-bottom:5px}
	.pageLinksBody {background-color:#efefef;padding:5px 5px 0px 5px;; width:178px; border:1px solid #ccc;margin-bottom:5px;font-size:0.9em}
	.pageLinksBody a {text-decoration:none; }
	/*.pageLinksBody a:hover {text-decoration:underline;color:#Ec8100;}	*/
		/*mods*/
		html>body .pageLinksHeader {min-height:1.7em;}
		html>body .pageLinksBody ul {padding-left:20px;margin:0px;} 
		html>body .pageLinksBody li {list-style-image:url(../../images/icons/bullet_grey.gif);margin-bottom:5px;}
		* html .pageLinksHeader {height:1.7em}
		* html .pageLinksBody ul { margin:0px 0px 0px 20px;} 
		* html .pageLinksBody li {list-style-image:url(../../images/icons/bullet_grey_IE.gif);margin-bottom:5px;}
	
	/*Page Downloads*/

	/*Text Formatting*/
	#panelBody a:hover {text-decoration:underline;color:#Ec8100;}	
	.subNavSelected {text-decoration:none;font-weight:bold}
	
	/************************************
	8. News Items
	*************************************/		

	.newsStoryHeading a {font-size:0.8em;font-weight:bold;margin-bottom:5px;}
	.newsStoryHeading a:hover {font-weight:bold;font-size:0.8em;}
	.newsReadMore {font-size: 0.8em; font-weight:bold;font-family:Tahoma, Arial, Helvetica;}
	.newsDate {
	font-size: 0.8em;
	padding:0 3px 1px 15px;
	background-image:url(/client/images/icons/bullet_news.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	line-height:0.8em;
	margin-bottom:10px;
}
	.newsPanelBody {padding:5px; }
	.newsAbstract {font-size: 0.8em; color:#333}
	.newsRollout {height:175px;width:100%;}	
	.newsStory h1{font-size:0.8em;font-weight:bold;margin-bottom:10px;padding-bottom:10px;background:#fff;padding-left:0px;line-height:1.2em;}

	/*Misc*/

	.tblHeader {background-color:#efefef;font-weight:bold;color:#8E8F10}
	
#mainContent li { list-style-type:square;}

#captchaimg {border:1px solid #999; margin: 10px auto 10px auto}
#captchaReload {font-size:0.8em; margin-left:5px}