body {
	margin : 0;
	padding : 0;
	border-color : #cc0000;
	background-color : #f0f0f0;
	color : #000000;
}



h1 { text-align: left; color: #000060; font-size: 180%; }
h2 { color: #000080; font-size: 120%; }
h3 { color: #000080;  font-size: 110%; }
code {color: #0000c0 ; font-size: 90%; font-family: "Courier new", monospace; }
em { color: #202000; }

.code {font-family: "Courier New", monospace; font-size: 80%; margin-left: 2em;  color: #0000c0; }
.bignote {font-family: Arial, sans-serif; font-style: italic; font-size: 120%; color: #000000; background: #FFF8DC; }
.note {margin-left: 8em; font-size: 80%; }
.sidebar {font-size: 80%; color: #000080; background: #e0e0ff; }
.codenote { color: #000080; font-family: Arial, sans-serif; }

img {
	margin-left: 1em;
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 1em;
}

/*
----for the whole header-----
*/

#header {
	width: 100%;
	z-index: 0;
	float: left;
	border-bottom: 1px #ff5800 solid;
	margin-bottom: 5px;
	padding-bottom:11px;
	background-color: #c0c0ff;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#header p {
	text-align: left;
	padding-bottom: 11px;
	padding-left: 2em;
	padding-top: 11px;
	margin: 0;
	color: #ffffff;
	font-size: 100%;
}


/*

----for the tabs with the major site subsections-----

*/

#header {
	font-family: monospace;
	letter-spacing:4px;
	text-decoration: none;
}

#header ul.sitesections {
	font-size: 80%;
	text-transform: uppercase;
	margin:0;
	padding: 1px 0 0 2em;
	float:left;
	list-style-type:none; 
}


#header ul.sitesections a {
	display:block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-top:1px solid #909090;
	border-left:1px solid #909090;
	border-right:1px solid #101000;
	border-bottom:1px solid #101000;
	text-decoration:none;
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 0;
	color: #ffffff;
	xxcolor: #000000;
	letter-spacing:0.2em;
	background-color: #5060a0;
}

#header ul.sitesections a:hover {
	color: #ffffff;
	background-color: #F04000;
}

#header ul a.current {
	color: #ffffff;
	background-color: #C04000;
}

#header ul.sitesections li {
	/* float:left makes sure the buttons are displayed in a row (as for display:inline */
	float:left;
	list-style-type:none;
}


/* ======================================================================================*/


#leftnavigation {
	float: left;
	width : 8em;
	color : #ff0000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	/* border-right: 1px solid gray; */
}


#leftnavigation ul {
	margin:0;
	padding: 1px 0 0 5px;
	XXmargin-left: auto;
	XXmargin-right: auto;
	list-style-type:none; 
	font-family: Arial, sans-serif;
}

#leftnavigation ul ul {
	margin:0;
	padding: 1px 0 0 1em;
	list-style-type:none; 
}

#leftnavigation ul ul ul {
	margin:0;
	padding: 1px 0 0 1em;
	list-style-type:none; 
}


#leftnavigation ul a:hover {
	color: #fff;
	background-color: #F04000;
}

#leftnavigation ul a.current {
	color: #fff;
	background-color: #C04000;
}

#leftnavigation ul li {
	margin: 0;
	padding: 0;
	list-style-type:none;
}


div.news {
	color: #0000c0;
	background-color: #c0c0ff;
	border: 1px solid blue;
	margin-top: 1em;
	margin-bottom: 1em;
	xxmargin-left: 2em;
	margin-right: 110px;
	padding-left: 1em;
	padding-right: 5em;
}

div.news .date {
	color: #000000;
	font-weight: bold;
	padding-right: 1.25em;
	font-size: 80%;
}

div.links {
	padding: 1px 0 0 5px;
	font-size: 80%;
}

div.links h2 {
	padding-top: 0.5em;
	padding-left: 1em;
}

div.links ul {
	list-style-type: none; 
}

div.leftpanel {
	background: #e0e0ff;
	border: blue solid 2px;
	float: left;
	width: 48%
}

div.rightpanel {
	background: #e0e0ff;
	border: blue solid 2px;
	float: right;
	width: 48%
}

#content {
	width: auto;
	margin-left: 10em;
	margin-top: 0;
	padding: 1em;
	border-left: 1px solid gray;
}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	font-size: 80%;
}

#footer .left {
	text-align: left;
}

#footer .right {
	text-align: right;
}

.invisible {
	position: absolute;
	top: -20em;
	left: 0;
}