/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for Teasel Navigation
Created by:	Lorraine Humm / lorraine@divine-creations.com for Bdirectsystems / www.bdirectsystems.com
================================================================
*/

/*-- Browsers - Win IE6, Firefox, Mac Safari --*/
/*-- © Divine-Creations.Com Limited 2006/© Bdirectsystems.com 2006 --*/

/*-- FIRST and SECOND level navigation --*/

#navwrap {}


/* 	Horizontal TopNav with vertical second level above the top level 
	02/12/06 GG Created
 */
ul#TopNav {					list-style:none; 
							margin:90px 0 0 0; /* Provide space for the second-level nav */
							padding:0; Xbackground:red;
							font-size: x-small;
							float:left; }
ul#TopNav li {				position:relative;	/* allow the second-level to hang around here */
							display:inline; /* stack horizontally */ 
							margin:0; border:0 /* 1px solid black */; padding:0;  }
ul#TopNav a {				color:#666;
							font-weight:bold;
							text-decoration:none;
							padding:0.33em 0.66em 0.33em 0; margin:0;}
ul#TopNav a:hover {			text-decoration:underline;
							color:#e2c901; }
ul#TopNav a:selected {		color:red; }
ul#TopNav a.CrumbTrail {	color:#e2c901; }
/*	2nd level+ */
ul#TopNav ul {				position:absolute;
							width:15em; /* Constrain the width */
							list-style:none;
							margin:0; 
							border:0;
							padding:0; /* can't use padding - IE incorrectly interprets it */
							left:0;
							bottom:1.5em; }
ul#TopNav ul li {			display:block;  /* stack vertically */ 
							margin:0;
							padding:0 0 0.4em 0; }

/* Prevent the lower-levels from displaying - temp solution */
XXul#TopNav ul ul * { display:none; }



/* ==================================================================================================================
 * Son of Suckerfish dynamic menu styling (loosely based upon code from http://www.htmldog.com/articles/suckerfish/)
 * =============================================================================================================== */

#TopNav li ul {	/* a child list doesn't appear in the layout (position:absolute), but is positioned off the canvas. */
					position:absolute; left:-999em; height:auto; }

#TopNav li ul ul {	/* the negative top margin positions sub-menus (just above) in-line with the current item, not below */
					XXmargin:-2.25em 0 0 12em;  /* 	<<<----	- fixed= left margin=130px */ } 


/*	Shared styles to hide/show the sub-menu */
#TopNav li:hover ul ul, #TopNav li.sfhover ul ul,
#TopNav li:hover ul ul ul, #TopNav li.sfhover ul ul ul	{	left:-999em; }

#TopNav li:hover ul, #TopNav li.sfhover ul,			
#TopNav li li:hover ul, #TopNav li li.sfhover ul,
#TopNav li li li:hover ul, #TopNav li li li.sfhover ul	{	left:0; }

/* ==================================================================================================================
 *							End of SoSF Menus
 * =============================================================================================================== */





/*	THIRD level navigation - rendered on LHS
 *	180px wide
 */

#leftNav {						float:left; display:inline; /* MSIE DFMB fix */
								width:125px; /*160*/
							/*	border:1px dashed black; */
								font-size:x-small;
								padding:0; margin:20px 20px 20px 35px; color:#002e60; }
#leftNav ul { 					list-style-type:none; margin:0; padding:0; width:125px;}
#leftNav li { 					list-style-type:none; margin:0 0 0.66em 0; padding:0;}
#leftNav a, 
#leftNav a:link {				color:#00adef; text-decoration:none; font-weight:bold;}
#leftNav a:hover {				color:#e2c901;}
#leftNav a.LeftNavCrumbTrail {	color:#e2c901; }

/* Added the third-level navigation - under second level - rendered slightly smaller and indented
 */
#leftNav ul ul {				margin:0.5em 0;
								border-left:1px solid #e7e7e7;
								padding:0;
								width:115px; /* 125-10=115 */}
#leftNav ul ul li {				margin:0;
								padding:0; }
#leftNav ul ul li a {			display:block;	/* pad out the anchor */
								width:105px;	/* 115-10 - keep internet exploder's dimension bug in check */
								border:0;
								padding:0.5em 0 0.5em 10px;}							
#leftNav ul ul li a.LeftNavCrumbTrail {	
								border-left:0px solid #e2c901;
								padding-left:10px;}
#leftNav ul ul a,
#leftNav ul ul a:link {			font-weight:bold;  }






/* Footer region and menu
 */
#Footer {			clear:both; font-size:xx-small;
					width: 950px;	/* match the container width */
					margin:0.5em auto; }
#Footer h1 { 		display:none; }	/* Hide the menu title */
#Footer p {			float:right; display:inline; /* MSIE DFMB fix */
					margin:0; padding:0.5em 0; color:#999; }
#Footer ul {		float:left; display:inline; /* MSIE DFMB fix */
					list-style:none; margin:0; padding:0.33em 0 0; }
#Footer ul li {		display:inline; 
					padding:0.5em 2em 0.5em 0;  }
#Footer a,
#Footer a:link {	color:#00adef; text-decoration: none;}
#Footer a:visited {	color:#33adef; }
#Footer a:hover {	color:#e2c901; }
 

/*	Management team layout table - to keep images and text together.  CSS eh!
 */
#MidAndRightCol { 		width:730px; margin:0 36px 0 auto; padding:0; border:0; }
#MidAndRightCol table {	margin:0; border:0; border-collapse:collapse; padding:0; }
#MidAndRightCol table caption {	display:none; }
#MidAndRightCol td {	border:1px dashed black;
						vertical-align:top; }