/* 	Union for Talossan Progress
	Created by FreeXenon Consulting
	www.freexenon.com 	*/

/* Template Style Sheet */ 
	/* Container Styles */

		/* Center site once you reach the max width */
		* html body {text-align:center;}
		* html #MainSiteContainer {text-align:left; width:expression(document.body.clientWidth > 800? "50em": "auto" );}
		#MainSiteContainer {margin:0 auto;}


		#MainSiteContainer {width:100%; height:auto; min-height:100%; max-width:50em; position:relative;
			border-left:0.09em solid #000; border-right:0.09em solid #000; background-color:#6499C1;} /*> Dark Blue */
		* html #MainSiteContainer {height:100%;}

	/* Core Styles */		
		h1 {margin:1em 0.5em 1.5em 0.5em; color:#FFCA12;}
		h2, h3, h4, h5 { margin: 1em 0;}				
		body {background-color:#0E2F62;} /* Darker Blue*/
		table tbody tr:hover {background-color: #FFFF99; outline:inset #000 0.08em;}
		table tbody td {text-align:center;}
		
		
	/* Branding */ 
		#Branding {position:relative; margin:0; width:60%; overflow:hidden;}
		#Branding strong {position:absolute; left:-999em;}

		
	/* Help Navigation */
		#navHelp {position:fixed; top:0; right:0; font-size:0.75em; list-style:none; text-align:right; background-color:#6499C1;
			border-left:0.09em solid #000; border-bottom:0.09em solid #000; z-index:2000; overflow:hidden;}
		* html #navHelp {position:absolute;}

		#navHelp li {float:left; margin:0; width:8em; text-align:center;}
		#navHelp li a {padding:0.3em; display:block; width:auto;}

		#navHelp li {border-right:0.09em solid #000;}
		#navHelp:hover {font-size:1em;}
		#navHelp:hover li a {padding:0.3em;}

		#navHelp li a:hover {color: #996600; background-color:#fff; cursor:}

		#navHelp #itmSiteMap {border-right:none;}

	/* 	Content Styles */ 
		#Content {padding:0.5em; margin: 0 0.5em 0 0.5em; margin-left:7.75em; min-height:15em;}
		* html #Content {height:15em;}

		#Content ul, #Content ol, blockquote {margin: 1em 0.5em 1em 2em;}

		#Introduction {margin-bottom:1em;}
		
		#Content :first-child, #MainTitle :first-child, #MainFooter :first-child {margin-top:0; padding-top:0;}
		#Content :last-child, #MainTitle :last-child, #MainFooter :last-child {margin-bottom:0; padding-bottom:0;}

	/* Main Navigation Styles */ 

		#navMain {margin:0; margin-left:0.5em; position:fixed; top:6em; width:7em; background-color:#6499C1; opacity:.9; z-index:1;}
		/*  For IE because it does not support Fixed Positioning */
		* html #navMain {position:absolute;}

		#navMain > li {width:7em;}

		#navMain ul {background-color:#fff; border: 0.09em solid #000; width:14.6em;}
		#navMain ul li a {padding: 0.1em 0.3em;}
		#navMain #subProposals {width:15.5em;}
		#navMain #subAboutUs {width:16.5em;}
		#navMain #subTalossanLinks {width:11em;}
		#navMain #subEssays	{width:17em;}

		/* Test Code */
		#navMain li > a.BasePopOutHeader {background-image:url("../_images/_icons/left_arrow.gif"); background-repeat:no-repeat; background-position:right;}
		#navMain li:hover > a.BasePopOutHeader {background-image:url("../_images/_icons/left_arrow_over.gif"); background-repeat:no-repeat; background-position:right; background-color:#fff; color: #B7542A;}
		/* separate focus from hover (and have focus after hover) or IE freaks out */
		#navMain ul:focus > li:focus > .BasePopOutHeader {content:url("../_images/_icons/left_arrow_over.gif");}

		/* Link Styles */
		#navMain :link {color: #FBFFE5;}
		#navMain :visited,
		#navMain ul :link  {color: #FFBE00;}
		#navMain :link:hover, #navMain :visited:hover {color: #B7542A; background-color:#fff;}
		#navMain :link:active, #navMain :visited:active {color: #B7542A;}
		 * > #navMain :link:focus, * > #navMain :visited:focus {color: #ED7753;}

		#navMain ul li a:hover {background-color: #FFFF99 !important; outline:inset #000 0.08em;}

	/* Page Verses Nav Styles */
		.gpHome       #itmHome > a, 
		.gpAboutUs    #itmAboutUs > a,
		.gpProposals  #itmProposals > a, 		
		.gpEssays     #itmEssays > a,
		.gpContactUs  #itmContactUs a, 		
		.gpTalossanLinks    #itmTalossanLinks > a,
		.gpPlatform    #itmPlatform > a,

		.gpAccessibility #itmAccessibility a, 		
		.gpSiteMap #itmSiteMap a
			{ color: #996600; background-color:#fff; cursor: default;}

		* html .gpHome  #itmHome a,
		* html .gpAboutUs  #itmAboutUs a,
		* html .gpProposals  #itmProposals a, 
		* html .gpPlatform  #itmPlatform a,
		* html .gpEssays  #itmEssays a,
		* html .gpTalossanLinks  #itmTalossanLinks a,
		* html .gpContactUs  #itmContactUs a

			{ color: #996600; background-color:#fff; cursor: default;}

		
	/* Footer Styles */
		#navFooter {margin: 0 0.5em;}
		#navFooter {text-align:center; list-style:none; font-size:0.9em; font-weight:bold; margin-top:0.5em;}
		#navFooter li a:hover {color:#000;}
		#navFooter li a:visited {color:#000;}

	/* Copyright and PoweredBy Styles */
		#CopyRight, #PoweredBy {margin: 0.5em;}
		#CopyRight, #PoweredBy {font-style:italic; font-weight:bold; font-size:.75em; text-align:right;}
		#CopyRight a, #PoweredBy a {text-decoration:none;}
	
		#CopyRight a:link, #CopyRight a:visited {color: #0033FF;} /* blue */
		#CopyRight a:active, #CopyRight a:hover {color:#CBC;} /* Grey */
	
		#PoweredBy a:link, #PoweredBy a:visited {color:#4DFA5A;} /* Lime */
		#PoweredBy a:active, #PoweredBy a:hover {color:#CBC;} /* Grey */
		
		
	/* Page Specific Styles  */
		#imgPlusOne {float:right;}

		#frmContactUs  {margin-top:0.5em;}
		#frmContactUs fieldset {margin-top:0.5em; border: 0.09em solid #000; padding:0.3em;}
		#frmContactUs legend { font-weight:bold; text-align:center; border: 0.09em solid #000; padding:0.3em; margin: 0.5em 0;}
		#frmContactUs #inpContactSubmit { margin-bottom:0.3em;}