/*********************************************************************
	
	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. Search Results    							*		
	*	6. Nav Bar Formatting							*
	*	7. Side Panel Formatting						* 			
	*	8. News Items									*
	*	9. FAQ Items                					*
	*****************************************************

/*  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:Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #000;font-size: 0.70em; height:100%;}	
	form {margin: 0px;}
	a {color: #CA181C;text-decoration: underline;}	
	a:hover {text-decoration: underline;color:#000000;}
	h1 {font-size: 1.2em;margin-bottom:0.5em;color:#333; font-weight:bold;}
	h2 {font-size: 1em;margin-bottom:3px;font-weight:bold;}
	html>body h1 {margin-top:0px;}
	h3 {}
	h4 {}
	h5 {}
	h6 {color: #CA181C;font-weight:bold;margin-bottom:7px;}
	textarea {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
	td {vertical-align:top}

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

	.smallText {font-size: 9px;}
	
	.specTable {}
	.specTableHeadings {font-size: 12px;font-weight: bold;color: #FFFFFF;text-align: center;height: 25px; line-height:25px;background-color: #C8181c;}
	.specTableOddRow {background-color:#fff;}
	.specTableEvenRow {background-color:#efefef;}
	.specTable td{padding:4px}
	
	.inThisSection {background: url(/client/images/icons/inThisSection.gif) no-repeat; padding-left:25px;height:22px;line-height:22px}

	#learnmore {vertical-align:bottom; height:26px; width:169px;}

/************************************
	2. Custom Text Formatting
*************************************/
	
	.pageHeading {font-family: Tahoma, Verdana, 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: #54637b;}
	#bCrumbLinkOn{color:#54637b; text-decoration:underline;}	
	.bCrumbRow a {color:#54637b;text-decoration:none;}
	.bCrumbRow a:hover {color:#54637b; text-decoration:underline;}
	.BCrumbText {color: #54637b;}	
	
	/*Breadcrumb Row Formatting*/
	.bCrumbRow {color:#54637b;font-size:0.8em;padding-left:10px;background-color:#cccccc;width:786px;height:2.4em;line-height:2.4em;}
	html>body .bCrumbRow {}
	html .bCrumbRow {}

/************************************
	4. Layout Positioning
*************************************/		

	.welcome {margin-bottom:10px}
	#outer{width:796px;margin-left:auto;margin-right:auto;margin-top:20px; height:100%;}
	html>body #outer{}

	#flashHeaderRow {background-color:#C8181c; text-align:right; margin-top: -46px;}
	#flashHeaderRow2 { position: relative; width:218px;}
	/*.ContentRow {padding:10px 0 10px 10px;}*/

	#imageHeaderRow {border-bottom:1px solid #fff}
	.dottedHR {background-image: url(/client/images/content/horizontalDots2.gif);background-repeat: repeat-x;background-position: left center;height: 1px;margin-top: 3px;margin-bottom:3px;}
	html>body .dottedHR {background-image: url(/client/images/content/horizontalDots2.gif);background-repeat: repeat-x;background-position: left center;height: 1px;margin-top: 3px;margin-bottom:3px;}
	* html 	.dottedHR {background-image: url(/client/images/content/horizontalDots2.gif);background-repeat: repeat-x;background-position: left center;height: 1px;margin-top: 3px;margin-bottom:3px;}

	#mainContent {width:420px; float:left;margin-left:5px; padding:10px;}
	/*html>body #mainContent {width:431px;padding-top:0px;}
	* html #mainContent {width:437px;}*/
	
	#mainContent_alt { padding:10px;float:right;border-right: 1px solid #cccccc; padding-left:5px; width:600px}
	/*html>body #mainContent_alt {width:620px;}*/
	* html #mainContent_alt {width:600px;padding-left:8px;}
	
	
	#masterContent { width:100%; background-image:url(/client/templates/shared/BG2.gif); background-position:bottom;}
	#masterContent_alt { width:100%; background-image:url(/client/templates/shared/BG_alt.gif);background-repeat:repeat;}
/************************************
	4.1 Side Pannel Positioning
*************************************/	

	#right {height:100%;float:right;width:169px; background-color:#EDEDED;}
	#right h1,h2,h3,h4,h5,h6 {margin:0px;font-size:1em}
	html>body #right {margin-left:10px;height:100%;}
	
	#left { float: left;width:169px; background-color:#EDEDED; height: 100%;}
	html>body #left {}
	* html #left {}
	
	#left a {text-decoration:underline}

/************************************
	4.2 Footer Positioning
*************************************/	
	#FooterRow {background-color:#666666;height:20px;line-height:20px;color:#fff; font-size:10px;}
	#FooterRow a {text-decoration: underline;color:#fff;}
	#FooterRow a:hover {text-decoration: underline;color:#fff;}
	#builtByOxfordNewMedia {width:150px;float:right; text-align:right;margin-top:3px}
	#copyrightNotice {float:left;padding-left:10px;font-family:  Arial, Helvetica, sans-serif;color: #fff;}
	
	.footerStatements {float:right;margin-right:5px;}
	
	.membersHeader { visibility:hidden;}
	
	.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;}		
	
	
/************************************
	 5. Search Bar - through the AON
*************************************/

	.SearchResults { font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#000000;}
	.SearchTime {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:right;}
	.SearchTable { border:5px; width: 100%; background-color:#EDEDEF; border-collapse:collapse; border-color:#D4D0C8;}

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

	/*All*/
	
	#nav a {color:#000000;text-decoration:none;font-weight: bold;}
	#nav a:hover {color:#000000;text-decoration:underline; font-weight: bold;}
	.openedlink { color:#000000;font-weight:bold;text-decoration:underline; }
	#nav { text-align:center;float:right; width:370px;margin-top:10px;}
	#search { padding-left:10px;clear:both}
	html>body #search {}
	#search_button { padding-right: 10px; float:right; padding-bottom:10px;}

	/*Firefox & Mozilla */
	html>body #nav {text-align:center; height:22px;width:380px;}
	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:#fff;}
	* 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; height:1.7em;background-color:#C8181c;padding: 3px 0 4px 7px;color:#FFF;width:161px;margin-bottom:5px; margin-top:2px;vertical-align:middle}
	.panelBody {background-color:#EDEDED;padding:5px 5px 0px 5px; width:155px; /*border:1px solid #cccccc;*/margin-bottom:5px;}
		/*mods*/
		html>body .panelBody ul {padding-left:20px;margin:0px;} 
		html>body .panelBody li {list-style-image:url(../../images/icons/bullet5.gif);margin-bottom:5px;}	
		* html .panelBody ul { margin:0px 0px 0px 20px;} 
		* html .panelBody li {list-style-image:url(../../images/icons/bullet5.gif);margin-bottom:5px;}
	
	/*Other Pages in...*/
	.RelatedHeader {font-weight:bold; height:1.7em;background-color:#C8181c;padding: 7px 0 4px 7px;color:#FFF;width:161px;margin-bottom:5px; vertical-align:middle}
	.RelatedBody {background-color:#EDEDED;padding:5px 5px 0px 5px; width:153px; /*border:1px solid #cccccc;*/margin-bottom:5px;}
	.RelatedBody a {text-decoration:none; }
	.RelatedBody a:hover {text-decoration:underline;}	
	* html .RelatedBody ul { margin:0px 0px 0px 20px;} 	
	* html .RelatedBody li {list-style-image:url(../../images/icons/bullet5.gif);margin-bottom:5px;}
	
	/*Contact Page*/
	.ContactHeader {clear:both; font-weight:bold; height:1.7em;background-color:#C8181c;padding: 0px 0 0px 0px;color:#FFF;width:161px;margin-bottom:5px; vertical-align:middle}
	.ContactBody {clear:both; background-color:#EDEDED;padding:5px 5px 0px 5px; width:155px; /*border:1px solid #cccccc;*/margin-bottom:5px;}
	.ContactBody a {text-decoration:none; }
	.ContactBody a:hover {text-decoration:underline;}	
	
		/*mods*/
		html>body .RelatedBody ul {padding-left:20px;margin:0px;} 
		html>body .RelatedBody li {list-style-image:url(/client/images/icons/bullet5.gif);margin-bottom:5px;}
		* html .RelatedBody ul { margin:0px 0px 0px 20px;}
		* html .RelatedBody li {list-style-image:url(/client/images/icons/bullet5.gif);margin-bottom:5px;}
		
	/*Page Links*/
	.pageLinksHeader{font-weight:bold; line-height:2.6em; height:2.6em;background-color:#C8181c;padding-left:7px;color:#FFF;width:161px;margin-bottom:5px}
	.pageLinksBody {background-color:#EDEDED;padding:5px 5px 0px 5px; width:155px; /*border:1px solid #ccc; */margin-bottom:5px;}
	.pageLinksBody a {text-decoration:none; }
	.pageLinksBody a:hover {text-decoration:underline;color:#Ec8100;}	

		/*mods*/
		html>body .pageLinksBody ul {padding-left:20px;margin:0px;} 
		html>body .pageLinksBody li {list-style-image:url(/client/images/icons/bullet5.gif);margin-bottom:5px;}
		* html .pageLinksBody ul { margin:0px 0px 0px 20px;} 
		* html .pageLinksBody li {list-style-image:url(/client/images/icons/bullet5.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 { 	background-image:url(/client/images/icons/bullet_news.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:15px}
	
	.newsStoryHeading a {font-size:1em;font-weight:bold;margin-bottom:5px;}
	.newsStoryHeading a:hover {font-weight:bold;font-size:1em;}
	.newsReadMore {font-size: 0.8em; font-weight:bold;font-family:Tahoma, Arial, Helvetica;}
	.newsDate {
	font-size: 0.8em;
	padding:5px 0px 5px 0px;
	line-height:0.8em;
	margin-bottom:2px;
}
	.newsPanelBody {padding:5px; }
	.newsAbstract {font-size: 1em; color:#333}
	.newsRollout {height:175px;width:100%;}	
	.newsStory h1{font-size:1.2em;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;}


	
/************************************
9. FAQ Items
*************************************/		

.faq_category {font-size: 1.2em;margin-bottom:0em;color:#C8181c; background-color:#ffffff; line-height:2em; height:2em; font-weight:bold;}
.faq_question {}
.faq_answer {}

		* html .faq_question li {list-style-image:url(/client/images/icons/bullet5.gif);margin-bottom:5px;}

.faq_detailquestion { margin-top:5px;font-size: 1.0em;margin-bottom:0em;color:#000000; background-color:#ffffff; line-height:2em; height:2em; font-weight:bold;}
.faq_detailanswer {}

* html .faq_detailanswer li {list-style-image:url(/client/images/icons/bullet5.gif);margin-bottom:5px;}

.saveTime_ColHeading {font-size: 11px;font-weight: bold;color: #FFFFFF;text-align: left;height: 20px; line-height:20px;background-color: #C8181c; padding-left:10px;}
.saveTimeBG { background-image:/images/savetime/stopwatch_watermark.gif; background-repeat:no-repeat }
.saveTime_ColBG {background:#efefef;padding:10px;}


/*News Archive Additions*/

.newsArchiveControl {border:1px solid #ccc; padding:5px; width:185px; margin-bottom:10px; background:#ededed; }
.newsArchiveLabel {float:left; height:2em; line-height:2em}

.clear {clear:both}
.specTable {}
.specTable td p {margin:0px}
.specTableValue {text-align:center}