/*********************************************************************
	
	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: Verdana, Arial, Tahoma;color: #000;height:100%;font-size: 75%; background-color: #eeeef3;height:100%;}	
	form {margin: 0px;}
	a {color: #DB2653; font-weight:bold;}	
	a:hover {color: #DB2653;font-weight:bold;}
	/*h1 {font-size: 1.2em;margin-bottom:1em;color:#004D91; background-color:#CCCCCC;}*/
	h1 {font-size: 1.3em;margin-bottom:1.3em;color:#DC2521; line-height:2em; height:2em; padding-top:16px; }
	h2 {font-size: 1.0em;margin-bottom:3px;color:#DC2521;}
	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}
.hr {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #A5AEC5;
}

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


	#scroll {height : 780px; overflow : auto;overflow:scroll; width:100%}
	* #scroll {height : 780px; overflow : auto;overflow:scroll; width:100%}
	html>body #scroll {height : 780px; overflow : auto; overflow:scroll; width:100%}



/************************************
	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: #000000;}
	#bCrumbLinkOn{color:#000000; }	
	.bCrumbRow a {color:#000000;}
	.bCrumbRow a:hover {color:#000000; }
	.BCrumbText {color: #000000; font-weight:bold;}	
	
	/*Breadcrumb Row Formatting*/
	.bCrumbRow {font-size:0.9em;width:100%; margin-left:0px;height:31px;height:2.4em;line-height:2.6em; padding-left:5px; background-image:url(/client/images/backgrounds/breadcrumb_bg.gif); background-repeat:repeat;}
	html>body .bCrumbRow {height:31px;width:592px; margin-left:9px;}
	html .bCrumbRow {height:31px; }
	
/************************************
	4. Layout Positioning
*************************************/		

	.welcome {margin-bottom:20px}
	#outer{width:780px;margin-left:auto;margin-right:auto;margin-top:20px; height:100%;}
	html>body #outer{width:780px; height:100%;}	
	
	#container {background: url(/client/templates/shared/containerBG.gif) repeat-y; display:block;height:100%;}
	html>body 	#container {width:780px;background: url(/client/templates/shared/containerBG.gif); background-repeat:repeat-y;}
	
	#left {width:173px;background:#fff;float:left;height:100%;display:block;margin-right:6px;}
	html>body #left {margin-right:1px;}
	
	#right {width:593px;height:100%;}

	#right h1,h2,h3,h4,h5,h6 {margin:0px;font-size:1em}
	
	html>body #right { margin-top:10px; height:100%;margin-left:173px;width:606px;}
	html>body #right_inner { border-left: 1px solid #D2D3E6; border-bottom: 1px solid #D2D3E6;border-right: 1px solid #D2D3E6;}
	
	#right_inner {padding:10px;border-left: 1px solid #D2D3E6; border-bottom: 1px solid #D2D3E6;border-right: 1px solid #D2D3E6; height:150px;}

	
	#flashHeaderRow {margin-bottom:10px;}
	html>body #flashHeaderRow {width:780px; }
	html>body #flashHeaderRow_alt {width:780px; margin-bottom:10px;}
	/*.ContentRow {padding:10px 0 10px 10px;}*/

	#mainContent {background-color:#ffffff; margin-left:11px;padding-left:10px; padding-right:10px; height:300px; margin-bottom:10px;margin-top:10px;}
	html>body #mainContent {height:100%;margin-bottom:10px;}
	* html #mainContent {margin-left:11px;padding-left:10px; padding-right:10px;height:100%;margin-bottom:20px;}

	#imageHeaderRow {border-bottom:1px solid #fff}


	

/************************************
	4.2 Footer Positioning
*************************************/	
	#FooterRow {height:27px;line-height:30px; width:779px; background-image:url(/client/images/backgrounds/Footer.gif); background-repeat:no-repeat; margin-top:-12px;}
	html>body 	#FooterRow {height:27px;line-height:30px; width:779px; margin-top:32px;}

	#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:right; width:280px;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 {display:block; height:31px; color:#FFF; text-decoration:none; border-right:1px solid #fff; padding-right:5px}
	#nav a:hover {  color:#FFF; text-decoration:underline;}
	#nav a.openedlink {color:#ffffff; }
	#nav {background:#CC3300; background-image:url(/client/templates/shared/menuBG.jpg); height:27px; font-size:1.1em; font-family:Tahoma, Arial, sans-serif}
	
	#nav ul {padding:0 4px 0 4px;margin:0px; line-height:27px } 
	#nav li {list-style: none; float:left; margin-right:4px;}
	

	/*Firefox & Mozilla 
	html>body #nav {height:31px; height: 2em;line-height: 2.2em;text-indent: 10px;  margin-top:-3px; display:block;}
	html>body #nav ul {padding-left:0px;margin-top:3px; } 
	html>body #nav li {text-align:left; list-style: none;height:31px; float:left}
	
	html>body 	.openedlink { font-weight:bold;}
	
	/* Internet Explorer
	* html 	#nav 	{text-indent: 10px; height: 2em;line-height: 2.2em; font-weight:bold; }
	* html	#nav ul {margin-bottom:0px} 
	* html 	#nav li {list-style: none;height:31px; margin-left:-40px;}*/ */

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

	
	/*Generic Side Panel*/
	
	.panelHeader {font-weight:bold; height:1.7em;background-color:#004D93;padding: 7px 0 4px 7px;color:#FFF;width:183px;margin-bottom:5px; vertical-align:middle}
	.panelBody {background-color:#FFF; width:178px; margin:20px 0 5px 0; text-align:left}
		/*mods*/
		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 .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;}
	.RelatedBody a {text-decoration:none; }
	.RelatedBody a:hover {text-decoration:underline;}		
		/*mods*/
		html>body .RelatedBody ul {padding-left:20px;margin:0px;} 
		html>body .RelatedBody li {list-style-image:url();margin-bottom:5px;}
		* 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;}
	.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(../../images/icons/bullet_grey.gif);margin-bottom:5px;}
		* 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: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: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: 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;}

#loginbox {
	background-image:url(/client/images/backgrounds/loginbox.jpg); background-repeat:no-repeat; padding-top: 35px; padding-left:18px; color:#000000; height:155px; float:right;WIDTH: 231px; text-align:left;}
#Current_Stu {background-image:url(/client/images/backgrounds/Current_Stu.gif); background-repeat:no-repeat; padding-top: 35px; padding-left:18px; color:#ffffff; height:154px; width:300px; float:left; position:absolute;}