/*
  Basic Style Sheet for Missing the Point
*/
body 
     { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
       font-size: 12px;
       background-color: white;
       background-image: url("../images/eyes_torn.gif");
       background-repeat: no-repeat;
       background-position: 50% 0%;
       color: black;
     }
     
          
p.alignCenter
     {
       text-align: center;
     }

p.awcLink
     {
       font-size: 9px;
     }
     
h1   {
       font-size: 22px;
     }
     
h2   {
       font-size: 12px;
     }
     
ul
     {
       color: black;
     }
     
div.awcLink
     {
     	position: absolute;
     	top: 85%;
     	left: 10px;
     	width: 100px;
     	height: 20px;
     }


div.lhs
     {
     	position: absolute;
     	top: 20%;
     	left: 2%;
     	width: 13%;
     	height: 50%;
     }

div.titleArea
     {
     	position: absolute;
     	top: 15%;
     	left: 15%; 
     	width: 70%;
     	height: 20%;
     	text-align: center;
     }
     
div.footerArea
     {
     	position: absolute;
     	top: 90%;
     	left: 20%; 
     	width: 70%;
     	height: 10%;
     	text-align: center;
     }

div.contentArea
     {
     	position: absolute;
     	top: 35%;
     	left: 20%; 
     	width: 70%;
     	height: 50%;
     	text-align: justify;
     }

    
     
     
span.manField
     {
      	color: red;
     }

span.quote
     {
      	color: red;
      	font-style: italic;
     }

span.source
     {
     }
     
table
     {
       width: 100%;
       border-collapse: collapse;
       border: 0;
       border-spacing: 0;
     }
          
td
     {
       text-align: left;
       padding: 1;
     }

td.justify
     {
       text-align: justify;
     }

td.quote
     {
       width: 75%;
       font-size: 10px;
     }

td.source
     {
       text-align: right;
       width: 25%;
       font-size: 10px;
       color: red;
       vertical-align: top;
     }     

td.playerRole
     {
       width: 75%;
       font-size: 10px;
     }

td.playerName
     {
       text-align: left;
       width: 25%;
       font-size: 10px;
       color: red;
       vertical-align: top;
     } 
     
td.rowTitle
     {
       width: 50%;
       vertical-align: top;
     }

td.rowField
     {
       width: 50%;
       text-align: left;
       vertical-align: top;
     }          

td.menuCell
     {
       padding-top: 5px;
       padding-bottom: 5px;
     }
     
img.bigE
     {
       margin: 5px;
       height: 100px;
       width: 100px;
       float: left;
     }

img.bloke1
     {
       height: 134px;
       width: 150px;
       float: right;
     }

img.matches
     {
       height: 106px;
       width: 150px;
     }
     
img.bloke2
     {
       height: 150px;
       width: 95px;
       float: right;
     }

img.bloke3
     {
       height: 150px;
       width: 77px;
       float: right;
     }

img.trap
     {
       height: 97px;
       width: 150px;
       float: right;
     }

img.ribaLogo
     {
       border-width: 0;
       height: 41px;
       width: 150px;
     }

img.engLogo
     {
       border-width: 0;
       height: 36px;
       width: 150px;
     }
               
a
     {
       text-decoration: underline;
     }
              
a:link
     {
       background: transparent;
     }
          
a:visited
     {
       color: blue;
       background: transparent;
     }
     
a:hover
     {
       color: red;
       background: transparent;
     }
     
a:active
     {
       background: transparent;
     }