/* set the main body */
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* set the header that is outside of the container so that it loads OK in IE - firefox wouldload OK if within container div */
#header { 
	width : 100%; /* as expandable to screen set this at 100% */
	height : 120px;	
	background : url(../images/client_facing.jpg) no-repeat; /* as expandable to screen this image is only around 720px and make sure no repeat */
    background-color: #E4F1F1;
} 

#tab {
font: normal 14px Arial, Helvetica, sans-serif;
font-weight: normal;
color: #330066;
padding-top:10px;
}

.legend { /* key to symbols on special situations pages */
  vertical-align: -3px;
}

.bu { /* key to symbols on special situations pages */
  line-height: 20px;
}

#header h2 { 
	font-size : 24px;
	margin-top : 15px;
	margin-left : 15px;
	font-family : "arial", helvetica, sans-serif;
	color : #9e9e9e;
} 


.rbdr {
 border-top: 2px solid #E60000;
}

/* set the container that is within the body */
#container { 
	width : 100%; /* as expandable to screen set this at 100% */
	margin : 0 auto;
} 

/* set the wrapper that comes after the header */
#wrapper { 
	float : left;
	width : inherit; /* as expandable to screen set this at 100% */
	margin-bottom : 20px;
	
} 

/* the main content settings for central info and text*/
#content { 
	margin : 0 18%;
	border-left: 2px dotted #C0C0FF;
	border-right: 2px dotted #C0C0FF;
	
	
} 

/* the main content settings for central info and text*/
#border { 
	margin : 0 20%;
	border-bottom: 1px dotted;
} 

/* float divs */
#left { 
	float : left;
	width : inherit;
	margin-left : -100%;
	
} 

#right {
    float : left;
	width : 150px;
	margin-left : -20%;
	position: absolute;
	
} 

#fooner { 
    float : left;
    width : 170px;
    height: 70%;
    margin-left : -18%;
    
}

#fooner, p {
  font-family: sans-serif;
}

#right_league { 
	float : left;
	width : 19%;
	margin-left : -19%;
	
} 

/* loads the navigation settings on the left */
#sidebar { 
	border-bottom : 1px solid #cccccc;
	position:absolute;
	left:1em;
	top:12.5em;
	width:15em;
	height: auto;
	margin:18px 0 0 0;
	padding:1em .5em 2em .5em;
	background:#ffffff;
	font-size:.9em;
}

/* loads the navigation settings on the left */
#top { 
	border-top : 1px solid #cccccc;
}

/* loads the box for info/etc.... on the left */
#centrebox { 
	background-image : url(../images/rbbg.jpg);
	background-repeat : no-repeat;
	background-position : top 0%;
} 

/* <h2> setting for left box text */
#centrebox h2 { 
	font-family : "arial", helvetica, sans-serif;
	font-size : 1.25em;
	margin-top : 5px;
	margin-left : 5px;
	color : #000080;
	text-align: left;
	padding-top: 5px;
} 

/* loads the box for info/etc.... on the left */
#leftbox { 
	margin-top : 20px;
	/*background-image : url(../images/rbbg.jpg); */
	background-repeat : no-repeat;
	background-position : top 0%;
} 

/* <p> setting for left box text */
#leftbox p { 
	margin-top : 0;
} 

/* <h2> setting for left box text */
#leftbox h2 { 
	font-family : "arial", helvetica, sans-serif;
	font-size : 1.25em;
	margin-top : 5px;
	margin-left : 5px;
	color : #000080;
	text-align: left;
	padding-top: 5px;
} 

/* loads the box for info/etc.... on the left 
.rightbox { 
	background-image : url(../images/rbbg.jpg);
	background-repeat : no-repeat;
	background-position : top 0%;
}  */

/* <p> setting for left box text */
.rightbox p { 
	margin-top : 0;
} 

/* <h2> setting for left box text */
.rightbox h2 { 
	font-family : "arial", helvetica, sans-serif;
	font-size : 1.25em;
	margin-top : 5px;
	margin-left : 5px;
	color : #000080;
	text-align: left;
	padding-top: 5px; 
} 

