/*Basic Styles*/
body {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	/* CSS 'hack' for preventing chrome/safari from displaying a horizontal 
		scroll bar as a result of the div centering hack for non-specified
		widths that was used on #content... sheesh. 
	 */
	overflow-x:hidden;
	background: url('http://www.otonabee.com/images/fauxback.gif') no-repeat 0 0;
	background-color:white;
	font:10pt Verdana, Helvetica, Arial, sans-serif;
	color:#000000;
}
A:link {
	text-decoration:none;
	color:#000000;
}
A:visited {
	text-decoration:none;
	color:#666666;
}
A:active {
	text-decoration:none;
	color:#666666;
}
A:hover {
	text-decoration:none;
	color:#cc6600;
}

/* Common Colours */
h1, h3, .menu, .highlight {
	color:#336600;
}
/* End common colours */

h1, h2, h3 {
	padding:0;
	margin:15px 0 10px 0;
	font:bold 10pt Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
}
h1 {
	font-size:12pt;
}
p {
	padding:0;
	margin:9px 0;
}
hr {
	margin:15px 0;
}
table {
	border:none;
	background-color:#FFFFFF;
}
td {
	text-align:left;
	font:10pt Verdana, Helvetica, Arial, sans-serif;
	color:#000000;
}
ul {
	margin:6px 0;
	padding:0;
	text-align:center;
	font:10pt Verdana, Helvetica, Arial, sans-serif;
	color:#000000;
}
address {
	padding:0;
	margin:0;
}

/*Extended Basic Styles*/
.highlight {
	font:8pt Verdana, Helvetica, Arial, sans-serif;
}
.invisible {
	visibility:hidden;
}
.p2 {
	margin: 0;
}
.b {
	font-weight:bold;
}
.no_style {
	list-style-type:none;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.center {
	margin:0 auto;
}
.clear {
	clear:both;
}
.clear_right {
	clear:right;
}
.desc_img {
	float:left;
	width:100%;
	padding:5px;
}
.desc_img > img {
	float:left;
	margin:0 8px;
}
.desc_img > p {
	position:relative;
	text-align:left;
}
.float_list {
	padding:10px 0px;
}
.float_list span:first-child {
	float:left;
	clear:left;
}
.float_list span {
	float:right;
	clear:right;
}
.float_list + * {
	clear:both;
}

/*Special Purpose Elements*/
.form-sep, .form-sepIE {
	position:relative;
	width:100%;
	height:1px;
}
.form-sepIE {
	position:relative;
	float:left;
	width:100%;
	height:1px;
	display:none;
}
.progress, .progress_wrap, .progress_choice {
	position:relative;
	width:100%;
	height:25px;
	float:left;
	border:1px solid black;	
}
.progress, .progress_choice {
	top:-1px;
	left:-1px;
}
.progress {
	background-color:#99cc66;
}
.progress_choice {
	background-color:#336699;
}
.module {
	position:relative;
	width:85%;
	margin:0 auto;	
}
.module label {
	float:left;
}
.module input {
	float:right;
}
.module textarea {
	float:right;
}
.module input + label {
	clear:left;
}

/*main left hand menu*/
.menu {
	position:relative;
	padding:0;
	margin:0;
}
.menu A:link, .menu A:visited, .menu A:active {
	text-decoration:none;
	color:#ccff99;
}
.menu2 A:link, .menu2 A:visited, .menu2 A:active {
	color:#336600;
}
.menu A:hover {
	text-decoration:none;
	color:#ffffff;
}

/*Page Layout and Content*/
#content {
	position:relative;
	top:10px;
	left:0px;
	width:50%;
	max-width:640px;
	padding:0 0 0 10%;
	margin:0 auto;
	display:block;
	text-align:center;
}
#bgtopmenu {
	width:100%;
	height:138px;
	padding:2px;
	overflow:hidden;
	background-color:#336699;
}
#ban_div {
	position:relative;
	float:right;
	top:4px;
	right:12px;
	width:68%;
	display:block;
	overflow:hidden;
}
#ban_img {
	position:relative;
	height:100px;
}
#logo_img {
	position:absolute;
	float:left;
	top:6px;
	left:0px;
	width:225px;
	height:100px;
	z-index:3;
}
#bgtopmenudark {
	position:absolute;
	float:right;
	top:107px;
	right:1px;
	height:26px;
	width:100%;
	padding:0 2px;
	margin:0;
	z-index:2;
	clear:both;
	background-color:#336699;
	text-align:right;
}
#bgsidemenudark {
	height:1px;
	padding:0;
	margin:0;
	background-color:#336600;
	text-align:right;
}
#bgsidemenulight {
	position:relative;
	height:auto;
	max-height:32px;
	width:148px;
	padding:9px 6px;
	margin:0;
	overflow:hidden;
	background-color:#99cc66;
	text-align:center;
}
#infobar {
	position:relative;
	float:left;
	top:-32px;
	left:160px;
	height:16px;
	padding:8px;
	overflow:hidden;
}

/*Top Seperator*/
#Seperate, #SeperateIE {
	position:relative;
	float:left;
	top:-32px;
	width:100%;
	height:1px;
	padding:0;
	margin:0;
	border:none;
	background-color:#336600;
}
#SeperateIE {
	height:0;
	border-top:1px solid #336600;
	display:none;
}

/*Side menu with rollover links*/
#bgsidemenu {
	float:left;
	top:-32px;
	width:160px;
}
#bgsidemenu ul {
	position:relative;
	top:-32px;
	width:158px;
	padding:1px;
	margin:0;
	z-index:2;
	background-color:#669933;
	text-align:center;
	list-style-type:none;
}
#bgsidemenu ul ul {
	position:absolute;
	top:0px;
	left:155px;
	padding:1px;
	margin:0;
	visibility:hidden;
}
#bgsidemenu li, #bgsidemenu li.noButton:hover {
	position:relative;
	width:140px;
	min-height:30px;
	/*Work around for IE min-height */
	height:auto !important;
	height:30px;
	padding:4px 8px;
	margin:0;
	display:block;
	background-color:#669933;
}
#bgsidemenu li:hover {
	background-color:#61B329;
}
#bgsidemenu li:hover > ul {
	visibility:visible;
	z-index:3;
	border:1px solid black;
}

#footer {
	position:relative;
	left:180px;
	width:400px;
	background-color:white;
}