body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: small;
	color: white;
	background-color: black;
	margin: 3% 0 5% 0;
	padding: 0;
	text-align: center;
}

h1, h2
{
	font-weight: normal;
	margin: 1em 0 0.4em 0;
}

a
{
	color: #aaaaff;
	text-decoration: none;
}

a:hover
{
	color: #c9c9ff;
	text-decoration: none;
}

img
{
	border: none;
}

.bigger
{
	font-size: 1.4em;
}

.smaller
{
	font-size: 0.6em;
}

#main_frame
{
	margin: auto;
	padding: 0;
	width: 950px;
}

#topBar
{
	display: block;
	width: 950px;
	height: 100px;
	padding: 0;
	margin: auto;
	text-align: right;
	background-image: url('./images/b_o.jpg');
}

#topBar .title
{
	padding: 2% 10% 0 0;
	font-size: 3.3em;
}

#topBar .subtitle
{
	color: #aaaaaa;
	display: block;
	position: relative;
	font-size: 1.4em;
	font-style: italic;
	padding: 0 15% 0 0;
}

#bottomBar
{
	display: block;
	width: 950px;
	height: 100px;
	clear: both;
	padding: 0;
	margin: auto;
	background-image: url('./images/b_u.jpg');
}

#menuBar
{
	float: left;
	width: 170px;
	height: 400px;
	text-align: left;
	background-color: #000000;
	padding: 0 10px 0 0;
	margin: 0 0 0 25px;
	overflow: auto;
}

#menuBar a
{
	text-decoration: none;
}

#menuBar a:hover
{
	background-color: #888888;
}

#content
{
	text-align: left;
	width: 720px;
	height: 400px;
	overflow: auto;
	margin: 0 25px 0 0;
	padding: 0;
}

#content_body
{
	float: left;
	width: 90%;
	padding: 0;
	margin: 5% 0% 5% 5%;
}

.image
{
	text-align: center;
	padding: 0.5em;
	margin: 0;
}

.image img
{
	padding: 0.5em;
	margin: 0;
}

.image .caption
{
	display: block;
	padding: 0.3em 0 0 0;
	font-style: italic;
}

.image_left
{
	display: block;
	float: left;
	text-align: center;
	padding: 0.5em;
	margin: 0;
}

.image_left img
{
	display: block;
	padding: 0.5em;
	
}

.image_left .caption
{
	display: block;
	padding: 0.3em 0 0 0;
	font-style: italic;
}

.image_right
{
	display: block;
	float: right;
	text-align: center;
	padding: 0.5em;
	margin: 0;
}

.image_right img
{
	display: block;
	padding: 0.2em;
	margin: auto;
}

.image_right .caption
{
	display: block;
	padding: 0.3em 0 0 0;
	font-style: italic;
}

.menuItem, .menuItem:link, .menuItem:visited
{
	display: block;
	font-size: large;
	text-decoration: none;
	color: white;
	background-color: black;
	padding: 0.3em 0em 0.3em 0.5em;
	margin: 0;
}

.submenu
{
	display: block;
}

.subMenuItem, .subMenuItem:link, .subMenuItem:visited
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0.2em 0.2em 0.2em 1.5em;
	margin: 0;
}

.subMenuItem:hover
{
	background-color: #666666;
}

.page_select
{
	text-align: center;
	font-size: 1.1em;
}

.page_select a
{
	text-decoration: none;
	font-size: 0.9em;
	padding: 0 0.2em 0 0.2em;
}

.errormsg
{
	margin: 0.3em;
	padding: 1em;
	color: red;
	border: solid 2px red;
}

.notify
{
	margin: 0.3em;
	padding: 1em;
	color: blue;
	border: solid 2px blue;
}

td
{
	padding: 0.2em;
}

th
{
	vertical-align: top;
	padding: 0.2em;
}

#design_note
{
	margin: 0;
	padding: 30px;
	color: #356A36;
	font-size: x-small;
}

#bottomBar a
{
	color: #356A36;
	font-size: x-small;
	margin: 1em 5px 1em 5px;
	padding: 0;
}