/* Layout Stylesheet */ 


body{
 margin: 0;
 padding:0;
}

img.floatLeft{
    float:left;
   margin:15px 25px 0px 10px;
}

img.floatright{
   float:right;
   margin:15px 0px 0px 10px;
}


#border{
  text-align:left;
  border:1px solid #000000;
  width:970px;
  margin:auto;
  background: white;
  overflow: hidden;
 }

#outline{
  text-align:left;
  border:1px solid #000000;
  width:100%;
  margin:auto;
 }

#main{
width:100%;
}

#index{
  text-align: justify;
  width:90%;
  margin:2% 5% 0% 5%;
  background: #e6e4e4;
}

#body{
margin:0%;
}


#hdr{
  height:182px;
  width:100%;

  margin:0px 0 0 0;
 }

#page{
  width: 90%;
  text-align: justify;
  margin:2% 45% 10% 5%;
  background: #e6e4e4;
}

#footer{
	margin:5% 0% 0% 0%;
	text-align:center;
	font: italic small-caps 900 10px arial
}

#menubar {
  width: 100%;
  background: #339999;
border:1px solid #ffffff;
  float: left;
  height: 25px;
}

#menubar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 20%;
  float: left;
}

#menubar a {
  font-size: 20px;
  text-align: center;
  display: block;
  color: #000000;
  text-decoration: none;
  margin: 0;

}

#menubar a:hover {
  background: #ccffff;
  height: 20px;
}

#menubar li.sub {
  position: relative;
  background: #339999;
	
  width: 72%;
  height: 30px;
}

#menubar ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

#menubar ul ul {
  position: absolute;
  z-index: 500;
}

div#menubar ul ul {
  display: none;
}

div#menubar ul li:hover ul
{display: block;}

<!--[if IE]>

body {
font-size: 100%;
}

#menubar ul li {float: left; width: 100%;}
#menubar ul li a {height: 1%;} 


<![endif]-->


h1{
text-align:center;
}

table.sortable{
text-align:center;
font-size:14px;
border-width: 1px 1px 1px 1px;
border-color: gray gray gray gray;
border-collapse: collapse;
background: #ffffff;
width:60%;
}

table.sortable2{
text-align:center;
font-size:14px;
border-width: 1px 1px 1px 1px;
border-color: gray gray gray gray;
border-collapse: collapse;
background: #ffffff;
}

td { 
  border: 1px solid #666666;
  padding: 0.5em 0em;
  
}

th { 
  border: 1px solid #666666;
  padding: 1em 2.0em;
  background: #339999;
  }

th.name { 
  border: 1px solid #666666;
  padding: 1.0em 4.5em;
}

th.pos { 
  border: 1px solid #666666;
  padding: 1em 0.5em;
  }

th.cut { 
  border: 1px solid #666666;
  padding: 1em 1.0em;
  }


tr { 
  border: 1px solid #666666;
 
}

tr:hover,
tr.over {
background: #8ea690;
}

p.first{ 
  font-size: 16px;
  font-family: verdana, times;
  text-align: justify;
  color: #000000; 
}

p.profile{ 

  font-size: 40px;
  font-family: verdana, times;
  text-align: center;
  color: #000033; 
  margin: 0px 0 0 0;
}

p.second{ 
  font-size: 20px;
  font-family: verdana, times;
  text-align: center;
  color: #000033; 
  margin: 0px;
}


p.third{ 
  font-size: 14px;
  font-family: verdana, times;
  text-align: justify;
  color: #000000; 
  margin: 3%;
}

p.fourth{ 
  font-size: 14px;
  font-family: verdana, times;
  text-align: center;
  color: #000000; 
}

p.fifth{ 
  font-size: 16px;
  font-family: verdana, times;
  text-align: justify;
  color: #000033; 
  margin: 3% 3% 0% 0;
}

p.sixth{ 
  font-size: 20px;
  font-family: verdana, times;
  text-align: center;
  color: #355E3B; 
  margin: 0px;
}

p.seventh{ 
  font-size: 16px;
  font-family: verdana, times;
  color: #000000; 
}

p.eighth{ 
  font-size: 18px;
  font-family: verdana, times;
  text-align: justify;
  color: #000033; 
  margin: 5% 10% 0% 10%;
}
p.trans{ 
  font-size: 14px;
  font-family: verdana, times;
  text-align: justify;
  color: #355E3B; 
  margin: 0% 0% 2% 5%;
}

table.trans{
  table-layout: fixed;
  border-width:10px;
  font-size:14px;
  background: #8ea690;
}

td.trans { 
  border: 0px;
  background: #8ea690;
  }

td.white {
  border: 0px;
}
tr.white{
  background: #e6e4e4;
}

.form p {
  width: 300px;
  clear: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 0 8px 0;
  padding-left: 10px; 

}

.form label{
  color:#000000;
  font-weight: bold;
  float: left;
  text-align:right;
  margin-left: -55px; 
  width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ 
  width: 180px;
}

.form textarea{
  width: 180px;
  height: 150px;
}


* html .threepxfix{
  margin-left: 3px;
}