/* CSS Document */
body {background-color:#CCCCCC;}
	* {margin: 0; padding: 0;}

div#page 
	{width: 800px; position:absolute; left: 50%; margin-left: -400px;}

div#banner
	{width: 800px; height: 130px; background-image: url(images/layout-mockup_02.gif);} /* THIS IS THE BKG IMG */
	
div#listmenu
	{width: 800px; height: 25px; background-image:url(images/layout-mockup_04.gif);} /* THIS IS THE BKG IMG */
	
div#content
	{width: 800px; height: 400px; background-image:url(images/layout-mockup_05.gif);} /* THIS IS THE BKG IMG */
		div#content h1  {margin-left: 35px;}
		div#content h3  {margin-left: 40px;}
		div#maintext {margin-left: 50px; width: 475px; font-size:14px; overflow: scroll; height: 350px; padding-top: 10px;}
			div#sidebar 
		{width: 175px; height: 390px; float:right; margin-top:-390px; padding-right: 30px; margin-right: 25px;}
		
div#footer
	{width: 800px; height: 43px; background-image:url(images/layout-mockup_06.gif);} /* THIS IS THE BKG IMG */
	

	
	
/* THE HORIZONTAL MENU STARTS HERE */

div#listmenu {
	width:800px;
	float:left;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	font-size: 18px;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	color: #999999;
	}
div#listmenu ul {margin:0 0 0 25px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;
	list-style-type:none;
	border-right:1px solid #069;
	border-top-color: #990000;
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover {
	background-color:#6699CC;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	color: #990000;
	}
div#listmenu a {
	padding:0px 12px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333333;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#990000;
	}
	/* the horizontal menu ends here */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */