/* General design from http://css.maxdesign.com.au/floatutorial/ 

Layout appears to work across most browsers. Chosen for its great simplicity
over the layout at http://www.webproducer.at/flexible-layout/. That layout is
similar and has the added advantage that the text can be in any order in the HTML.
This layout, on the other hand, requires that the side columns come before the 
center column.

Floating menus from http://glish.com/css
*/



body {
	background-color: #FFA500;
	color: black;
	margin-top: 0px;
}

/* Whole page ------------------------*/
#container
{
	width: 100%;
	margin: 10px auto;
	
	/* Width is 100% so centering the body doesn't matter. But if side margins
	are introduced the margin: 10px auto command (which should give a 10px top
	and bottom margin and a left-right centered container) doesn't work in 
	IE 5.x. Use the following text-align trick to help IE out:

		body { text-align: center; }
		#container
		{
			width: 90%;
			margin-left: 10px auto;
			text-align: left;
		}
	*/	

	/* line-height: 130%; */
	/* border: 1px solid white; */
}


/* Top banner ------------------------*/
#top
{
	padding: .5em;
	border-bottom: 1px solid gray;
}

#top h1
{
	padding: 0;
	margin: 0;
	
	/* Begin styling */
	font-family: "Courier New",	Courier, monospace;
	font-size: 225%;
}

#top h1 a, #top h1 a:hover
{
	color: black;
	text-decoration: none;
	background: transparent;
}


/* Main content area ----------------*/
#left
{
	float: left;
	width: 175px;
	
	margin: 0;
	padding: 0;
	/* border: 1px solid red; */
	margin-top: -1px;
}

#middle
{
	margin-left: 175px;
	border-left: 1px solid #808080;
	
	padding: 1em;
}



/* Bottom footer ---------------------*/
#bottom
{
	clear: both;
	margin: 0;
	padding: .5em;
	
	border-top: 1px solid #808080;
	

	/* Begin styling */
	color: #555;
	font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
	font-size: 80%;
}

#bottom #logos
{
	float: right;
}




/* Left menu -------------------------*/
.menu ul
{
	list-style-type: none;

	padding: 0px;
	/* Normally list has a padding by default, but in IE it's a margin. */
	margin: 0px;
}

.menu > ul
{
	/* Set the width to just overlap the border of the #middle. But 
	only set it for the top ul and not the submenus since they start further
	to the right and would then jut in too far. */
	
	width: 176px;
}

/* Left menu menu items --------------*/
.menu li
{
	font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
	font-weight: bold;
	
	
}

.menu li a
{
	display: block;
	text-decoration: none;
	color: #555;

	padding-left: 1em; 
}

.menu li a:hover
{
	background-color: #555;
	color: white;
}

.menu li#current_item
{
	border: 1px solid gray;
	border-right: 1px solid #FFA500;
}


/* Left menu submenus ----------------*/
ul.submenu
{
	padding-left: 1em;
	font-size: 80%;
}

/* Left menu submenu menu items -----*/
ul.submenu li a
{
	font-weight: normal;
}

ul.submenu li#current_sub
{
	border: none;
	background-color: #FFF0DD;

	
}


/* Left menu sub-submenus ------------*/
.submenu .submenu
{
	padding-left: 2em;
	/* border: 1px solid blue; */
	
}

/* Undo background color highlight */
#current_sub .submenu
{
	background-color: #FFA500;
}





/* General styling--------------------*/
a
{
	/* text-decoration: none; */
	color: #555;
	font-weight: bold;
}

a:hover
{
	/* text-decoration: underline; */
	background-color: #555;
	color: white;
}

/* Normally the transparent class is used for images */
a:hover.transparent, .transparent a:hover
{
	background-color: transparent;
}


img
{
	border: 0;
}

a img
{
	/*	IE 6 doesn't understand transparent borders! 
		border: medium dashed transparent; */

	border: medium dashed #FFA500; 
}

a:hover img {
	border: medium dashed #808080;
}


/* Headings are never links, just anchors. Explicitly disable the special
formatting set up for links */
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover 
{
	font-family: "Courier New",	Courier, monospace;
	margin-bottom: 0;
	background: transparent;
	color: black;
}

h2
{
	/* text-decoration: underline; */
}

h3, h3 a, h3 a:hover
{
	/* color: white; */
	/* margin-left: 10px; */
	font-style: italic;
}


p
{
	/* margin-top: 0.3em; */
	/* margin-bottom: .5em; */
}


.accessibility, .you_are_here
{
	display: none;
}


.first
{
	margin-top: 0
}


dt
{
	font-family: "Courier New",	Courier, monospace;
	font-weight: bold;
	 color: white;
}



/* Tables-----------------------------*/
th, td
{
	padding: 2px;
	border: 1px solid #808080;
}


/* Right-floating sub-menus--------------*/
/* Not in use right now! */
#middle .submenu
{
	margin: 5px;
	border: 2px solid black;

	float:right;	
	background:#99CCFF;
}

#middle .submenu, #middle .submenu ul.menu
{
	width:225px;
}