body {
	font-family: 		Arial;
	background-color: 	#cccccc;
	font-size:		medium;
        color:			#000000;
}

#box {
	width:			95%;
	margin-top: 		10px;
	margin-bottom: 		10px;
	margin-left: 		auto;
	margin-right: 		auto;
	padding:		0px;
	border: 		thin solid #000000;
	background-color:	#6699CC;
}

#header {
	vertical-align: 	top;
	width:			100%;
	height:			100px;
	background-color:	#6699CC;
	margin:			0px;
	margin-top:		20px;
	text-align: 		center;
}

#header h1 {
	background-color: 	#cccccc;
	font-variant:		small-caps;
}
#header h2 {
	background-color: 	#cccccc;
	font-variant:		small-caps;
}
#navigation {
	vertical-align:		top;
	background-color:	#6699CC;
	width:			275px;
	height:			100%;
	padding: 		0px;
	margin-top: 		0px;
	float: 			left;
}

#navigation h1 {
	margin:			0px;
	padding:		0px;
	font-size:		small;
	color:			#FFFFFF;
	font-weight:		normal;
}
#navigation ul,ol {
	margin:			0px;
	padding:		0px;
	font-size:		small;
	color:			#FFFFFF;
	line-height:		30px;
}

#navigation ul li ul,ol {
	display:		block;
	margin-left:		15px;
}

#navigation li {
	list-style-type:	none;
	display:		block;
	width:			100%;
}

#navigation li a {
	text-decoration:	none;
	padding:		7px 10px;
	color:			#FFFFFF;
	display:		block;
	border:			1px solid #d5e7ec;
	border-left:		5px solid #d5e7ec;
}

#navigation li a:link {
	color:			#FFFFFF;
}

#navigation li a:visited {
	color:			#FFFFFF;
}

#navigation li a:hover {
	font-weight:		bold;
	color:			#FFFFFF;
	background-color:	#3366BB;
	display:		block;
	padding:		7px 10px;
}
#navigation strong {
	color:			white;
}
#content {
	padding:		10px;
	margin-left:		300px;
	margin-right:		20px;
	background-color:	#6699CC;
	margin-bottom:		20px;
	border:			1px solid #d5e7ec;
}
#content a {
  	text-decoration:	underline;
	color:			#000000;
}
#content a:hover {
  	text-decoration:  	none;
}
#content ol {
  	color:  		#000000;
  	line-height: 		1.1em;
  	font-size: 		medium;
}
#content .headline {
	font-weight:		bold;
}
#content .headrow {
	background-color:	white;
}
#content .headlinetd {
	font-weight:		bold;
}
.code {
	margin:			0px;
	font:			1em monospace;
	background-color:	#AAAAAA;
	border:			1px solid #000000;
	padding:		1em;
	margin-left:		1em;
	margin-right:		1em;
	text-align:		left;
}

.note {
	font-size:		small;
}
#content a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#content a:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}