/* 

	SB Style Sheet
	Styles arranged roughly in order of appearance on a standard page

	Commonly Used colours:
	
	Light Blue:  #87CEFA
	Dark Red:    #CC0000
	Dark Blue:   #000099

	Font Families
	These are designed to give similar results on Windows, Mac & Linux
	
	Arial
	font-family: "Liberation Sans", "Nimbus Sans L", "Arial", "Helvetica", sans-serif;
	
	Verdana
	font-family: "Bitstream Vera Sans", "DejaVu Sans", "Verdana", sans-serif;
	
	Times
	font-family: "Liberation Serif", "Times New Roman", "Times", "FreeSerif", "Nimbus Roman No9 L", serif

*/

/* Standard Items
   Appear on all pages */
   
   
#container {
	font-family: 'Liberation Sans', 'Nimbus Sans L', "Arial", "Helvetica", sans-serif;
	text-align: left;
	position: relative;
	width: 800px;
}

.center {
	margin: auto;
}

#leftframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	overflow: hidden;
}

#sidemenu {
	background-color: #87CEFA;
	padding-bottom: 0.2em;
	width: 190px;
}

#sidemenu ul {
	position:relative;
	top: 0px;
	width:180px;
	overflow:hidden;
	z-index:1;
	top: 0px;
	margin-left:10px;
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#sidemenu li {
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	margin-top: 5px;
	line-height: 1.2em;
}

.textleftmain {
	text-align: center;
	color: #87CEFA;
	background-image: url('../images/textopt.gif');
	background-repeat: no-repeat;
	height: 20px;
	width: 172px;
	padding-top: 2px;
	cursor: default;
	text-decoration: none;
}
.textleftsec {
	color: red;
	text-align: left;
	margin-left: 10px;
	cursor: default;
}
.textleftsec a {
	text-decoration:none;
	color: white;
}
.textleftsec:hover a {
	text-decoration:none;
	color:#000099;
}



#centerframe {
	width:490px;
	position: relative;
	top: 0px;
	left: 190px;
}

#topdecor { 
    visibility:visible;
    background:url('../images/welcome.gif');
    background-repeat: no-repeat;	
    text-align: right;
    height:150px;
    
}
#greeting {
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;
    color: white;
}

#greeting a {
	color: #000099;
}


#title {
	position:absolute;
	width:300px;
	height:30px;
	top: 120px;
	left: 70px;
	font-size: 18px;
	font-family: "Bitstream Vera Sans", "DejaVu Sans", "Verdana", sans-serif;
	font-weight: bold;
	color: white;
	padding-top: 2px;
	text-transform:uppercase
}

#subtitles {
	position:relative;
	width:490px;
	height:20px;
	top:8px;
	left:0px;
	z-index:5;
	padding-bottom: 5px;
}

.subtitle {
	position:relative;
	width:121px;
	height:20px;
	color: #000099;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
	float: left;
	display: block;
}

.subtitle.s1 {
	left: 70px;
	 background-image:url('../images/subtitle1.gif'); 
}

.subtitle.s2 {
	left: 70px;
	background-image:url('../images/subtitle2.gif');
}
.subtitle.s3 {
	left: 70px;
	background-image:url('../images/subtitle3.gif');
}

.subtitle a {
	color: white;
	text-decoration:none;
}

#content {
	display: block;
	position: relative;
	padding-top: 15px;
	left: 20px;
	width: 450px;
	font-size: 15px;
	line-height: 1.2;
	color: black;
}

/* Suppresses top margins on elements that have them by default (ie. headings)
   if they're the first element in the document.
   This means that all pages should start at the same height */
#content *:first-child {
	margin-top: 0;
}



/*Used for timestamps at the bottom of a page*/
div.update_time {
    text-align:left;
    font-size:10px;
}

#rightframe {
	width:120px;
	position: absolute;
	left: 680px;
	top: 0px;
}
#culogo1 {
	position: relative;
	visibility:visible;
	width: 120px;
	height: 100px;
	z-index:1;
	border: 0;
}

