body {
 background: rgb(204,204,204) url(../img/bg.jpg) scroll 0% 0% repeat-x; 
 font-family: "Lucinda Console","Courier New", monospace;
 font-size: medium;
 font-weight: normal;
 padding: 1px; 
}

img{  display: inline;
      border: 0px;
}

#loading {
    display: none; /* hidden */
}

#buttons {
    display: block;
}    

#mainmenu {
  float: left;
  width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-image: url(../img/exp_mbar.jpg);
	background-repeat: repeat-x;
  font-family: "Helvetica","Ariel", sans-serif;
  font-style: oblique;
  font-weight: bold;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #333;
	font-size: 0.8em;
	color: #FFFFFF;
}

#menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(../img/PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menubar li {
	float: left;
	width: 9em;
}

#menubar li ul, #menubar ul li  {
	width: 12em;
}

#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-image: url(../img/exp_mgrad.jpg);
	background-repeat: repeat-x; 
}

#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #000000;
	background-color: #C19674;
}

#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}

#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #000000;
	background-color: transparent;
}

#menubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}

#menubar li {width: auto;}

#header {
 float: left;
 width: 100%;
 border-style: none;
 color: white; 
 font-size: medium;
 font-weight: bold;
 text-align: center;
}

#main {
 float: left;
 width: 100%; 
}

table {
 border-style: outset;
 border-color: black;
}

td {
 border-style: none;
 text-align: center;
 vertical-align: middle;
}

table.top{
 background-color: black;
 width: 100%;
 border: 0;
 color: black; 
 font-size: small;
 font-weight: normal
}

table.header{
 color: white; 
 background-color: #333333;
 font-family: "Helvetica","Ariel", sans-serif;  
 font-size: medium;
 font-weight: bold;
 text-align: center; 
 padding: 3px 5px;
}

tr.rowinfo{
 border-style: none;
 color: black; 
 vertical-align: top; 
 background-color: #cccccc;
 border-color: #cccccc;
 border: 0; 
}

table.control{
 width: 100%;
 border-style: none;
 color: blue; 
 font-weight: bold;
 padding: 2px;
}

tr.control{
 border-style: none;
 border-width: 0px;
}

td.control{
 text-align: center;
 vertical-align: bottom;
 border-width: 0px;
}

#submenu {
 float: left;
 border-style: none;
 width: 100%; 
 color: black; 
}

table.submenu{
 border-left: 1px solid #333;
 border-right: 1px solid #333;
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
 background-color: #909090;
 background-image: url(../img/exp_mgrad.jpg);
 background-repeat: repeat-x; 
}

tr.submenu{
	padding: 0;
	margin: 0;
	list-style: none;
}

td.submenu{
	padding: 0;
	margin: 0;
	height: 40px;
	list-style: none;
}

td.submenu a {
	display: block;
	text-decoration: none;
	padding: 2px 8px;
	border-right: 1px solid #333;
	font-size: medium;
	color: #000000;
}

td.submenu a:hover, td.nav a:hover {
	color: #FFFFFF;
	background-color: #333333;
}

td.left{
 text-align: left;
 vertical-align: bottom;
 border-width: 0px;
 padding: 2px 5px;
}

td.center{
 text-align: center;
 vertical-align: bottom;
 border-width: 0px;
 padding: 2px 5px;
}

td.right{
 text-align: right;
 vertical-align: bottom;
 border-width: 0px;
 padding: 2px 5px;
}

td.justified{
 text-align: justify;
 vertical-align: bottom;
 border-width: 0px;
 font-family: "Helvetica","Ariel", sans-serif; 
 padding: 2px 5px;
 width: 720px;
}

td.top{
 text-align: center;
 vertical-align: top;
 border-width: 0px;
}

td.inline{
 text-align: center;
 display: inline;
 vertical-align: middle;
 border-width: 0px;
}

td.pedigree{
 text-align: center;
 vertical-align: middle;
 border-style: inset;
 border-color: #C16352;	
 border-width: 2px;
}

table.main{
 background-color: rgb(240, 240, 240);
 border-color: white;	
 border-style: outset;  
 color: black; 
 font-size: small;
 font-weight: normal;
}

table.main a {
 color: #C16352;
 display: inline;
 font-weight: bold;
 text-decoration: none;
}

table.main a:hover {
 color: #0000ff;
 display: inline;
 font-weight: bold;
 text-decoration: none;
}

td.card{
 padding: 0px;
}

table.hole, table.comm, table.output {
 background-color: rgb(240, 240, 240);
 color: black; 
 font-size: small;
 font-weight: normal;
 padding: 0px;
}

tr.rowodd{
 background-color: rgb(232, 232, 232);
}

tr.roweven{
 background-color: rgb(248, 248, 248);
}

tr.rowsel{
 background-color: rgb(100, 160, 220); 
 color: white;
}

tr.rowsel a {
 color: yellow;
}

tr.rowsel a:hover {
 color: lime;
}

#footer {
 float: left;
 width: 100%;
 border-style: none;
 color: black; 
 font-size: small;
 text-align: right;
 font-family: "Helvetica","Ariel", sans-serif;
 font-style: oblique;
 font-weight: bold; 
}

#login {
 color: white;
}


p.text{ 
 font-size: small;
 font-weight: normal; 
 text-align: right;
 font-family: "Helvetica","Ariel", sans-serif; 
}

.scrollArea {
width: 480px;
height: 240px;
padding-left: 3px;
padding-right: 3px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
text-align: left;
float: left;
overflow: auto;
color: #333333;
background-color: #cccccc;
}

.statArea {
width: 300px;
height: 280px;
padding-left: 3px;
padding-right: 3px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
text-align: center;
float: left;
overflow: auto;
color: #333333;
background-color: #cccccc;
}

#topall {
 float: left;
 width: 100%;
 background-color: black;
}

#topleft {
 float:left;
 padding: 5px;
 width: 20%; 
}

#topmiddle{
 float: left;
 padding: 25px 5px;
 text-align: center;
 display: inline;
 width: 60%;
}

#topright{
 float: right;
 padding: 5px;
 width: 15%;
 font-family: "Helvetica","Ariel", sans-serif;
 font-style: oblique;
 font-weight: bold; 
}

#contents{
 float: left;
 width: 100%;
}