/* Layout Stylesheet */ 





body{

 margin: 0;

 padding:0;

}



img.floatLeft{

    float:left;

   margin:15px 25px 0px 10px;

}



img.floatright{

   float:right;

   margin:0px 0px 0px 15px;

}





#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: #670d9b;

  border:1px solid #105832;

  float: left;

  height: 25px;

  text-color: #ffffff;

}



#menubar ul {

  list-style: none;

  margin: 0;

  padding: 0;

  width: 20%;

  float: left;

}



#menubar a {

  font-size: 20px;

  text-align: center;

  display: block;

  color: #ffffff;

  text-decoration: none;

  margin: 0;



}



#menubar a:hover {

  background: #105832;


  height: 20px;

}



#menubar li.sub {

float:left;

  position: relative;

  background: #670d9b;

	

  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;}





/* common styling */

.menubar { 

width: 100%; 

height:25px; 

position:relative; 

font-size:25px; 

z-index:100; 

background:#670d9b; 

}



.menubar ul li a, .menu ul li a:visited {

display:block; 

text-decoration:none; 

width:194px; 

height:25px; 

text-align:center; 

color:#ffffff; 



background:#670d9b; 

line-height:20px; 

font-size:20px; 

overflow:hidden;

}





.menubar ul {

padding:0; 

margin:0; 

list-style: none;

}



.menubar ul li {

float:left; 

position:relative;

}



.menubar ul li ul {

display: none;}





.menubar ul li:hover a {

color:#ffffff; 

background:#105832;

}



.menubar ul li:hover ul {

display:block;

 position:absolute; 

top:25px; 

left:0; 

width:194px;



}



.menubar ul li:hover ul li a.sub {

background:#6a3; 

color:#fff;}



.menubar ul li:hover ul li:hover a.sub {

background:#6fc; 

color:#ffffff;}



.menubar ul li:hover ul li ul {

display: none;}



.menubar ul li:hover ul li a {

display:block; 

background:#670d9b;
 

color:#ffffff;

}



.menubar ul li:hover ul li.horz a {

display:block; 

background:#105832; 

color:#ffffff; 

width:220px;

}



.menubar ul li:hover ul li a:hover {background:#6fc; 

color:#000; }



.menubar ul li:hover ul li:hover ul {

display:block; 

position:absolute; 

left:194px; top:0;

}



.menubar ul li:hover ul li:hover ul.left {

left:-105px;}





<!--[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%;

margin: 0 0 0 20px;

}



table.sortable2{

text-align:center;

font-size:14px;

color:#ffffff;

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: #670d9b;;

color: #ffffff;

  }



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: #105832; 

  margin: 0px 0 0 0;

}



p.second{ 

  font-size: 20px;

  font-family: verdana, times;

  text-align: center;

  color: #670d9b; 

  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%;

}

p.head{ 

  font-size: 30px;

  font-family: verdana, times;

  color: #670d9b; 

  margin: 10px 0 0 10px;

}

p.head2{ 

  font-size: 20px;

  font-family: verdana, times;

  color: #670d9b; 

  margin: 10px 0 0 10px;

}

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;

}

ul.a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 
 }

table.sortable3{

text-align:center;

font-size:14px;

color:#ffffff;

border-width: 1px 1px 1px 1px;

border-color: gray gray gray gray;

border-collapse: collapse;

background: #ffffff;

}