/* Layout Stylesheet */ 


body{
 margin: 0;
 padding:0;
 background:#e6e4e4
}
#overview {
	
	background:#e6e4e4;
        min-width:1250px;
        width:expression(document.body.clientWidth < 1250? "1250px": "auto" );
	}

#overview2 {
	
	background:#ffffff;
        width:100%;
	}


#border2{
  text-align:left;
  width: 100px;
  border:0px solid #000000;
  float:left;
  margin:auto;
  background: #ffffff;
  overflow: hidden;


 }

#border{
  float:left;
  text-align:left;
  border:0px solid #000000;
  width:1050px;
  margin:auto;
  background: #e6e4e4;
  overflow: hidden;
 }

#border3{
  text-align:left;
  float:left;
  width:200px;
  border:0px solid #000000;
  background: #e6e4e4;
  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;
}

div.story{
  float:right;
  text-align: justify;
  width:90%;
  margin:2% 5% 0% 5%;
  background: #e6e4e4;
}

.story img.right{ 
  border-top: 200px solid #555;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 2px solid #555;
}

.story img{
align: center;}

#body{
margin:0%;
}


#hdr{
  height:225px;
  width:100%;
overflow: hidden;
  margin:0px 0 0 0;
 }

#page{
  position:relative;
  margin:auto;
  background: #e6e4e4;
}
#page2{
position:relative;
  width:100%;
  margin:auto;
  background: #e6e4e4;
}

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

#menubar {
  width: 100%;
  background: #8ea690;
  float: left;
  height: 20px;
}

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

#menubar ul.small {
  list-style: none;
  margin: 0px 0 0 10px;
  padding: 0px;
  width: 5%;
  float: left;
  }

#menubar ul.smalltwo {
  list-style: none;
  margin: 0px 0 0 0px;
  padding: 0px;
  width: 2%;
  float: left;
  border-style: none;


}

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

}

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

#menubar li.sub {
  position: relative;
  background: #8ea690;
  width: 65%;
  height: 20px;
}

#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:98%;
}

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: #8ea690;
  }

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



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: justify;
  color: #355E3B; 
  margin: 0px 0 0 0;
}

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


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

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

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

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: 20px;
  font-family: verdana, times;
  text-align: justify;
}
p.title{ 
  font-size: 20px;
  font-family: verdana, times;
  text-align: justify;
  margin: 0% 0% 0% 10%;
}
p.trans{ 
  font-size: 14px;
  font-family: verdana, times;
  text-align: justify;
  color: #355E3B; 
  margin: 0% 0% 2% 5%;
}

p.title2{ 
  font-size: 28px;
  font-family: verdana, times;
  text-align: justify;
  margin: 0% 0% 0% 10%;
}

p.title3{ 
  font-size: 28px;
  font-family: verdana, times;
  text-align: justify;
  margin: 0% 0% 0% 0%;
}

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

.caption
{
float: right;
width: 169px;
margin-top: -5px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 9px;
text-align:justify;
}

.captionleft
{
float: left;
width: 169px;
margin-top: -5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 20px;
font-size: 9px;
text-align:justify;
}

 div.caption img
{
border-top: 0px solid #555;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
border-left: 0px solid #555;
}

 div.captionleft img
{
border-top: 0px solid #555;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
border-left: 0px solid #555;
}

.captionwide
{
float: right;
width: 267px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 9px;
text-align:justify;
}

.captionlong
{
float: right;
width: 287px;
height: 500px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 11px;
text-align:justify;
border: 2px solid #000;
padding: 5px;
}

.largelogo{

width: 100%;
margin-top: -5px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 9px;
text-align:justify;
}

.bord
{
border: none;
}