body {
	padding: 0;
	padding-bottom: 18px;
	font-family: arial, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #333333;
	background-color: #ffffff;
}

input, textarea {
	border: 1px solid #777777;
}

a img {
	border: 0;
}

.box {
	border-width: 1px;
	border-style: outset;
	padding: 3px;
	text-align: left;
}

table.box {
	border-collapse: collapse;
	border-color: #000000;
}

input.wide_box {
	width: 300px;
}

textarea.wide_box {
	width: 300px;
	height: 120px;
}

input.box {
	width: 150px;
}

th {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	padding: 1px;
	font-weight: bold;
}

td {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	padding: 1px;
}

h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 15pt;
	font-weight: normal;
	text-align: center;
}

h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 13pt;
	font-weight: normal;
	text-align: center;
}

h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
}

h4 {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

h5 {
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
}

h6 {
	font-family: verdana, arial, sans-serif;
	font-size: 5pt;
	font-weight: normal;
}

/** Page layout **/
/*---------------*/

div#page_outer {
	width: 100%;
	text-align: center;
}

div#page_content {
	width: 100%;
}

div#container {
	width: 960px;
	float: left;
	border: 1px solid #aaa;
	background-color: #f4faff;
}

div#content {
	margin-right: 3px;
}

div.fullclearer {
	font-size: 2px;
	height: 2px;
	clear: both;
}

div#header {
	text-align: left;
	border-bottom: 1px solid #aaa;
}

td#left_sidebar {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	width: 180px;
	vertical-align: top;
}

td#page_container {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	width: 760px;
	vertical-align: top;
	margin: 10px;
}

div#footer {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #aaa;
	font-size: 0.9em;
	color: #666666;
	clear: both;
}

div#banner {
	float: left;
}

div.page_inner_center {
	clear: both;
	display: block;
	text-align: center;
}

div.page_inner {
	clear: both;
	display: block;
	text-align: left;
}

div.box1 {
	border: 1px solid #AAAAAA;
}

div.min100 {
	min-height: 100px;
}

div.textbox {
	padding: 5px;
}

span.mini_header {
	font-weight: bold;
	color: #444499;
	border-bottom: 1px solid #111111;
}

div.clearer {
	height: 2px;
	font-size: 2px;
	clear: both;
}

hr.side_rule {
	margin: 10px;
	border: 1px solid #DDDDDD;
}

div.side_title {
	text-align: left;
	font-weight: bold;
	background: #555555;
	padding: 2px;
	margin-bottom: 6px;
	color: #FFFFFF;
}

div.highlight {
	text-align: center;
	padding: 2px;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

/** General classes **/
/*-------------------*/

.pad10 {
	padding: 10px;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #225522;
	cursor: pointer;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #225522;
	cursor: pointer;
}

a:active {
	font-weight: bold;
	text-decoration: none;
	color: #225522;
	cursor: pointer;
}

a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #225522;
	cursor: pointer;
}

a.nav_link {
	font-weight: bold;
	text-decoration: none;
	color: #222222;
}

a.nav_link:hover {
	font-weight: bold;
	text-decoration: none;
	color: #555555;
}

a.admin_link {
	font-weight: bold;
	text-decoration: none;
	color: #336633;
}

a.admin_link:hover {
	font-weight: bold;
	color: #336633;
}

a.nf:link {
	text-decoration: none;
}
a.nf:visited {
	text-decoration: none;
}
a.nf:active {
	text-decoration: none;
}
a.nf:hover {
	text-decoration: none;
}

.control
{
	vertical-align: top;
	border-top: 2px solid #aaaaaa;
	border-left: 2px solid #aaaaaa;
	padding: 5px;
}

.full_width
{
	width: 100%;
}

.half_width
{
	width: 50%;
}

#sidebar {
	width: 180px;
	margin-right: 12px;
	background-image: url(../images/menu_mid.gif);
	background-repeat: repeat-y;
}

/*The menubar DIV is the container for our menu. Left and right margins are
set to 1px so that the menu fits inside the white borders of the sidebar.
Font-size is set to .9em for the entire menu.*/
#menubar {
	margin: 0 1px;
	font-size: .9em;
}

/*The sidecontent DIV comes after (below) the menu. Padding is set so text or
or other content is not flush against the sidebar's borders. Font-size is
set to .75em - small, but readable. Right margin is set to 8px to move the
entire DIV left to compensate for the space taken up by the sidebar box's
drop shadow.*/
#sidecontent {
	padding: 0 12px 12px 12px;
	font-size: .8em;
	margin-right: 8px;
}

/*Margins set for all paragraphs inside sidecontent.*/
#sidecontent p {
	margin: 6px 0 8px 0;
}

/*Sidebarfooter contains an embedded image that creates the sidebar's
bottom curve. Setting the font-size to a tiny size prevents this
DIV from growing too tall when users resize text. Without this
workaround, certain user text sizes would cause an artifact to
appear at the bottom of the sidebar.*/
#sidebarfooter {
	font-size: 1%;
}