.ticker { /* border for ticker */
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: #D6D6D6;
  
}

.rl_cal { 
  font-size: 12px;
  font-family : "arial", helvetica, sans-serif;
 }

.rl_bold { /* border for formatting headlines tables */
  border-top: 1px solid #fff;
  font-size: 10.5px;
  font-weight: bold;
}

.rl_small { /* border for formatting headlines tables */
  border-top: 1px solid #fff;
  font-size: 10.5px;
  font-family: "arial", helvetica, sans-serif;
  }
  
.rl_small_c { /* used on special situations indexes */
  font-size: 10.5px;
  font-family: "arial", helvetica, sans-serif;
  text-align: center;
  }
  
.rl_smallg { /* border for formatting headlines tables */
  border-top: 1px solid #fff;
  font-size: 9px;
  color: #2614b8;
}

.rl { 
  font-family : "arial", helvetica, sans-serif;
  font-size : 10px;
  text-align : justify;
}

.rl a:hover {
  color:#993366;
  text-decoration:none;
  font-family : "arial", helvetica, sans-serif;
  font-size : 12px;
  text-align : justify;
}

.rl a {
  color:#0000FF;
  text-decoration:none;
  font-family : "arial", helvetica, sans-serif;
  font-size : 12px;
  text-align : justify;
}

.bottom_grey { /* bold typeface in red not grey*/
	font-weight: bold;
  	font-size : 10.5px;
	font-family : "arial", helvetica, sans-serif;
	color: #CC0000;
	border-bottom: 1px dotted;
	border-bottom-color: #969696;

	
}


#nav_records {
 width: 100%;
 clear: both;
 font-family: Verdana;
 font-size: x-small;
 color: #333;
 background: #C0C0C0;
 margin: 0px 0px 20px 0px;
 margin-top: 10px;
 padding: 10px;
 text-align: right;
}

.watermark { /* bold typeface */
  	background-image : url(../images/logo_feint.gif);
	background-repeat : repeat;
	background-position : top 0%;
	font-size : 12px;
	font-family : "arial", helvetica, sans-serif;
	color: #000000;
	
	
}

.watermark_once { /* bold typeface */
  	background-image : url(../images/logo_feint.gif);
	background-repeat : no-repeat;
	background-position : center;
	font-size : 10.5px;
	font-family : "arial", helvetica, sans-serif;
	color: #000000;
	
	
}

.tbd { /* bold typeface */
  	font-weight: bold;
  	font-size : 15px;
	font-family : "arial", helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px dotted;
	background-color: #969696;
	
}

.tbd_blue { /* bold typeface */
  	font-weight: bold;
  	font-size : 15px;
	font-family : "arial", helvetica, sans-serif;
	color: #333399;
}

.tbd_blue_small { /* bold typeface */
  	font-size : 10.5px;
	font-family : "arial", helvetica, sans-serif;
	color: #333399;
}

.heading { /* bold typeface */
  	font-weight: bold;
  	font-size : 15px;
	font-family : "arial", helvetica, sans-serif;
	color: #CC0000;	
}

.ntbd { /* bold typeface */
  	font-weight: normal;
  	font-size : 10px;
	font-family : "arial", helvetica, sans-serif;
	color: #585858;
	/* border-left: 1px dotted; */
}

.left { /* bold typeface */
  	border-left: 1px dotted;
}

.tbd_bottom { /* bold typeface */
	font-weight: normal;
  	font-size : 10.5px;
	font-family : "arial", helvetica, sans-serif;
	color: #585858;
	/*border-left: 1px dotted; */
  	border-bottom: 1px dotted;
}

.tbd_bottom_grey { /* bold typeface */
	font-weight: bold;
  	font-size : 10.5px;
	font-family : "arial", helvetica, sans-serif;
	color: #575757;
  	border-bottom: 1px dotted;
}

.bottom { /* bold typeface */
	font-weight: bold;
  	font-size : 9px;
	font-family : "arial", helvetica, sans-serif;
	color: #969696;
	border-bottom: 1px dotted;
}


