body {
	background: url('../images/body_bg.gif');
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	word-spacing: .06em;
}


#container {
	margin: 20px auto 30px auto;
	border: 3px solid #333333;
	width: 776px;
}


#header {
	width: 100%;
	height: 86px;
	background: url('../images/header.jpg');
	border-bottom: 3px solid #333333;
}


#mainnav {
	width: 746px;							/* container.width - 10px padding - 10px padding */
	padding: 0px 15px;
	background: #FFFF99;
	border-bottom: 3px solid #333333;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
#mainnav a {
	padding: 3px 5px;
	margin: 0px 11px;
	color: #669999;
	text-decoration: none;
	line-height: 1.7em;
	letter-spacing: .07em;
}
#mainnav a:hover {
	color: #333333;
}




#middle {
	width: 100%;
	background: url('../images/nav_shadow.gif') no-repeat #669999;
	padding: 30px 0px 20px 0px;
}


#services {
	width: 173px;
	float: left;
	margin: 0px 0px 0px 5px;
}
#contact, #admin {
	width: 173px;
	float: right;
	margin: 0px 5px 0px 0px;
}

.boxtop {
	width: 100%;
	height: 7px !important;
	background: url('../images/secnav_top.gif') bottom no-repeat;
}
.boxbottom {
	width: 100%;
	height: 7px;
	background: url('../images/secnav_bottom.gif') top no-repeat;
}
.boxmiddle {
	width: 161px;				/* box width (173) - 1px border - 1px border - 5px padding - 5px padding */
	border-left: 1px solid #FFFFCC;
	border-right: 1px solid #FFFFCC;
	background: #006666;
	padding: 4px 5px 10px 5px;
	font-family: serif, "Times New Roman";
	letter-spacing: .07em;
	word-spacing: .12em;
}
.boxmiddle .secnavheader {
	display: block;
	color: #669999;
	font-size: 110%;
	letter-spacing: .11em;
}
.boxmiddle .secnavheader a {
	color: #669999;
	text-decoration: none;
}

.boxmiddle .subnavbox {
	padding-left: 20px;
}
.boxmiddle .secnavitem {
	color: #669999;
	font-size: 90%;
	display: block;
}
.boxmiddle .secnavitem a {
	color: white;
	text-decoration: none;
}
.boxmiddle .secnavitem .secnavtext {
	margin-left: 20px;
}
.boxmiddle .secnavitem a:hover {
	color: #FFFF99;
	background: url('../images/secnav_bullet_hover.gif') no-repeat 0px center;
}



#content {
	margin: 0px 193px 30px 193px;			/* 193px = 5px margin + 173px box width + 15px margin */
	min-height: 400px;
	font-size: 90%;
	color: white;
	line-height: 1.3em;
}
* html #content { height: 400px; overflow: visible; }
#content a {
	text-decoration: none;
	color: #555588;
}
#content a:hover {
	text-decoration: underline;
}
.admintext {
	font-size: 80%;
}
.pagetitle {
	display: block;
	margin: 15px 0px;
	font-size: 125%;
	font-weight: bold;
}
.lastparagraph {
	margin-bottom: 30px;
}
.errortext {
	color: #990000;
}




table.formtable th {
	padding: 8px 0px;
	margin: 0px 0px 5px 0px;
	background-color: #4C7F7F;
	border: 1px solid black;
	font-weight: bold;
}
table.formtable td {
	padding-right: 10px;
}
table.formtable td.submitcell {
	padding-top: 10px;
	text-align: center;
}


table.datatable {
	border-collapse: collapse;
}
table.datatable tr td, table.datatable tr th {
	padding: 5px 15px 5px 6px;
	border: 1px solid black;
}
table.datatable tr th {
	background-color: #336666;
}



input, textarea, select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 1px 2px;
}




.clear {
	clear: both;
}

#footer {
	width: 100%;
	background: #669999;
	position: relative;
	color: white;
	font-size: 85%;
	font-weight: bold;
}
#footer a {
	color: #CCCCFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #copyright {
	position: absolute;
	bottom: 0px;
	left: 5px;
}
#footer #jacadalabs {
	position: absolute;
	bottom: 0px;
	right: 5px;
}