/* default background styles ///////////////////////////////////////////// */
body {
 	font-family: verdana, sans-serif; 
	font-size: x-small;
	text-align: justify;
	background-color:#D3D3D3;
	color: black;
 	}
	
h1 {
	font-size: small;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 5px 0;
}

h2 {
	font-size: small;
	font-weight: bold;
	color: #666666;
	padding: 0;
	margin: 3px 0 3px 0;
	padding: 4px;
}

h3 {
	font-size: x-small;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.blockheader {
	background-color: #CCC; 
	color: white; 
	font-weight:bold; 
	font-size:14px; 
	padding: 4px;
}

p {
	margin: 2px 0 5px 0;
	padding: 4px;
}

a {
	color: blue;
	text-decoration: none;
}

a:link a:visited  {
	color: blue;
}

a:hover {
	color: red;
}

.highlight {
	color: red;
	background-color: #EEEEEE;;
}

.error {
	color: red;
}

/* menuproj ////////////////////////////////////////////////////////////// */
.choiceboxlabel {
	font-weight: bolder;
}

/* heading /////////////////////////////////////////////////////////////// */
.formfont {
	font-size: x-small;
}

.normal {
	font-size: x-small;
 	font-family: verdana, sans-serif; 
}

/* heading /////////////////////////////////////////////////////////////// */
.tophead1 {
	font-size: large;
	text-align: left;
	font-style: italic;
}

.tophead2 {
	font-size: medium;
	text-align: right;
	font-style: italic;
}

/* row colors //////////////////////////////////////////////////////////// */
.roweven {
	background-color: #DDDDDD;
	color: black;
}

.rowodd {
	background-color: #EEEEEE;
	color: black;
}

.dropdown {
	font-size: x-small;
}

.totalus {
	padding-right: 5px;
	text-align: right; 
	font-weight: bold; 
	color: red;
 }
 
/* navigation bar //////////////////////////////////////////////////////// */
#navbar ul {
	float: left;
	list-style: none; 
	padding: 0; 
	margin: 0; 
	white-space: nowrap; 
	line-height: 1.5em; 
	font-size: small;
	font-weight: bold;
	text-align: center;
}

#navbar li {
	display: inline;
}

#navbar ul li a {
	float: left;
	padding: 0; 
	margin: 1px;
	background-color: gray; 
	color: white; 
	text-decoration:none; 
	text-align: center;
	width: 100px;
}

#navbar li a:hover {
	color: gray; 
	background-color: #D3D3D3; 
}

.navbarend {
	float: left;
	padding-right: 10px;
	list-style: none; 
	margin: 1px; 
	white-space: nowrap; 
	line-height: 1.5em; 
	font-size: small;
	font-weight: bold;
	text-align: right;	
	width: 470px;
	font-style: italic;
	color: white;
	background-color: gray;
}

.navhead {
	color: white;
	background-color: gray;
	font-size: small;
	font-weight: bold;
	width: 100px;
	text-align: center;
	cursor: default;
}

.navover {
	color: white; 
	background-color: #999999; 
	font-size: small;
	font-weight: bold;
	width: 100px;
	text-align: center;	
	cursor: pointer;
}

.navselect {
	color: white; 
	background-color: #555555; 
	font-size: small;
	font-weight: bold;
	width: 100px;
	text-align: center;
	cursor: default;	
}

.navselover {
	color: white; 
	background-color: #6F6F6F; 
	font-size: small;
	font-weight: bold;
	width: 100px;
	text-align: center;	
	cursor: pointer;
}

.navend {
	color: white;
	background-color: gray;
	font-size: small;
	font-weight: bold;
	font-style: italic;
	width: 470px;
	height: 1.3em;
	text-align: right;
	padding-right: 2px;
}

/* side menu //////////////////////////////////////////////////////// */

.menuhead {
	text-decoration: none;
	color:white;
	background-color: #999999; 
	font-size: small;
	font-weight: bold;
}
	
#menuitem ul {
	float: left;
	list-style: none; 
	padding: 0; 
	margin: 0; 
	white-space: nowrap; 
	line-height: 1.5em; 
	font-size: 11px;
	font-weight: normal;
	width: 100%;
}

#menuitem li {
	display: inline;
}

#menuitem ul li a {
	float: left;
	padding: 0 2px 0 2px;; 
	margin: 0;
	background-color: #EEEEEE; 
	color: black; 
	text-decoration:none; 
	text-align: left;
	width: 100%;
}

#menuitem li a:hover {
	color: black; 
	background-color: #D3D3D3; 
}

/* table head links ////////////////////////////////////////////////// */
.tablehead {
	text-decoration: none;
	color: white;
	background-color: #999999; 
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
	cursor: default;
	}

.headover {
	color: white;
	background-color: #BBBBBB;
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}

.headlink {
	color: white;
}

.headlink:hover {
	color: white;
}

/* links ///////////////////////////////////////////////////////////// */
.pagelink {
	font-size:xx-small;
	color: blue;
	background-color: white;
}

.pagelink:link {
	color: blue;
	background-color: white;	
}
	
.pagelink:hover {
	color: red;
	background-color: white;	
	text-decoration:underline
}

/* box ////////////////////////////////////////////////////////////// */

.box {
	border: gray solid 1px;
}

.piccap {
	text-align: center;
	/*padding-bottom: 2px;*/
}

/* layers /////////////////////////////////////////////////////////// */
.wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	padding: 0;
	width:799px;
	background-color: white;
	color: black;
	border: #AAAAAA solid 1px;
}

.footer {
	clear: both;
	font-size: 6pt;
	padding: 0 0 6px 0;
	text-align: center;
}

.topsection {
	margin: 4px; 
	padding-bottom: 0;
	color: black;
	background-color: white; 
	text-align: left;
}

.navbarsection {
	background-color: white;
	color: black;
	margin: 4px 4px 12px 4px;
	padding: 2px 0 0 0;
}

.leftsection {
	clear: both;
	float: left; 
	padding-top: 4px;
	margin-left: 4px; 
	width:140px;
	height: 550px;
	color: black;
	background-color: white;
}

.menusection {
	clear: both;
	float: left; 
	padding-top: 4px;
	margin-left: 4px; 
	width:140px;
	height: 550px;
	color: black;
}

.mainsection {
	position: relative; 
	margin-left: 160px; 
	width: 600px;
	font-size:8pt;
}

.nomenu {
	position: relative; 
	width: 680px;
	font-size:xx-small;
	padding: 10px 50px 10px 50px;
}

.newssection {
	position: absolute;
	width: 620px;
	font-size:xx-small;
	background: white;
	padding: 10px;
}

.mainleft {
	float: left;
	width: 282px;
	padding: 4px;
}

.mainright {
	float: right;
	width: 282px;
	padding: 4px;
}

/* data edit mode */
.ctrlwrap {
	clear: both;
	padding: 2px;
}

.label {
	width: 100px;
	float: left;
}

/* menus */
.choiceboxlabel {
	font-weight: bolder;
}