/* 'Object Oriented Design Technique 
	Developed by James O'Neill (http://www.freexenon.com/articles/oocssd.htm */
 	/* 	Design Note:
		Requires Support for CSS 2.0 for multiple styles within a class declaration;
		Works in modern CSS 2.0 aware browsers and degrades "reasonably" well in those that do not.
		
	 	CSS 2.0 (Multiple styles for class attribute) tested and works as follows: 
			Works in: Mozilla (Seamonkey) 1.5 RC1+; Mozilla (Firebird/FireFox) 0.61+; Opera 7.5B+
			Degrade well in: IE5.5 SP2; Netscape 6.x+; Opera 7.11 - 7.23;
			Quirky Operation:
				IE 5.0 uses the last of the multiple styles in the class statement. 
				I.E. 4 uses the first of the multiple styles in the class statement.
			Unstyled Content: NS 3.0 - 4.77 */

/*  "Object Oriented" Pop-out Menus based on code by
	the Omniscient and Awesome Eric Meyer (Pure CSS Menus @ http://www.meyerweb.com/eric/css/edge/)
	and inspiration from other sources within the Development Community 
	(www.AlistAPart.com, www.WebStandardsGroup.org; Suckerfish and Son of Suckerfish Drop Downs; and others...) 

 	Implementation Note:
		"Object Oriented" Pop-Out Menus are implemented using the following basic code:
		class="BasePopOutMenu PopDirection"

		**** 	Example 	**** 

			<ul id="navMain" class="BaseNavList PopOutMenu PopRight">
			  	<li id="navHome"><a href="" class="BaseMenuHeader">Home</a>
					<ul id="navSubMenu1">
						<li><a href="">About Us</a></li>
						<li><a href="" class="BasePopOutHeader">Contact Us</a>
						<li><a href="">About Us</a></li>
					</ul> <!-- end navSubMenu1 -->
				</li>
			</ul> <!-- end navMain -->

		Then use the id of the ul contaiing the Nevigaton Pop Out Menu Syles 
		
		#navMain a {padding-left:0.5em;}
		#navMain li {width:8em;}

		#navMain .BaseMenuHeader {border: 0.05em solid #000; padding:0.03em;padding-left:0.5em; font-size: inherit;}
		#navMain li ul {background-color:#ccc; border: 0.05em solid #000;}

		#navMain li ul {margin-left:0em;}
		#navMain li ul a { font-size:0.9em;}
		
		This should get you started. Enjoy!!  
		
*/
			
	/*  Base Navigation List Code 	*/
		.BaseNavList, .BaseNavList li {margin:0; padding:0;}
		.BaseNavList li {list-style-type:none;}
		.BaseNavList li a {display:block;}
		
		/* 	**** Internet Explorer 'Has Layout' Fix ****
			Prevents li spacing issues and Anchor 100% width issues 
			****									**** */
		.BaseNavList li, .BaseNavList a {_height:1px;} 

	/* 	**** Pop Out Menu Code **** */
		.PopOutMenu li {position: relative; z-index:25000;}
		.PopOutMenu li ul {position:absolute; left:-999em;  z-index:24999;}
	
		/*	**** Internet Explorer Irregular Padding on LI fix	****
			Requires adding display:none on LI to prevent uneven padding 
			src: http://css.nu/pointers/bugs-ie.html
			**** 												**** */
		* html .PopOutMenu li ul {display:none;}
		
	/* 	Derived Pop-out Menu Classes */		
	
		.PopRight li:hover  > ul {top:0; left:65%;}
		.PopLeft  li:hover  > ul {top:-1px; right:100%;}
		.PopDown  li:hover  > ul {left:-1px;}
		.PopUp    li:hover  > ul {bottom:2em; left:-2px;}

	/*	.PopRight li:hover > ul, .PopLeft  li:hover > ul, 
		.PopDown  li:hover > ul, .PopUp    li:hover > ul
			{display:block;}
*/
			
	/* 	Presentation  */
		/* This is here to stress the need for Accessibility Code(link).
			This will hopefully emphasize that Top Level Headings for Popup Menu Lists 
			should always be a link to a page that has the same content as the Popup Sub-Menu;
			for people that have No/Low CSS/Javascript Support or are Physically Handicapped.*/
		.BasePopOutHeader {}

/* 	end 'Object Oriented' Pop-out Menu" Code */

/* 	'Object Oriented' Button Menus 
		Design Notes: as Object Oriented Design Technique and Object Oriented Pop-out Menus above
	 	Usage Notes: 
	
		Vertical Button Menu
		Requires a width to be specified for the LI or Internet Explorer will 
		expand the anchors to 100% of the width of the containing block:
			#ContainingElement ul li {width:SpecifyWidth;}
		
		Horizontal Button Menu
		The problem with this technique is that you are unable to make all of 
		the buttons the same width. 
		
		Presentation:
		Style the anchor tag for both Button Menus */
	.BaseButtonMenu {margin: 0; padding: 0;}
	.BaseButtonMenu ul {margin: 0; padding: 0; list-style: none;}
	.BaseButtonMenu ul li {margin:0; padding: 0;}

	.HorButtonMenu ul li {display:inline;}
	.VertButtonMenu ul li a {display:block; width:100%;}
/* end "'Object Oriented' Button Menu" Code */

/* Object Oriented Naviation Link List 
	Design Notes: as Object Oriented Design Technique and Object Oriented Pop-out Menus above
	Usage Notes: Use BaseButtonMenu and HorButtonMenu as the base classes */
	.horLinkList {font-size: .75em; font-weight: bold; text-align: center; vertical-align: bottom; margin:.5em 0; display:block;
		border: .07em groove #000; padding:.5em; background-image:url("../../_images/texture.gif"); clear:both;}	
	.horLinkList li a {padding:.31em; white-space:nowrap;}	
/* end Object Oriented Naviation Link List */

	/* Style to create a vertical list of navigation links
		this is primarily for accessibility */
	.vertNavList ul {margin-left: 0px; padding-left: 0px; padding-bottom:0px;} 
	.vertNavList ul li {margin-left: 0px; padding: 0px .31em 0px 0px; list-style: none;}

	/* Object Oriented Edge Dwellers */
	.BaseEdgeDweller {float:right; }
	.BaseEdgeDweller :last-child {margin-bottom:0;}
	.BaseEdgeDweller :first-child {margin-top:0;}
	.BaseEdgeDweller p {text-align:left;}
	.BaseEdgeDweller a {white-space:nowrap;}

/* Misc Styles */	

	.News {margin:0.5em;}
	.News dt, .News dd {border:0.09em solid #000;}
	.News dt {margin-top:1em; padding:0.5em; font-weight:bold; background-color:#F4DBD6;}
	.News dd {margin:0; padding:0.5em;}	
  	
	.News .Title {padding-top:0.5em !important;}
	.News .Date {font-style:italic; font-weight:bold; text-align:right; border:0.12em solid #000; border-bottom:none; border-top:none; font-size:0.75em;}
	.News .Description {border-top:none; padding:0.5em; text-indent:0;}
	
	
	
	.author, .source { font-size:0.75em; font-weight:bold;}