/* CSS Document */

/* Divisions */ 


html { 
  padding:0px;
  margin:0px; 
}

html, body, #wholepage {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

table
{
	border-collapse: collapse;
	border-spacing: 0pt;
	border-color: black;
	empty-cells: show;
	font-family: "Times New Roman", serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal
}
span.WPParaBox
{
	padding: 0px;
	width: 100%;
	margin: 0px;
	display: block
}

div.WPParaBoxWrapper
{
	padding: 0px;
	float: left
}

p
{
	margin-top: 0px;
	margin-bottom: 1px
}

span.WPFloatStyle
{
	visibility: hidden;
	position: absolute;
	left: 10px;
	right: 10px;
	background-color: rgb(255, 255, 225);
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-top: 25px;
	padding: 6px;
	line-height: normal
}

span.WPNormal
{
	font-family: "Times New Roman", serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: none;
	color: black;
	vertical-align: middle;
	text-indent: 0in
}

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: "Times New Roman", serif, verdana, arial, helvetica, sans-serif;
	font-size: 12px; 
}

html>body, html>body #page {
	height: auto;
}

#wholepage {
	position: absolute;
	top: 0;
	left: 0;
}

#skipnavigation {
  position: absolute; 
  left: -1000px; 
 }

#left {
	position: absolute;
	left: 0px;
	width: 160px;
	color: #564b47;
	margin: 0px 0px 0px; 
	padding: 0px; }

#nav {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 160px; }
	
#header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/panorama.jpg) #003366 no-repeat right 50%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100px
}

#headerimage {
	background-image: url(../images/dojseal.gif);
	background-repeat: no-repeat;
	float: left;
	width: 100px;
	height: 100px;
	background-position: 10px;
}

#nav {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 160px; 
	BORDER-RIGHT: #cccccc 2px solid;
}

#content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 200px; MARGIN: 0px 0px 0px 162px; BORDER-LEFT: #cccccc 2px solid; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
}
#tbl {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #ffffff; MARGIN: 20px; BORDER-LEFT: #000000 1px solid; WIDTH: auto; BORDER-BOTTOM: #000000 1px solid; POSITION: relative
}
#tbl TH {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #b5b5b5 1px solid
}
#tbl TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #b5b5b5 1px solid
}
#tbl TH {
	COLOR: #999
}
#tbl .name {
	
}
#tbl TR {
	BACKGROUND: #ffffff
}
#tbl TR.alt {
	BACKGROUND: #f1f1f1; COLOR: #FFFFFF
}
#tbl TR.state {
	BACKGROUND: #6699cc
}
#tbl TR A {
	COLOR: #0033ff
}
#tbl TR A:hover {
	COLOR: #666666; TEXT-DECORATION: none
}
#tbl TR A:hover {
	COLOR: #666666; TEXT-DECORATION: none
}
#tbl TR A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
#tbl TD.alt {
	BACKGROUND: #f1f1f1; COLOR: #FFFFFF
}
#top {
	padding: 0px;
	margin: 0px;
	height: 20px;
	background-color: #CCCCCC; 
}

#topnav {
	padding: 0px;
	height: 20px;
	line-height: 20px;
	float:left;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 165px;
}
	

/*  Right column */	

#right {
	right: 0px;
	width: auto;
	height: auto;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#searchbox {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	RIGHT: 30px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 7px;
	TEXT-ALIGN: left;
	width: 357px;
	height: 29px;
}
.sbutton {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: -2px; 
	PADDING-TOP: 0px;
}
#rightcontent {
	position: relative;
	width: auto;
	color: #564b47;
	text-align: left;
}

/* Footer */


#footer {
	margin: 0px 0px 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	text-align: center;
	clear: both;
	padding-top: 1px;
	padding-bottom: 3px;
}

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}


/* usao content tables */
	
#eousa {
	position: relative;
	width: auto;
	border: 1px solid #000000;
	background: #ffffff;
	margin: 10px;
}

#eousa  th, #eousa  td{
	margin: 0;
	padding: 5px 10px;
	text align: center;
	border-bottom: 1px solid #b5b5b5; 
}
	
#eousa  th, {
	color: #999; 
}
	
#eousa  .name{
	text-align: left: 
}	
	
#eousa tr{
	background: #FFFFFF; 
}

#eousa  tr.alt {
	background: #f1f1f1; 
}

#eousa  tr.state {
	background: #6699CC; 
}

#eousa  tr a {
	color: #0033FF;
}	

#eousa tr a:hover, #eousa  tr a:hover, #eousa  tr a:active{
	color: #666666;
	text-decoration: none; 
}
