/******************************************************
File 			:	CB031.css
Author 		:	Tony Wadding - Freelance IT System Support
Contact		:  tony@fitss.co.uk
Application	: 	Paul Clarkson Sporting Promotions Web site
Contract		:  CB031
Client		:  Paul Clarkson
Summary		: 	Generic CSS
Released 	:	Never
Modified		: 	
*******************************************************/
/*
Setting the charset was giving issues with the body
settings. Have not had chance to bottom this out yet.
@charset "iso-8859-1"
*/
body
  {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-align: center;
  } 
#main
  {
    position: relative;
    text-align: center;
    width: 766px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 130px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: url(imgs/CB031_001.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    border: 1px solid #696969;
  }
#main hr
  {
    width: 100%;
    height: 1px;
    color: #696969;
  }
#main p.footer
  {
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
  }
#main p.left
  {
    color: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    font-weight: normal;
    padding-left: 45px;
    padding-right: 45px;
  }
#main p.rp
  {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
    font-weight: bold;
  }
 
#main h1
  {
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
  }    
#main h2
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
  }      
#main h3
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
  } 
#main h3.owners
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 45px;
  }
#main h3.caption
  {

    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 2px;
    padding-left: 20px;
    padding-right: 0px;
  }  
#main img.left
  {
    float: left;
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 35px;
    padding-bottom: 15px;    
  }        
#main img.right
  {
    float: right;
    padding-top: 5px;
    padding-right: 45px;
    padding-left: 20px;
    padding-bottom: 5px;   
  } 
#main img.center
  {
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 10px;    
  } 
  
#main img.fr
  {
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 10px;    
  }          
#main ul
  {
    list-style-type: square;
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left;
    padding-left: 60px;
    padding-right: 80px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
#main li
  {
    padding-bottom: 5px;
  } 
#main b
  {
    color: #808080;
    font-weight: bold;
  }    

#main a:link, #main a:visited
  {
    padding: 0px;
    color: #393939;
    font-weight: bold;
    text-decoration: none;
  }      
#main a:hover
  {
    padding: 0px;
    color: #900080;
    font-weight: bold;
    text-decoration: underline;
  }
   
#menu
  {
    font-size: 0.7em; 
    text-align: center;
    position: absolute;
    top: 10px;
    left: 300px;
  }
#menu ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 10px;    
    position: relative;
  }
#menu ul ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 10px; 
    font-size: 1em;    
    background-color: #ffffff;
    position: absolute;
    z-index: 500;
  }
#menu li
  {
    display: inline;
    position: relative;
  }  
#menu a:link, #menu a:visited
  {
    padding: 1px 5px 1px 5px;
    color: #393939;
    text-decoration: none;
    font-weight: normal;
    border-left: 2px solid #900080;
  }      
#menu a:hover
  {
    padding: 1px 5px 1px 5px;
    color: #900080;
    text-decoration: none;
    font-weight: normal;
    border-left: 2px solid #393939;
    border-bottom: 1px solid #393939; 
  }  
#menu ul ul a:link, #menu ul ul a:visited
  {
    display: block;
    padding: 1px 5px 1px 5px;
    color: #393939;
    text-decoration: none;
    border-left: 0px solid #900080;
  }      
#menu ul ul a:hover
  {
    padding: 1px 5px 1px 5px;
    color: #900080;
    text-decoration: none;
    border-left: 0px solid #393939;
    border-bottom: 1px solid #393939;            
  }   
#menu ul a:hover
  {
    padding: 1px 5px 1px 5px;
    color: #900080;
    text-decoration: none;
    border-left: 2px solid #393939;
    border-bottom: 1px solid #393939;            
  }   
#menu ul ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 10px; 
    font-size: 1em;    
    background-color: #ffffff;
    position: absolute;
    z-index: 500;
    display: none;
    position: absolute;
	  left: 0px;
	  margin-top: 5px;
	  width: 100px;
  }  
#menu ul li:hover ul
  {
    display: block;        
  }     
#footer a:link,  #footer a:visited
  {
    text-decoration: none;
    color: #808080;
  }      
#footer a:hover
  {
    text-decoration: underline;            
  } 
#photo
  {
    position: relative;
    float: right;
    padding-right:75px;
    padding-left: 20px;
    text-align: center;
    width: 300px;
    height: 250px;
    border: 0px solid #696969;
  }  
#photo h3
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    text-align: left;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 2px;
    padding-left: 40px;
    padding-right: 0px;
  } 
#photo_big
  {
    position: relative;
    float: right;
    padding-right:25px;
    padding-left: 0px;
    width: 400px;
    height: 285px;
    border: 0px solid #696969;
  }  
#photo_big h3
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 5px;
  }       
