/*
    General CSS - used by most pages
*/

html
{
	min-height : 100%;
	height: 100%;
}

body        
{ 
    background   : white; 
    color        : black;  
	font-size    : 12pt;
    font-family  : Arial,Helvetica,Sans-Serif;
    margin       : 0;
    padding      : 0;
	text-align   : center;
	min-height : 100%;
	height: 100%;
}

header, footer, nav, section, article, aside 
{
	display:block;
}

header 
{
	width:100%;
	background-color: blue;
	color:white;
	padding: 0;
	margin: 0;
	font-variant : small-caps;
}

footer 
{
	width:100%;
	background-color:blue;
	clear:both;
	height: 1em;
}
	
section 
{
	width:75%;
	background-color:white;
	float:left;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

article header
{
	margin-left: 30px;
}

h1#topHeader
{
	margin: 0;
	padding: 0;
}

.content
{
	text-align: left; 
	margin-left: 20px;
}

dt 
{ 
	margin-top:10px; 
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
}

a.picture, a.picture:hover 
{ 
	border: 0; 
	text-decoration: none; 
	background-color:white; 
	color: blue; 
	padding: 0px;
	margin: 0px;
}


.highlight
{
	border : 1px solid red;
	padding : 5px 5px 5px 5px;
	margin: 5px 20px 5px 20px;
}

a:hover
{ 
	background : yellow; 
	color      : #FF0000;      
}

pre.code
{
   font-size: .8em;
   padding: 0;
}

/* Styles for left-hand menu */

nav 
{
	float			: left; 
	width			: 8em; 
	margin			: 0;
  	background		: blue; 
  	vertical-align	: top; 
  	color 			: white;
	min-height: 100%;
	height: 100%;
}

nav ul 
{
	margin		: 0; 
	padding		: 0; 
	background	: blue;
  	border		: 1px solid #AAA; 
  	color 		: white;
  	text-align : left;
}

nav  ul li 
{
	position		: relative; 
	list-style		: none; 
	margin		: 0; 
	padding		: 0; 
  	border-bottom	: 1px solid #CCC; 
	background	: blue;
  	color 			: white;
}

nav  ul li:hover 
{
	position		: relative; 
	list-style		: none; 
	margin		: 0; 
	padding		: 0; 
  	border-bottom	: 1px solid #CCC; 
	background	: red; 
	color		: white;
}

nav  ul li.submenu 
{
	margin		: 0; 
	padding		: 0; 
	background	: url(/images/submenu.gif) 95% 50% no-repeat; 
	color 		: white;
}

nav  li.submenu:hover 
{
	margin		: 0; 
	padding		: 0; 
	background-color	: red; 
	color 				: white;
	z-index     : 100;
}

nav  li a 
{
	display			: block; 
	padding			: 0.25em 0 0.25em 0.5em;
	margin		: 0; 
  	text-decoration	: none; 
  	color 			: white;
	background	: blue;
}

nav  li a:hover 
{
	background-color	: red; 
	color		: white;
}

nav  li.submenu a:hover
{
	background-color: red; 
	color: white;
}

nav >ul a 
{
	width	: auto;
	background	: blue;
	z-index: 99;
}

nav ul ul 
{
	position: absolute; 
	top: 0; 
	padding: 0;
	margin: 0;
	left: 7.95em;
	width: 8em; 
	background: blue;
	z-index: 99;
  	display: none;
}

nav  ul.level1 li.submenu:hover ul.level2, nav  ul.level2 li.submenu:hover ul.level3 
{
	padding: 0;
	margin: 0;
	display	: block;
	z-index: 99;
	background: blue;
}