/*

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: 960px;
}

.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:650px;
position: relative;
top: 0px;
left: 190px;
}

#topdecor {
visibility:visible;
background:url('../images/welcome1.png');
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: 150px;
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:650px;
height:20px;
top:8px;
left:80px;
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: 610px;
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: 840px;
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%;
}