/*********************************************************************
	
	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. Download Items								*
	*****************************************************

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

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

	/*All*/
	table , select, input {font-size: 100%;}
	html{height:100%;}
	body {margin:0px;font-family: Tahoma, Arial, Helvetica, sans-serif;color:#333333;height:100%;font-size: 0.7em; line-height:1.5em}	
	form {margin: 0px;}
	a {color:#003366;text-decoration: underline;}	
	a:hover {text-decoration: underline;color:#ff6600;}
	/*h1 {font-size: 18px;font-weight: normal;color:#3a625d;margin-bottom:5px; height:25px;background:url(dots_h.gif) no-repeat bottom left;}*/
	h2 {font-size: 1.1em;font-weight: bold;margin-bottom:3px;color:#3a625d;height:20px;background:url(dots_h.gif) no-repeat bottom left;font-family: Arial, Helvetica, sans-serif;}
	textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
	h1 {
	line-height: 1em !important;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 6px 00px;
	font-weight: normal;
	font-size: 22px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;

	}
	h3 {font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;}

	/*Firefox & Mozilla */
	html>body {	font-size: 0.70em;}
	
/************************************
	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
*************************************/	

	.bCrumbLink {font-size:1.0em;color: #775E2D;}
	.bCrumbLinkOn{color:#ff6600; text-decoration:underline; cursor:help}	
	.bCrumbRow {color:#ccc;
	padding: 2px 0 3px 10px;
	line-height:22px;
	height:24px;
	width:575px;
	background:#f1f1f1;
	margin: 10px 0px 10px 10px;
	border:1px solid #ccc;}
	
	* html .bCrumbRow {padding: 0px 0 0px 10px;}
	
	bCrumbContainer {height:24px;}
	.bCrumbRow a {color:#666666;text-decoration:none;}
	.bCrumbRow a:hover {color:#666666; text-decoration:underline;}
	.BCrumbText {color: #333;}	
	
/************************************
	4. Layout Positioning
*************************************/		

	/*All*/
	#layoutTable {width:780px;}
	#HeaderRow {height:85px;background:url(banner_gradient.gif) no-repeat top right;}
	#navigationRow {height:24px;}

	.ContentRow {padding:0px 0 10px 10px;}
	#sideCol{width:180px;background:#fff; }
	#sideCol ul {margin-left:20px;margin-top:-2px; margin-bottom: 3px;}
	html>body #sideCol ul {margin-left:20px;margin-top:-2px; margin-bottom: 3px;margin-left:-24px;}
	#ContentSideCol {padding-top:10px;width:180px;}
	#ContentRightCol {width:180px;}
	#ContentRightCol ul {margin-left:20px;}
	.homePanel1 {padding: 0px 4px 3px 0px;}
	.homePanel2 {padding: 0px 0px 3px 0px;}
	.homePanel3 {padding: 0px 3px 3px 0px;}
	.homePanel4 {padding: 0px 0px 0px 0px;}
	#homeQuad {width:580px;}
	#mainContent {width:370px;padding:0px 5px 10px 10px;margin-right:5px; min-height:250px;}
	#altContent {width:380px;padding:0px 10px 10px 10px;margin-right:5px; }
	#altContent2 {width:570px;padding:0px 10px 10px 10px;margin-right:5px; min-height:250px;}
	#col2 {width:180px;padding:0px 5px 10px 10px;margin-right:5px; min-height:250px;}
	#titleRow {padding-left:10px}

	
	/* Internet Explorer */	
	* html #mainContent {padding:10px 5px 10px 10px;}

/************************************
	5. Footer Formatting
*************************************/
		
	#FooterRow {height:20px;vertical-align:top;}
	#FooterRow td{font-size:0.9em;background-color:#000;padding:5px ;text-align:left;color:#fff;}
	#FooterRow a {color:#fff;}
	fm {font-size:0.8em;}
	fm a{color:#ff6699;}
	fm_openedlink {text-decoration:underline;}
	hr {height:1px;color:#999999;}
	#FooterNavRow {height:25px;}

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

	/*All*/
	#nav {height:24px; line-height:16px;vertical-align:middle;background:url(nav_.gif);}
	#nav a {color:#6699CC;text-decoration:none;}
	#nav a:hover {color:#fff;text-decoration:underline;}
	.openedlink { color:#fff;}
	
	html>body #nav {height:23px;line-height:16px;vertical-align:middle;background:url(nav_.gif) repeat-x #000;padding-top: 1px;}
	html>body #nav a {color:#6699CC;text-decoration:none;}
	html>body #nav a:hover {color:#fff;text-decoration:underline;}


	/*Firefox & Mozilla */
	html>body #nav ul {padding-left:5px;margin-top:3px; text-align:left;} 
	html>body #nav li {text-align:left; list-style: none; display:inline;padding: 0 6px 0 6px;height:22px;}
	
	/* Internet Explorer */
	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;}

/************************************
	7. Side Panel Formatting	
*************************************/

	/*All*/
	.panelHeader {min-height:24px;vertical-align:middle;background-color:#f1f1f1;padding:5px 5px 0px 5px;color:#666;border:1px solid #ccc;width:175px; font-weight:bold;}
	.panelBody {padding:5px; background:#fff;}
	/*.panelBody a {text-decoration:none; color:#333333;}*/
	.lowerPanelHeader {	height:22px;line-height:22px;vertical-align:middle;background-color:#333333;padding-left:5px;color:#FFFFFF;border-top:1px solid #fff;border-bottom:1px solid #fff;width:175px;}

	* html .panelHeader {height:24px;line-height:24px; padding:0px 5px 0px 5px;}

		
	/*Firefox & Mozilla */
	html>body .panelBody ul {padding-left:20px;margin:0px;} 
	html>body .panelBody li {list-style-image:url(bullet.gif);line-height:1.6em;}
	
	/* Internet Explorer */
	html .panelBody ul { margin:0px 0px 0px 20px;} 
	html .panelBody li {list-style-image:url(bullet_IE.gif);line-height:1.6em;}
	
	.sideBarHeader {background-color:#003535;padding:5px;color:#fff;}
	.sideBarContent {padding:5px;}
	.sideBarContent a {color:#333333;}
	.sideBarContent a:hover {  }
	
	.bulletLinkSelected {text-decoration:underline;}
	
	

		
/************************************
	8. News Items
*************************************/		

	/*#newsStoryHeading a {font-weight:bold;color:#ff9900;}*/
	#newsStoryHeading a:hover {}
	#newsReadMore {font-size: 0.8em; font-weight:bold;font-family:"Tahoma", Arial, Helvetica;background:url(/images/icons/arr_green_r.gif); padding-right:12px; text-decoration:none; }
	#newsDate {font-size: 0.8em; padding:0 3px 3px 0;}
	#newsHR {margin:3px 0 5px 0; height:1px; line-height:1px; background: #ccc; display:none}
	#NewsPanelBody {padding:5px;}
	#NewsAbstract {font-size: 0.9em; color:#333}
	
	.searchHeader {border-bottom:1px solid #fff	}
	#searchPanelBg {background:url(search_bg.gif) no-repeat; width:170px; height:54px;padding:5px;}
	/**html #searchPanelBg {background:url(search_bg.gif) no-repeat; width:170px; height:54px;padding:5px;}*/
	.searchInput {width:120px;}
	.searchSubmit {margin-top:4px; margin-top:3px;}
	
	.newsletterHeader {padding-top:5px;border-bottom:1px solid #fff	}
	#SignupPanelBg {background:url(newsletter_bg.gif) no-repeat; width:170px; height:124px;padding:5px; font-size:0.9em}
	
/************************************
	9. Download Items
*************************************/			
	#downloadTable {width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	#downloadTable th {text-align:left;background-color:#f1f1f1;padding:3px;border-bottom:1px solid #ccc}
	#downloadTitle td{padding:3px;border-bottom:1px solid #ccc; height:20px;line-height:20px}		
	#downloadDesc  {}
	#downloadBullet {background:url(/client/images/icons/bullet.gif) center center no-repeat; width:20px; }
	/* for use in WYSIWYG editor css panel*/
	.downloadTable {width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	.downloadTable th {text-align:left;background-color:#f1f1f1;padding:3px;border-bottom:1px solid #ccc}
	.downloadTable td{padding:3px;border-bottom:1px solid #ccc; height:20px;line-height:20px}		
	.downloadBullet {background:url(/client/images/icons/bullet.gif) center center no-repeat; width:20px; }
	
/************************************
	9. MySite Items
*************************************/		
	#mySiteTable {width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
	#mySiteTable th {text-align:left;background-color:#f1f1f1;padding:3px;border-bottom:1px solid #ccc}
	#mySiteTitle td{padding:3px;border-bottom:1px solid #ccc; height:20px;line-height:20px}		
	/*#mySiteBulletPage {background:url(/aon/images/icn_page.gif) center center no-repeat; width:20px; }*/
	#mySiteBulletPage {background:url(/client/templates/Shared/bullet.gif) center center no-repeat; width:20px; }
	#mySiteStoreTable {width:100%; border-top:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;}
	#mySiteOptions {background-color:#efefef; border:1px solid #ccc}
	#mySiteOptions hr{height:1px}
	.mySiteOptionHeader {background:#ccc;border-bottom:1px solid #fff}