body {
	direction: ltr;
	background-color: white;
	font-family: sans-serif;
	margin: 0;
	font-size: 12px;
}

th, td {
	font-size: 13px;
}

#header {
	background-color: #00557D;
	color: #FFCC00;
	
	height: 60px;
	
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 4px solid #FFCC00;
}

#headerLogo {
	direction: ltr;
	position: absolute;
	right: 5px;
	top: 8px;
}

#headerNav {
	position: absolute;
	left: 10px;
	top: 45px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#headerNav li {
	display: inline;
	margin-right: 7px;
}

#headerNav :link, #headerNav :visited {
	color: #FFCC00;
}

#headerNav :active, #headerNav :hover {
	color: white;
}

#headerLocation {
	position: absolute;
	right: 380px;
	top: 45px;
	font-weight: bold;
}

#bodyText {
	margin: 5px 5px 5px 5px;
}

#newsBox {
	float: left;
	height: 180px;
	width: 250px;
	border: 1px black solid;
}

/* links */
a:link, a:visited {
	color: #3E3EFF;
	text-decoration: underline;
}

a:active, a:hover {
	color: #00557D;
	text-decoration: underline;
}

h2 {
	font-family: sans-serif;
	font-size: 22px;
	color: #00557D;
}

h3,h4 {
	font-family: sans-serif;
	color: #00557D;
}

ul.nav {
	font-size: 16px;
}

.errors, .notice, .notices {
	font-size: 16px;
	font-weight: bold;
	color: red;
}

/* page intro paragrph */
.intro {
	font-size: 14px;
	color: red;
}	

.forms input, .forms textarea, .forms select, .forms button {
	color: #00557D;
	background-color: #EAEAEA;
	border: 1px #666666 solid;
	padding: 1px;
}

/* error field */
.forms input.error, .forms textarea.error, .forms select.error {
	border: 2px red solid;
	font-weight: normal;
}

/* edit triggers some action */
.forms input.triggers, .forms textarea.triggers, .forms select.triggers {
    border: 2px solid blue;
}

.forms {
	background-color: #F8F8F8;
	color: #00557D;
	border: 1pt #808080 solid;
	border-collapse: collapse;
}

.forms .titles {
	background-color: #FFCC00;
	color: #00557D;
	font-size: 18px;
	font-weight: normal;

	border-bottom: 1pt #808080 solid;
}

.forms td, .forms th {
	text-align: left;
	border: 1pt #808080 solid;
	border-top: none;
	border-bottom: none;
	padding: 3px;
}

.forms tr.border_bottom th, .forms tr.border_bottom td {
	border-bottom: 1pt #808080 solid;
}

.forms tr.border_top th, .forms tr.border_top td {
	border-top: 1pt #808080 solid;
}

/* required field */
.forms th .req, .forms .req {
	color: #C00000;
}

/* navigation (for buttons etc) */
.forms .nav {
	text-align: center;
	border-top: 1pt #808080 solid;
}

.forms .nav input, .forms button, .forms .rownav input, .forms .rownav button {
	font-weight: bold;
	cursor: pointer;
}

.forms .snav input {
	cursor: pointer;
}

/* form error */
.forms.error {
	color: #C00000;
	font-weight: bold;
}

/* plain table */
.plain td, .plain th {
    border: none;
}

/* data table */
.data {
	background-color: #F8F8F8;
	color: #00557D;
	border: 1pt #808080 solid;
	border-collapse: collapse;
}

.data .titles {
	background-color: #FFCC00;
	color: #00557D;
	font-size: 18px;
	font-weight: normal;

	border-bottom: 1pt #808080 solid;
}

.data td, .data th {
	text-align: left;
	border-right: 1pt #808080 solid;
	border-left: 1pt #808080 solid;
	padding: 3px;
}

.data tr.border_bottom th, .data tr.border_bottom td{
	border-bottom: 1pt #808080 solid;
}

.data tr.border_top th, .data tr.border_top td {
	border-top: 1pt #808080 solid;
}

.data th.end {
	text-align: right;
	padding-right: 5px;
}

/* alternate colors */
.c1 {
	background-color: #F8F8F8;
}

.c2 {
	background-color: #E4E4E4;
}

/* use this with onMouseOver=this.style because IE doesn't support box:hover yet */
.data .link {
	cursor: pointer;
}

.data .link_hover {
	cursor: pointer;
	background-color: aqua;
}

.treeview td {
	border: none;
	padding: 0;
}

.treeview input {
	border: none;
	background-color: #F8F8F8;
	margin-right: 2px;
}

/* htmlarea */
.forms td.htmlarea.* {
	font-family: sans-serif;
	direction: ltr;
	text-align: left;
	border: none;
	padding: none;
	margin: none;
}