.ntbd_clear { /* bold typeface */
  	font-weight: bold;
  	font-size : 9px;
	font-family : "arial", helvetica, sans-serif;
	color: #969696;
	
}


.norm { /* bold typeface */
  	font-size : 12px;
	font-family : "arial", helvetica, sans-serif;
	color: #000000;
}

.bd { /* bold typeface */
  	font-weight: bold;
  	font-size : 12px;
	text-align : justify;
	font-family : "arial", helvetica, sans-serif;
	color: #000000;
}

.bd_small_grey { /* bold small typeface */
  	font-weight: bold;
  	font-size : 11px;
	font-family : "arial", helvetica, sans-serif;
	color: #575757;
}

.bd_small_grey_pale { /* bold small typeface */
	font-weight: bold;
  	font-size : 11px;
	font-family : "arial", helvetica, sans-serif;
	color: #C0C0C0;
}

.bd_small { /* bold small typeface */
  	font-weight: bold;
  	font-size : 11px;
	font-family : "arial", helvetica, sans-serif;
	color: #CC0000;
}

/* main <p> setting */
p { 
  /*border-top: 1px solid #fff; */
  font-size: 10.5px;
  font-family: "arial", helvetica, sans-serif;
} 

/* white */
.p_white { 
	
	 border-top: 1px solid #fff;
  	 font-size: 10.5px;
     font-family: "arial", helvetica, sans-serif;
     color: #ffffff;
} 

/* p_white <a> settings */
.p_white a {
	color: #FFFF00;
	text-decoration:underline;
}

.p_white a:hover {
	color:#CCFFCC;
	text-decoration:none;
}

/* white */
.p_red { 
	padding : 10px;
	margin : 0;
	font-family : "arial", helvetica, sans-serif;
	font-size : 12px;
	text-align : justify;
	color: #FF0000;
} 

/* p_white <a> settings */
.p_red a {
	color: #666699;
	text-decoration:underline;
}

.p_red a:hover {
	color:#993366;
	text-decoration:none;
}


/* main <img> setting */
img { 
	border : 0;

} 

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* main <h1> setting */
h1 { 
	display : none;
} 

/* main <h2> setting */
h2 { 
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: -8px;
	font-size : 15px;
	font-family : "arial", helvetica, sans-serif;
	color : #3F558F;
} 

h3 { 
	padding : 8px;
	font-size : 11px;
	font-family : "arial", helvetica, sans-serif;
	color: #969696;
} 


/* main <a> settings */
a {
	color: #000080;
	text-decoration:underline;
}

a:hover {
	color:#0000FF;
	text-decoration:none;
}

/* main <blockquote> settings - grey box and black text */
blockquote {
	margin:1em;
	padding:.5em;
	font-size:.9em;
	background-color:#cccccc;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

blockquote p {
	margin:.2em;
}

/* footer settings */
#footer {
	width : 100%; /* as expandable to screen set this at 100% */
	clear: both;
	height: auto;
	background-color: #7E8C9C;
    border-bottom: 1px solid #E60000;
}

#footer p {
	color:#ffffff;
	text-align: center;
}

.the_archers{
 margin-top: 3px;
 text-align: center;
}

.lm {
 margin-left: 6px;
 line-height: 18px;
}

#footer a {
	color:#ffffff;
	text-decoration:underline;
	text-align: center;
}

#footer a:hover {
	color:#FFFF99;
	text-decoration:none;
	text-align: center;
}

/* back to menu settings */
body {
	font: normal 11px verdana;
}

/* disable print */
	@media print {body {display:none;}}
    
.tince { /* search forms */
color: #8080FF;
font-size: 9px;
}

.tince_out { /* search forms */
color: #8080FF;
font-size: 11px;
}

.tincesb { /* search forms search button*/
background-color: #00FF00;
font-size: 9px;

}

.tince_clock { /* search forms */
background-color: #7E8C9C;
color: #FFFFFF;
font-size: 9px;
}


.tsub { /* search forms */
background-color: #008080;
color: #fff;
font-size: 9px;
}

.smright { /* useful for aligning number values */
margin-right: 10px;
text-align: right;
}