/* CSS for Coastal Spirirt Fc temporary website */

body { /*general page colours and border */
    color: #000000; /*black text*/
	background-color: #ffffff; /*white background*/
	border: 1px solid #99ccff; /*thin sky blue solid border*/
	}
	
#col1 {/*layout for about section */
	float:left; /* column on left hand side of page */
	width: 49%;
	border: 1px solid #99ccff; /*thin sky blue solid border*/
	padding: 0.1em;
	}

#col2 {/*for rh column on home page*/
	float:right; /* column on right hand side of page */
	width:49%; 
	border: 1px solid #99ccff; /*thin sky blue solid border*/
	padding:0.1em;
	} 
	
.feature{ /*position of feature item on home page */
	clear:right; 
	}

#contact1 { /* for contact section on contact page */
	width:99%; 
	border: 1px solid #99ccff; /*thin sky blue solid border*/
	padding: 0.1em;
	} 

#technical{ /* for technical details of website in page footer */
	clear:both; 
	border: 1px solid #99ccff; /*thin sky blue solid border*/
	font-size: smaller;
	}
		
h1, h2, h3 {
	font-family: Georgia, Verdana, Arial, sans-serif;;
	padding-left:0.5em;
	padding-right:0.5em;
	vertical-align: middle;
	color: #000000; /*black*/
	background-color:#ffff99; /*yellow*/
	border: 1px solid #000000; /*black*/
	}

 p, li{
	font-family: Verdana, Arial, sans-serif;
	padding-left:0.5em;
	padding-right:0.5em;
	font-size: smaller;
	font-weight: normal;
	padding-bottom:0.5em;
	}

h1{
	 font-size: xx-large;
	 white-space: nowrap; /* heading text doesn't wrap unless a line-break is explicitly defined */
	 margin-left: 90px; /*forces top heading to right of logo*/
	 padding-left: 0.5em;
	 height: 87px; /*determined by height of logo image */
	}

h2{
	font-size: smaller;
	font-weight: bolder;
	}
	
h3{
	font-size: smaller;
	font-weight: bolder;
	}	
	
img {border: none;}	/* no border around images */

.csslogo img { /*class for css validation logo */
	border:0;
	width:88px;
	height:31px;
	}
	
.cslogolarge{ /*positioning for large CSFC logo */
	float: right; 
	padding-right: 0.5em;
	}	

#header img {
	float: left; /* positions image to left of headline */
	padding: 0 0.5em; 
	} 
	
#header {
		clear:both; 
		width:100%; 
		}
			
.subhead {
	font-size: smaller; 
	font-style: italic;
	}

a:link{
	color: #3399ff; /* blue */
	background-color: #ffffff; /*white */
	font-weight: bolder;
	}

a:visited {
  	color: #000000; /*black*/
	 background-color: #ffffff; /*white*/
	}

#mainbody{
	position: relative;
	top: 0;
	left: 0;
	color: #000000; /*black*/
 	background-color: #ffffff; /*white*/
	}
	
th, td, tr, caption { /*presentation of table elements */
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	}

#tables caption{
font-size: 67%;
font-weight: bolder;
	}

.prefinaltable td {vertical-align: top;}

tr.tablecoastal  { /*colours for table rows featuring Coastal Spirit */
	color: #000000; /*black */
	background-color: #ffff00; /*gold */
	}	

#tables table{
	border: 1px solid #ffff00;
	margin: 1em;
	}	

.pretables tr, .pretables td, .pretables th{border: 1px solid #ffff00;} /*gold border*/

.leaguetables tr, .leaguetables td, .leaguetables th{border: 1px solid #ffff00;} /*gold border*/

.smalltext {font-size: 66%;}

#submit {font-size: 67%;}

.urgent{color: #ff0000; /*red*/
		background-color: #ffffff; /*white*/
		}