@charset "utf-8";
/* CSS Document */

*html {
margin: 0px;
	padding: 0px;
	}

body {
	margin: 0px;
	padding: 0px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
}

#container {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	height: 550px;

}
	

#header,#menu,#content,#sub-section,#footer {
	overflow:hidden;
	background-color: #FFFFFF;

}

/* safari and opera need this */

#footer {width:100%}

#header,#menu,#sub-section {float:left}

#content {float:right}

div#header {
	width:535px;
	background-color: #E41819;
}

/* leaving room for rounding error (MSIE) */

div#menu {
	width:265px;
	background-color: #9D030A;
}

div#content {
	width: 550px;
	height: 100%;
	background-color: #E6E6E6;
	overflow:auto;
	
}

div#sub-section {
	width:250px;
	background-color: #0099CC;
	height: 100%;
}

div#footer {
	text-align:center;
	clear:both;
	background-color: #9D030A;
}

h1,h2,h3,h4,h5,h6{
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
}

p {
	font-size: 0.8em;
	margin-left: 10px;
	width: 500px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

code {
	display:block;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 1em;
}

.dateline {
	font-style: italic;
	text-align: right;
	margin-right: 20px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}
img.rightimg {float: right; margin-left: 10px}
img.leftimg {float: left; margin-right: 10px}		

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

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #FFF;
background-color: #036;
width: 100%;
padding: .2em .8em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #FFF;
}
#navcontainer a.selected
{
background-color: #9D030A;
}