/* general */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: #fff url(../i/bodybg.gif) no-repeat center top;
	padding-bottom: 30px;
	text-align: center;
	color: #333;
}

/* container */

#container {
	width: 710px;
	margin: 0 auto;
	text-align: left;
}

/* header */

#header {
	overflow: auto;
	height: 180px;
	background: #fff url(../i/headerbg.jpg) no-repeat 5px top;
}
#header h1 {
	text-indent: -3000px;
	margin: 0 0 0 15px;
	padding: 20px 0 30px 0;
	background: transparent url(../i/titlebg.gif) no-repeat left 10px;
}
#header a {
	display: block;
	float: right;
	margin: 20px 20px 0 0;
	height: 19px;
	width: 125px;
	text-indent: -3000px;
	background: transparent url(../i/bttn_ocup.gif) no-repeat right top;
}
#header a:hover {
	background-position: 0 -30px;
}

/* content */

#content {
	overflow: auto;
	margin-top: 5px;
}
#content #leftcol {
	float: left;
	width: 210px;
}
#content #leftcol ul {
	list-style: none;
	margin: 10px 0 0 10px;
	background: transparent url(../i/dotted_line.gif) no-repeat right top;
}
#content #leftcol ul li {
	background: transparent url(../i/dotted_line.gif) no-repeat right bottom;
}
#content #leftcol ul li a {
	display: block;
	font-size: 120%;
	color: #287bac;
	text-decoration: none;
	padding: 6px 20px 6px 0;
}
#content #leftcol ul li a:hover {
	color: #003455;
}
#content #leftcol ul li a.active {
	color: #003455;
	background: transparent url(../i/bttn_active.gif) no-repeat right center;
}

#content #rightcol {
	float: right;
	width: 500px;
}
#content #rightcol p {
	font-size: 120%;
	margin: 10px 15px 0 20px;
}
#content #rightcol ol {
	margin: 10px 15px 0 45px;
}
#content #rightcol ol li {
	font-size: 120%;
	margin: 10px 0 0 0;
}