@charset "utf-8";
/* CSS Document */

label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	float: left;
}
input, select, textarea {

}
p
{
	font-size: 12px;
}
h2
{
	font-size: 16px;
	color: #900;
}
span.staffname
{
	font-size: 16px;
	color: #900;
	font-weight: bold;
	display: block;
}
span.stafftitle
{
	font-size: 14px;
	font-weight: bold;
}
img {
	margin: 2px 2px 2px 2px;
	-ms-interpolation-mode: bicubic;
	border: none;
}
hr
{
	border-top: dashed 1px #C4C4C4;
	border-bottom: none;
	width: 100%
}
table#reg
{
	border: 0px solid #000;
	font-size: 11px;
}
table
{
	border: 1px solid #000;
	text-align: center;
}
a.navbar
{
	color: white;
	text-decoration: none;
}

div#navbar a:hover
{
	text-decoration: underline;
}

.navlink
{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 4px;
	vertical-align: middle;
}

#navwrapper
{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

#topbanner
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 84px;
	right:0px;
	background: url(../images/topbg.png) repeat-x;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 8px;
	text-align: center;
}

#navbar
{
	position: absolute;
	top: 84px;
	left: 0px;
	height: 24px;
	width: 100%;
	background-color: #000;
	text-align: center;
	color: white;
	font-family: "Tekton Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}

#leftbar
{
	position: absolute;
	display: block;
	top: 108px;
	left: 0px;
	bottom: 0px;
	width: 250px;
	background-color: #E0E0E0;
	border-right: dashed 1px #C4C4C4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 6px;
	vertical-align: middle;
}

#rightbar
{
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 250px;
	background-color: #E0E0E0;
	border-left: dashed 1px #C4C4C4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 6px;
	vertical-align: middle;
}

#main
{
	position: absolute;
	top: 108px;
	right: 0px;
	left: 264px;
	bottom: 0px;
	background-color: #FFF;
	padding: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.desc
{
	display: block;
	width: 80%;
	border: solid 1px #900;
	font-size: 12px;
	padding: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#admin
{
	position: absolute;
	top: 108px;
	left: 0px;
	background-color: #FFF;
	padding: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

div.success
{
	height: 20px;
	width: 100%;
	border: #030 1px solid;
	background-color: #AEFFAA;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	padding: 4px;
	vertical-align: middle;
}

div.failure
{
	height: 20px;
	width: 100%;
	border: #C30 1px solid;
	background-color: #FBC6C6;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	padding: 4px;
	vertical-align: middle;
}

/* The container which the menu is "locked" to the bottom of */
#menuwrapper{ display:block; position:relative; height:130px; text-align:center; vertical-align: bottom; }

/* Fixes the whole menu to the bottom of the parent div */
#menu{position:absolute; bottom:0; left:0; right:0; display:block; text-align: center; }

/* Each individual menu item fixed to the bottom with display:inline-block to create elasticity */
.menuitem{ position:fixed relative; bottom:0px; display:inline-block; }