/* general structure
--------------------------------- */
html {
	min-height: 100%; margin-bottom: 1px;
}

body
{
	background-color: #CCCCCC;
	MARGIN-TOP: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
}

#container {
	width:750px;
	margin-top: 20px;
	background-color:#f1f1f1;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

#header {
	width: auto;
}

#textBox {
	margin: 40px 20px 40px 20px;
	text-align: left;
	width: 700px;
}

#textBox h1{
	font_size: 1.1ems;
	font-size: 1.4em;
	color: #009966;
}

#infoBox {
	width:680px;
	border: thin solid #000000;
	padding: 5px;
	background-color: #C7DADC;
	font-size: 0.9em;
	margin: 10px;
	float: inherit;
}

#hide { visibility: hidden;
 }

/* main navigation pre-login
--------------------------------- */
#mainNava, #mainNavb  {
	float: left;
	width:187px;
	padding:0;
	margin: 10 0 0 0px;
	text-align: center;
}

#mainNavc, #mainNavd {
	float: right;
	width:187px;
	padding:0;
	margin: 10 0 0 0px;
	text-align: center;
}

#mainNava a:link, #mainNava a:visited, #mainNavb a:link, #mainNavb a:visited, #mainNavc a:link, #mainNavc a:visited, #mainNavd a:link, #mainNavd a:visited    {
	display:block;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	text-decoration:none;
	color: #000000;
}

#mainNava a:hover { background-color:#3399CC; }
#mainNavb a:hover { background-color:#3399CC; }
#mainNavc a:hover { background-color:#3399CC; }
#mainNavd a:hover { background-color:#3399CC; }


/* main navigation logged-in
--------------------------------- */
#mainNave  {
	float: left;
	width:374px;
	padding:0;
	margin: 0 0 0 0px;
	text-align: center;
}

#mainNavf {
	float: right;
	width:374px;
	padding:0;
	margin: 0 0 0 0px;
	text-align: center;
}

#mainNave a:link, #mainNave a:visited, #mainNavf a:link, #mainNavf a:visited {
	display:block;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	text-decoration:none;
	color: #000000;
}

#mainNave a:hover { background-color:#3399CC; }
#mainNavf a:hover { background-color:#3399CC; }



/* footer
----------------------------------------------- */
#footer {
	clear:both;
	text-align:center;
	font-size: 0.7em;
	color: #333333;
	background-color: #ED9CBF;
	border-top: solid black 2px;
	padding: 10px;
}

#footer a:link, #footer a:visited {
	border-style:solid;
	border-width:0px 0px 0px 0px;
	text-decoration:underline;
	color: #666666;
}


#footer a:hover {
	color: #000000;
}
	

.textinfo { 
	float: left; 
	width: 100%; 
	text-align: center; 
}

.textinfotitle {
	width: 100%;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 300px; 
	text-align: right; 
}

.button1 { 
	display: block;
	float: right; 
	width: 150px; 
	margin-right:25%; 
	text-align: center; 
}

.datalabel, .datainput, .datavalue, .datalink {
	float:left;
	margin:2px;
	background-color:#F1F1F1;
	font-size: 0.8em;
}

.datalabel {
	text-align: right;
	width:45%;
}

.datainput {
	width:45%;
}


.datavalue {
	width:10%;
}


.datalink {
	text-align: right;
	width:30%;
}




/* column definitions
----------------------------------------------- */

.col03, .col04, .col06, .col07, .col10, .col15, .col18, .col20, .col25, .col30, .col33, .col40, .col80 {
float:left;
padding:3px;
margin:2px;
background-color:#fff;
font-size:0.7em
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


.col03 {width:3%}

.col04 {width:4%}

.col06 {width:6%}

.col07 {width:7%}

.col10 {width:10%}

.col15 {width:15%}

.col18 {width:18%}

.col20 {width:20%}

.col25 {width:25%}

.col30 {width:30%}

.col33 {width:33%}

.col40 {width:40%}

.col80 {width:80%}

.newline {clear:both}

p {clear:both}
/* admin side specific
----------------------------------------------- */

#container_admin {
	width:850px;
	margin-top: 20px;
	border-style: solid;
	border-width: 1px, 0px, 1px, 0px;
	border-color: #000000;
	background-color:#FFFFCC;
	margin-left: auto;
	margin-right: auto;
}

#adminNava, #adminNavb  {
	float: left;
	width:24.9%;
	padding:0;
	margin: 0 0 0 0px;
	text-align: center;
}

#adminNavc, #adminNavd {
	float: right;
	width:24.9%;
	padding:0;
	margin: 0 0 0 0px;
	text-align: center;
}

#adminNava a:link, #adminNava a:visited, #adminNavb a:link, #adminNavb a:visited, #adminNavc a:link, #adminNavc a:visited, #adminNavd a:link, #adminNavd a:visited    {
	display:block;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}

#adminNava a:hover { background-color:#00FF66; }
#adminNavb a:hover { background-color:#00FF66; }
#adminNavc a:hover { background-color:#00FF66; }
#adminNavd a:hover { background-color:#00FF66; }

	#navigation {
	list-style-type: none;
	background: #ED9CBF;
	float: left;
	width: 100%;
	border-top:2px solid #0033FF;
	height: 24px;
	cursor: crosshair;
	padding-left: 0px;
	}
	
	#navigation ul {
	margin: 0;
	list-style: none;
	}
	
	#navigation li {
	display: inline;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

	#navigation li a {
	display: block;
	float: left;
	padding: 0.2em 1em;
	text-decoration: none;
	background: #ED9CBF;
	color: #000000;
	border-left: 1px dotted #E6EFF1;
	width: 140px;
	border-right: 1px dotted #E6EFF1;
	}
		
	#navigation li a:hover {
	color: #000;
	background: #E49A91;
	}
.inputfield {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	background-color: #FFCCFF;
}