#photo_big h3.copy
  {
    color: #B9B9B9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    text-align: center;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 0px;
  }       
#brs_top
  {
    position: relative;
    margin-left: auto;
    margin-right: auto
    padding-right:0px;
    padding-left: 0px;
    width: 750px;
    height: 300px;
    border: 0px solid #696969;
  }
#brs_top p.left
  {
    color: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 45px;
  }
#brs_top_pic
  {
    position: relative;
    float: right;
    padding-right: 5px;
    padding-left:  5px;
    width: 500px;
    height: 300px;
    border: 0px solid #696969;
  }
#brs_mid
  {
    position: relative;
    margin-left: auto;
    margin-right: auto
    padding-right:0px;
    padding-left: 0px;
    width: 750px;
    height: 300px;
    border: 0px solid #696969;
  }
#brs_mid p.right
  {
    color: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 55px;
  }
#brs_mid_pic
  {
    position: relative;
    float: left;
    padding-right: 5px;
    padding-left:  5px;
    width: 300px;
    height: 250px;
    border: 0px solid #696969;
  }      
#brs_bot
  {
    position: relative;
    margin-left: auto;
    margin-right: auto
    padding-right:0px;
    padding-left: 0px;
    width: 750px;
    height: 500px;
    border: 0px solid #696969;
  }
#brs_bot_pic
  {
    position: relative;
    float: right;
    padding-right: 5px;
    padding-left:  5px;
    width: 350px;
    height: 500px;
    border: 0px solid #696969;
  } 
#brs_bot ul
  {
    list-style-type: square;
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left;
    padding-left: 20px;
    padding-right: 80px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
#brs_bot li
  {
    padding-bottom: 5px;
  }          
.ftable 
  {
    width: 95%;
    text-align: center;
  }     
.ftable td
  {
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left;
  } 
.ftable td.alt
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
  } 
.f2table 
  {
    width:100%;
    text-align: center;
  }     
.f2table td.center
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    text-align: center;
  } 
.f2table td.left
  {
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    text-align: left;
  } 
.f2table td.right
  {
    color: #393939;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    text-align: right;
  } 
.F1
 {
  font-family: arial;
  font-size: 0.9em;
  font-style: normal;
  font-weight: bold;
  color: #9999FF;
 }  
.F2
 {
  font-family: arial;
  font-size: 0.9em;
  font-style: normal;
  font-weight: bold;
  color: #000033;
 } 
.rpo
  {
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
  }  
.hl    
  {
    color: #900080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
  }
.datatable
  {
    border-collapse: collapse;
    border: 1px solid #900080;
    width: 80%;
    caption-side: bottom;
  }
 .datatable td
 {
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #900080;
    padding-top: 5px;
    padding-bottom: 5px;   
  }  
 .datatable tr
  {
    font-size: 0.8em;
    font-family: verdana, ariel,helvetica,sans-serif;
    color: #696969;
    text-align: left;
    background-color: #FFFFFF;
  }
.datatable tr.alt
  {
    font-size: 0.8em;
    font-family: verdana, ariel,helvetica,sans-serif;
    color: #696969;
    text-align: left;
    background-color: #FFEEFF;
  }  
.datatable th
  {
    font-size: 0.9em;
    font-family: verdana, ariel,helvetica,sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 15px;
    background-color: #900080;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;    
  }
.datatable caption
  {
    font-size: 0.7em;
    font-family: verdana, ariel,helvetica,sans-serif;
    color: #696969;
    text-align: center;
  }  
.formtable
  {
    border-collapse: collapse;
    border: 0px solid #900080;
    width: 80%;
    background-color: #FFEEFF;
  }
.formtable td
 {
    padding-right: 5px;
    padding-left: 5px;
    border: 0px solid #900080;
    padding-top: 5px;
    padding-bottom: 5px;   
  }  
.formtable tr
  {
    font-size: 0.8em;
    font-family: verdana, ariel,helvetica,sans-serif;
    color: #696969;
    text-align: left;
    background-color: #FFFFFF;
  }
.admintable
  {
    border-collapse: collapse;
    width: 100%;
  }
.admintable td
 {
    padding-right: 5px;
    padding-left: 5px;
    border: 0px solid #900080;
    padding-top: 5px;
    padding-bottom: 5px;   
  }  
.admintable tr
  {
    font-size: 0.8em;
    font-family: verdana, ariel,helvetica,sans-serif;
    color: #696969;
    text-align: left;
    background-color: #FFFFFF;
  }        
.admin_form
  { 
    border: 0px dotted #000000;
    padding: 10px;
    background-color: #EEEEEE;
    margin-left: 20px;
    margin-right: 20px;
  }
.admin_form input
  {
    color: #000000;
  }