/*bobstyle1p.css (Aymaan's final css sent on 21 September 2007) with new purple/dark green colour changes*/


body {
   margin:0px;
	padding: 0px;
	background: #5e8e5e;
	color: #000000;
	font: normal 11px arial, sans-serif;	
	text-align: center;
}
#container {
	position: relative;
	width: 772px; 
	margin:5px auto;	
	text-align: left; 
	background: #ffffff;
}	
.header {
	position: relative;
	width: 772px; 
	margin:0px;
	padding:0px;
	text-align: left; 
	height:150px;
	background: url('images/header_bg.gif') no-repeat;
}	
.pagebody {
	position: relative;
	width: 772px; 
	margin:0px;
	padding:0px;
	text-align: left; 
	background: #ffffff url('images/bg1p.gif') repeat-y;	
}		
.footer {
	position: relative;
	width: 762px; 
	margin:0px;
	padding:10px 5px 0px 5px;
	line-height: 15px;
	text-align: center; 
	height:65px;
	background: url('images/footer_bgp.gif') no-repeat;
}		
.footer a {
	color: #008000;
	text-decoration: none; 
}
.footer a:hover {
	color: #800000; 
	text-decoration: none; 
}		
img {
    border: none;
}
p{
	margin:12px 0;
}   
.bowlscodeimage{
	padding-top:12px;
}
.bowlscodeimage img {
	float:left;
}
h1 {	
	color: #5e8e5e;
	font:normal 27px arial, sans-serif;	
	font-style: italic;	
	margin: 0px 10px 5px 15px;
	text-align: center;
}	
h2 {
	font: bold 12px arial, sans-serif;	
	color:#094109; 
	background: url('images/h2bg.gif') repeat-y;
	margin: 0px 0px -15px -10px;
	padding: 5px 10px;
}
h3 {
	font: bold 12px arial, sans-serif;	
	color: #800000; 
	margin: 0px 0px -15px 0px;
	padding:0px;
}
.quote {
  font: 10px arial, sans-serif;	
  text-align: justify;
  padding-left:30px;
}
/* style the picture in the header */
.header_pic {
	position: relative;
	width: 175px; 
	margin: 10px 0px 0px 10px;
	padding-top:2px;
	text-align: center; 
	height:125px;	
}	
.header_pic2 {	
	width: 175px; 
	padding: 10px 0px 0px 0px;
	text-align: center; 
	height:140px;	
	z-index: 100;
}		
.logo {
	position: absolute;
	top:15px;
	left: 180px;
	width: 425px; 	
	padding-top:2px;
	text-align: left; 
	height:120px;
}			
/* style the outer div to give it width */
.menu {
   width:748px; 
	height:31px;
   margin-left: 9px;
   border:1px solid #ffffff;
	border-width:1px 0 0 1px;
	position:relative;
	z-index:1;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu li {
   float:left;
   width:124px;
   position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited{
   display:block;
   text-decoration:none; 
   color:#ffffff; /*horizontal links (level 1) text colour white*/
   height:30px; 
   border:1px solid #ffffff; 
   border-width:0px 1px 1px 0px; 
   background:#5c3e90; /*horizontal links (level 1) background colour purple*/
   line-height:30px;
   text-align:left;
   font-weight:normal;
   font-size:11px;
}

/* style the main links for the top level */
.menu a.menutop, .menu a.menutop:visited {
	font-weight:bold;
	font-size:12px;
   text-align:center;
}

/* style the top level hover */
.menu a:hover{
    color:#ffffff;
    background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#000000; /*horizontal links (level 1) hover text colour white*/
   background:#826ba9; /*horizontal links (level 1) hover background colour dark mauve*/
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
  background:#ffffff;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
   visibility:hidden;
   position:absolute;
   top:31px;
   width:125px;
   left:-1px; 
   height:0;
}
* html .menu ul ul li{top:21px;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
   background:#bfb2d3; /*horizontal links (level 2) background colour lilac*/
   color:#000000; /*horizontal links (level 2) text colour black*/
   height:1em; 
   line-height:1em; 
   padding:5px 0 5px 10px;
   width:113px;
   border:1px solid #ffffff; 
   border-width:0px 1px 1px 1px;
}
/* style the top level hover */
.menu ul ul a:hover{
    color:#ffffff; /*horizontal links (level 2) hover text colour white*/
    background:#5c3e90;  /*horizontal links (level 2) hover text colour purple*/
}
/* position the third level flyout menu */
.menu ul ul ul{
   left:124px;
	top:0px;
	width:14em;
}
* html .menu ul ul li{top:-10px;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#bfb2d3;}
/* third level hover */
.menu ul ul ul a:hover {background:#5c3e90;} /*horizontal links (level 3) background colour on hover*/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.rightcol {	
	width: 546px; 
	margin-left:186px;
	font: normal 12px arial, sans-serif;	
	padding: 0px 10px 0px 10px;
	text-align: left;
}	
.rightcol a {
	color: #008000; 
	text-decoration: none; 
}
.rightcol a:hover {
	color: #800000; 
	text-decoration: none; 
}
.leftcol{	
   float:left;
	margin-left:-186px;
	width: 175px; 
	left:0px;
	padding: 0px;
	text-align: left;
}
* html .leftcol{	
	position:relative;
	padding: 0 0 0 10px;
}
.verticalmenu { width: 175px;}
.verticalmenu ul {
   margin: 0px;
   padding-left: 5px;
   list-style-type: none;
   font: bold 12px arial, sans-serif;	
   text-decoration:none; 
   color:#094109; 
}
.verticalmenu a {
   display: block;
   padding: 5px;
   width: 155px;
   border-bottom: 1px solid #ffffff;
}
.verticalmenu a:link, .verticalmenulist a:visited {
   color:#ffffff;  
   text-decoration: none;
}
.verticalmenu a:hover {
   background: #99cc99;
   color: #000000;
}
table {
   margin-top: 10px;
   width:538px;
   margin-bottom: 10px;
}
.table2 {
   margin-top: 0px;
   width:538px;
   margin-bottom: 10px;
}  
/* styles for the table in the titles all bowling page */
.tab1_cell1 {
   color: #ffffff;
   width:333px;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 1px; 
   padding: 3px 10px;
   background:#5e8e5e;    
}
.tab1_cell2 {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 0px; 
   padding: 3px 10px;
   background:#5e8e5e;    
}
.tab1_cell3 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 10px;
   background:#f5f5f5; 
}
.tab1_cell4 {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 10px;
   background:#f5f5f5; 
}  
 .tab1_cell5 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 10px;
}
.tab1_cell6 {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 10px;
}
/* styles for the table in the bias to bowls page */
.tab2_cell1 {
   color: #ffffff;
   width:125px;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 1px; 
   padding: 3px 10px;
   background:#5e8e5e;    
}
.tab2_cell2 {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 0px; 
   padding: 3px 10px;
   background:#5e8e5e;    
}
.tab2_cell3 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 10px;
   background:#f5f5f5;
}
.tab2_cell4 {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 10px;
   background:#f5f5f5; 
} 
 .tab2_cell5 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 10px;
}
.tab2_cell6 {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 10px;
}
.tab2_cell7 {
   font-size:11px;
   text-align: center;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 10px;
}  
/* styles for the table in latest additions page */
.tab3_cell1 {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 1px; 
   padding: 3px 5px 3px 5px;
   background:#5e8e5e;    
}
.tab3_cell2a {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 1px; 
   padding: 3px 8px;
   background:#5e8e5e;    
}
.tab3_cell2b {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 0px; 
   padding: 3px 8px;
   background:#5e8e5e;    
}
 .tab3_cell3 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 5px 3px 5px;
   background:#f5f5f5; 
}
.tab3_cell4a {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 8px;
   background:#f5f5f5; 
}
.tab3_cell4b {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 8px;
   background:#f5f5f5; 
}   
.tab3_cell5 {   
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 5px;
}
.tab3_cell6a {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 8px;
}  
.tab3_cell6b {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 3px 8px;
}     
/* styles for the table in feedback form page */
.tab4_cell1 {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 1px; 
   padding: 3px 5px 3px 5px;
   background:#5e8e5e;    
}
.tab4_cell2a {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 0px 1px 0px; 
   padding: 5px;
   background:#5e8e5e;    
}
.tab4_cell2b {
   color: #ffffff;
   font-size:12px;
   border:1px solid #e9e9e9; 
   border-width:1px 1px 1px 0px; 
   padding: 5px;
   background:#5e8e5e;    
}
.tab4_cell3 {   
   font-size:11px;
   width:125px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 5px;
   background:#f5f5f5; 
}
.tab4_cell4a {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 0px 1px 0px; 
   padding: 5px;
   background:#f5f5f5; 
}
.tab4_cell4b {
   font-size:11px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 0px 1px 0px; 
   padding: 5px;
   background:#f5f5f5; 
}
.tab4_cell4c {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 5px;
   background:#f5f5f5; 
}
.tab4_cell4d {
   font-size:11px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 5px;
   background:#f2f0f0; 
}   
.tab4_cell5 {   
   font-size:11px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 5px;
}
.tab4_cell6a {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 0px 1px 0px; 
   padding: 5px;
}
.tab4_cell6b {
   font-size:11px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 0px 1px 0px; 
   padding: 5px;
}
.tab4_cell6c {
   font-size:11px;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 5px;
}  
.tab4_cell6d {
   font-size:11px;
   text-align: right;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 0px; 
   padding: 5px;
} 
.tab4_cell6e {
   font-size:11px;
   text-align: center;
   border:1px solid #e9e9e9; 
   border-width:0px 1px 1px 1px; 
   padding: 3px 10px;
}    
.tab4_cell7 {   
   font-size:12px;
   border:0; 
   padding: 5px;
}
.tab4_cell8 {
   font-size:11px;
   border:0; 
   padding: 5px;
} 
.path {
   font-size:11px;
   padding: 5px 0px 5px 0px;
}    
.form-text {
	color: #000000;
	font: normal 11px arial, sans-serif;	
	text-align: left;
	border: 1px solid;
}	
.form-text2 {
	color: #000000;
	width:120px;
	font: normal 11px arial, sans-serif;	
	text-align: left;
	border: 1px solid;
}
/* styles to magnify book covers */
#magnifytext{
  font: normal 11px arial, sans-serif;
  color:#c00;
}
#magnify:hover {
  position:absolute;
  z-index:999;
  height:auto;
  width:auto;
  top:10px;
  left:10px;
}
#magnify:hover img {
	height:auto;
	width:auto;
	margin:0px;
}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
/* old styles to magnify book covers */
.magnify {
   font: normal 11px arial, sans-serif;
}
a.screen, a.screen:visited {
   color:#c00; 
   position:relative; 
   z-index:1;
}
a.screen b {
   position:absolute;
   visibility:hidden; /* hide the image */
   width:285px; /* give it a width */
   height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
   left:0; /* position:the image */
   top:-110px;
   left:-60px;
}
a.screen:hover {
   text-decoration:none; 
   border:0; /* needed for this to work in IE */ 
   z-index:1000;
}  
a.screen:hover b {
   visibility:visible; /* make the image visible */
   height:430px; /* now give it a height */
   cursor:pointer; /* for IE */
   z-index:500; 
}  
a.screen:hover b img {
   border:0; /* remove the link border */
}
/* thumb size for vertical height book covers */
.thumb1 { 
  padding-top: 10px;
  width: 40%;
  height:70%;
}
/* thumb size for horizontal width book covers */
.thumb2 {   
  padding-top: 25px;
  margin-bottom:12px;
  width: 60%;
  height:50%;
}
.rightcol{padding-top:1px;}
table {margin-top: 0;}
.out {
  display:block; 
  background:#d5d5d5; 
  border:1px solid #ddd; 
  position:relative;
  margin:16px 0 12px 0;
}
.in {
  text-align:center; 
  background:#f2f9e9; 
  border:1px solid #5e8e5e; 
  position:relative; 
  padding:5px;
  font-weight:bold;
  font-size:12px;
}
.ltin {left:5px;}
.tpin {top:-5px;}
.wide {width:530px} /* change to suit */

hr {
 border: none;
 background-color: #5e8e5e;
 color: #5e8e5e;
 height: 1px;
 width: 85%;
}