.newsbox {
	
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #CC0000;
	background-color: #87CEFA;	
	text-align: center;
	
	padding: 10px;
	margin-top: 10px;
}

a.redlink {
	text-decoration:none;
	color:#CC0000
}

#practicetimes {
	font-size: 11px;
	line-height: 12px;
	color: black;
	font-weight: normal;
	text-align: left;
}

#footer {
	left:  190px;   /* = width of rightframe  */
	width: 490px;  /* = width of centerframe */
	clear: both;
	position: relative;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration:none;
	color:#000099;
	font-size: 10px;
}

#footer a {
	text-decoration:none;
	color:#000099;
}
#footer a:hover {
	text-decoration:underline;
}

/* Additional Styles
	Useful on a number of different pages, but not essential for all*/

/* Makes sure the "@" sign is a good size */
img.at, img[alt=-at-] {
	height: 0.8em;
	width:  0.8em;
	vertical-align: baseline;
}

/* Corners */
/* Ugly excess of styles as IE6 doesn't support class chaining */
.rcorners {
	position: relative;
	height: 1%; /* IE6 Hack */
}
.corner {
	position:absolute;
	overflow:hidden;
}
.corner-nw {
	left:0px;
	top:0px;
}

.corner-ne {
	right:0px;
	top:0px;
}

.corner-sw {
	left:0px;
	bottom:0px;
}

.corner-se {
	right:0px;
	bottom:0px;
}

.corner-r6 {
	width:6px;
	height:6px;
}
.corner-r6-nw {
	background-image:url('../images/corners/white6nw.png');
}
.corner-r6-ne {
	background-image:url('../images/corners/white6ne.png');
}
.corner-r6-sw {
	background-image:url('../images/corners/white6sw.png');
}
.corner-r6-se {
	background-image:url('../images/corners/white6se.png');
}

.corner-r10 {
	width:10px;
	height:10px;
}
.corner-r10-nw {
	background-image:url('../images/corners/white10nw.png');
}
.corner-r10-ne {
	background-image:url('../images/corners/white10ne.png');
}
.corner-r10-sw {
	background-image:url('../images/corners/white10sw.png');
}
.corner-r10-se {
	background-image:url('../images/corners/white10se.png');
}

.corner-r18 {
	width:18px;
	height:18px;
}
.corner-r18-nw {
	background-image:url('../images/corners/white18nw.png');
}
.corner-r18-ne {
	background-image:url('../images/corners/white18ne.png');
}
.corner-r18-sw {
	background-image:url('../images/corners/white18sw.png');
}
.corner-r18-se {
	background-image:url('../images/corners/white18se.png');
}

.corner-r20 {
	width:20px;
	height:20px;
}
.corner-r20-nw {
	background-image:url('../images/corners/white20nw.png');
}
.corner-r20-ne {
	background-image:url('../images/corners/white20ne.png');
}
.corner-r20-sw {
	background-image:url('../images/corners/white20sw.png');
}
.corner-r20-se {
	background-image:url('../images/corners/white20se.png');
}

/* Used to hide forms used for submisson of unknown data */
#content .hiddenformholder {
	display: none;
}

.inlineblock {
	display: inline-block;
}
/* Used to refer to past reports or results on previous websites */
.texthist {
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	text-transform: none;
	text-align: center;
	background-image: url('../images/histback.gif');
	background-repeat: no-repeat;
	height: 35px;
	width: 280px;
	padding-top: 8px;
	margin-top: 20px;
}

/* Renders the individual items on reportsindex, lhistory & gallery
   & section headings in newsindex */
.textleague {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	text-transform: none;
	text-align: left;
	color: #87CEFA;
	background-image: url('../images/cleaguehist.gif');
	background-repeat: no-repeat;
	height: 20px;
	width: 280px;
	padding-top: 1px;
	cursor: default;
	text-decoration: none;
}

/* Used to style tournament reports */
div.top_border{
    background:url('../images/topbar1.gif');
    height:30px;
    width:100%;
}

div.bottom_border{
    background:url('../images/bottombar1.gif');
    height:30px;
    width:100%;
}