* {
	margin: 0;
	padding: 0;
}

a { 
	color: #006; 
	text-decoration: none;
}
a:visited { 
	color: #006; 
}
a:hover { 
	color: #c90; 
	text-decoration: underline;
}

html, body {
	height: 100%;
}

html>body #outer{height:auto;}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

hr {
	margin: 5px 0px 10px 0px;
	border-color: #c90;
	border-style: solid;
	border-width: thin;
}

body {
	margin-bottom: 1em;
	color: #006;
	background-color: #FFFFFF;
	font-size: 10pt;
	font-family: verdana, helvetica, arial, sans-serif;
	line-height: 1.6em;
	/* Center in IE5.5 */
	text-align: center;
}

#container {
	padding: 0;
    min-width: 800px;
	border: 1px solid #006;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #ddddff;
	-moz-border-radius: 10px;
}

div#header {
	text-align: center;
	padding: 1em;
	vertical-align: middle;
	background: #ffee99;
	-moz-border-radius: 10px 10px 0 0;
}

div#footer {
	text-align: center;
	padding: 1em;
	vertical-align: middle;
	border-top: solid 1px #006;
	background: #ffee99;
	-moz-border-radius: 0 0 10px 10px;
}

div#footer .designer {
	font-size: 8pt;
}

div#nav {
	height: 30px;
	margin: 0px;
	padding: 0px 3px;
	padding-top: 8px;
	background-color: #ffee99;
	border-bottom: #006 1px solid;
}

div#nav a {
	line-height: 30px;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #006;
	padding: 5px 10px 4px 10px;
	background-color: #ddddff;
	-moz-border-radius: 10px 10px 0 0;
}

div#nav .currentPage {
	background-color: #99A;
	color: #ddddff;
}

#subnav {
	height: 20px;
	margin: 0px;
	border-bottom: #006 1px solid;
	background-color: #99A;
}

#subnav a {
	color: #ddf;
	font-weight: bold;
}

#subnav ul {
	display: inline;
}

#subnav ul li {
	display: inline;
	padding: 0px 5px;
}

#trail {
	margin: 0px;
	margin-left: 150px;
	border-left: #006 1px solid;
	border-bottom: #006 1px solid;
	padding-left: 5px;
	background-color: #fff;
	color: #c90;
}

#trail a {
	color: #c90;
}

#context {
	position: relative;
	float: left;
	width: 150px;
	min-height: 200px;
	background-color: #ddddff;
}

#context ul li {
	font-weight: bold;
}

#context ul li a {
	color: #c90
}

#context ul li ul li {
	font-weight: normal;
}

#context ul li ul li a {
	color: #006;
}

#context ul li ul li ul li {
	font-size: 8pt;
}

#context ul ul {
	margin-left: 8px;
}

#context li {
	list-style-type: none;
	padding: 1px 5px 3px 5px;
}

#context ul ul li {
}
#content {
	padding-top: 0;
	background: #ffffff;
	border: 1px solid #ffbb33;
	-moz-border-radius: 20px;
}

#body {
	padding: 1em;
	color: #C90;
	font-size: 1.2em;
	margin-left: 150px;
	border-left: #006 1px solid;
	background: #ffffff;
	min-height: 300px;
}

.menuitem {
	background-image: url(../images/button.png);
	width: 100px;
	line-height: 100px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

.alpha {
	font-size: 0.2em;
	text-align: center;
	margin-bottom: 10px;
}

.alpha p {
	display: inline;
	margin: 0 1px 0 1px;
}

.alpha a {
	font-weight: bold;
	border: 1px solid #ffbb33;
	background-color: #ffee99;
	padding: 1px 2px 1px 2px;
}

.alpha a:hover {
	color: #006;
	background-color: #ffbb33;
}

.alpha .selected {
	color: #006;
	background-color: #ffbb33;
}

#list {
}

#function {
	text-align: center;
}

#function li {
	list-style-type: none;
	display: inline;
}

#function li a {
	width: 100px;
	height: 100px;
	border: medium solid #006;
	display: table-cell;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.spacer {
	height: 20px;
}

.clear {
	clear: both;
}

/* login page */
.form-padding table td {
	padding: 5px;
}

/* forms */
#input th {
	vertical-align: top;
	padding:  5px 5px;
}

#input th a{
	padding: 0px;
	color: #006;
	display: inline;
	font-weight: normal;
	font-variant: normal;
}

#input input, #input textarea, #input select {
	color: #006;
	padding:  2px;
}

#input textarea {
	height: 100px;
}

#input select {
	padding: 0px;
	height: 24px;
	min-width: 120px;
}

#input .spacer {
	font-size: 2pt;
	height: 5px;
}

.flash {
	color: white;
	margin-bottom: 10px;
	padding: 5px;
	background-color: green;
	font-weight: bold;
}

.none {
	color: #006;
	padding-top: 5px;
}

#reports li {
	list-style-type: none;
	padding: 1px 5px 3px 5px;
}

#details #data {
	position: relative;
	float: left;
	width: 500px;
	min-height: 200px;
}
#details #summary {
	position: relative;
	float: right;
	width: 100px;
	min-height: 200px;
	border-left: 1px dotted #c90; 
}

#details #summary ul {
    list-style-type: none;
}

#details #summary li {
    text-align: center;
    font-weight: bold;
	padding-bottom: 10px;
}
#details #summary h1 {
    font-size: 10pt;
	color: #006; 
}
#details #summary p {
    font-size: 10pt;
}    
