/* overalls */
	
	body { background:url(../images/outerBg.png) repeat-x top black; margin:0; }
	
	div.overallWrapper { text-align:center; width:990px; margin:auto auto; background:url(../images/bodyBg.png) repeat-y black; }
	div.navigation, div.body, div.imageArea { text-align:left; }
	div.body { font-family:Verdana, Helvetica, Arial, sans-serif; clear:both; width:990px; background:url(../images/bodyBg.png) repeat-y black; }
	
	
	
	/* masthead */
	
	div.masthead img { display:block; float:left; border:none; } /* part of this line (display & float) needed to fix IE whitespace bug ... 
																	otherwise I'd have to remove all whitespace from code in header ...
																	found @ http://www.hicksdesign.co.uk/journal/ie-whitespace-bug
																	
	
	
	/* header */
	
	div.header { width:100%; height:58px; background:url(../images/headerBg.png) no-repeat; }
	h1 { margin:0; padding-left:242px; padding-top:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:white; font-size:20px; }
	h2 { margin:0; padding-left:243px; padding-top:2px; font-size:10px; color:white; }
	
	
	div.belowHeader { background:url(../../includes/images/belowHeaderBg.png) top left no-repeat; height:5px; width:668px; }
	
	
	div.ieFix { _margin-top:-13px; }
		
	
	
	/* navi */
	
	div.navigation { width:190px; float:left; background:none; font-size:11px; padding-bottom:20px; }
	/*    * html div.navigation { background-color:#D9D9D9; }  */   /* because IE 6 will get the color of the png wrong somehow */
	 /*   *:first-child+html div.navigation { background-color:#D9D9D9; }  */   /* because IE 7 will also get the color of the png wrong somehow */
	table.navigation { margin-top:14px; }
	table.navigation td { padding-bottom:2px; }
	table.navigation td.addSpacing { padding-bottom:8px; }
	table.navigation td.currentPage div { padding:2px 0 0 12px; height:17px; background:white;/*url(../images/navigationCurrentPageBg.png) no-repeat right top;*/ color:#333333; }
	/*new*/ table.navigation td.relatedLinks div { padding:1px 0 0 0px; height:17px; background:#DDDDDD; color:#333333; }
	table.navigation a { padding:2px 0 0 12px; display:block; text-decoration:none; color:white; height:17px; }
	table.navigation a.subSection, table.navigation td.currentPage div.subSection { padding:1px 0 0 22px; }
	table.navigation a:hover { color:#990000; text-decoration:none;  /*width:180px;*/ background:white;/*url(../images/navigationRolloverBg.png) no-repeat right top;*/ }

	
	
	
	/* content */
	
	div.content { width:478px; float:left; }
	div.content div.text { margin-left:16px; margin-right:16px; margin-top:16px; font-size:11px; width:446px; padding-bottom:20px; color:#333333; }
	div.content div.text p { line-height:18px; margin-top:0; }
	ul, ol { margin-top:5px; }
	ul li, ol li { padding-top:5px; padding-bottom:5px; }
	ul.arrows { list-style:url(../images/customUlGrey.gif); margin-top:5px; }

	
	div.content a { color:#990000; }
	div.content a:hover { color:#990000; }
	
	p.backToTop { width:50px; margin:auto auto; padding-left:3px; background:url(../images/backToTopArrow.png) left no-repeat white; }
	
	.popup { color:#9F141A; cursor:help; text-decoration:none; }


	
	
	
	
	/* image */
	
	div.imageArea { float:left; width:322px; padding-top:0; margin-top:-5px; background:none; border-bottom:none; }
	div.imageArea img {  }
	div.imageArea div.imageAreaText { padding:12px; font-size:11px; color:white; }

	
	/* * html div.imageArea { margin-left:-3px; } */
	
	
	
	
	
	/* flash rollovers */
	
	div#menu_child1, div#menu_child2, div#menu_child3, div#menu_child4, div#menu_child5
	{
	  width: 100px;
	  border: 1px solid #555555;
	  background: #FFFFFF;
	  font-weight: 900;
	  color: #008000;
	  height:140px;
	  width:750px;
	  position: absolute;
	  margin-left: -9px;
	  margin-top: -3px;
	  visibility: hidden;
	}
	
	div#menu_child2 { margin-left:-95px; }
	div#menu_child3 { margin-left:-177px; }
	div#menu_child4 { margin-left:-274px; }
	div#menu_child5 { margin-left:-369px; height:432px; }
	
	
	
	/* footer */  
	
					/* NOTE: if you change these values, make corresponding changes to homepageOnlyStyle.css as well,
					   and remember to add width:990px; to the div.footer class, or it won't be centered  */
	
	div.footer { clear:both; margin:auto auto; text-align:center; background:url(../images/footerBg.png) top no-repeat black; padding-bottom:20px; padding-top:0px; /* was 20 for newLayout */ }
	div.footer p.left, div.footer p.right { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:1px; color:#666666;  }
	div.footer p.right { font-size:11px; color:white; }
	div.footer p.left a { color:#666666; text-decoration:none; }
	div.footer p.right a { color:white; text-decoration:none; }
	div.footer p.left a:hover, div.footer p.right a:hover { color:#ff0000; }
	
	* html div.footer { padding-top:10px; } /* IE 6 Fix */
	*:first-child+html div.footer { padding-top:10px; } /* IE 7 fix */
	
	
	
	/* everywhere */