body { margin: 0; padding: 0; text-align: center; background: #fff}





/* Below:  All these are global styles applied to everything.  However, they can be overwritten later in the CSS */

* {margin: 0; padding: 0; border: 0; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #000 }





/* main nav */





/* Layout */



#container { /* the container contains all the divs and makes sure they are centrally aligned.  Note that IE uses the text-align: center; in the body to align everything centrally */

	margin: 0 auto; 

	width: 770px; 

	background: url('images/logoweecreekersw250px.jpg') no-repeat top left;

	}



#navarea { width: 770px; height: 50px; background: transparent } /* This div allows an area for the main navigation tabs */



#hdr {  /* header/banner area */

	width: 770px;

	height: 90px;

	background:  transparent

}



#lftcol {  /* left column showing the extra info on the left side of the main column */

	float: left;

	width: 200px;

	background: transparent

}



#maincol {  /* main column where the main text etc is located */

	float: right;

	width: 570px;

	background: rgb(102,179,255)

}



#footercol {  /* footer column */

	float: right;

	width: 570px;



}





#bttmbar {  /* bottom bar  */

	float: right;

	width: 570px;

	height: 30px;

	background: url('images/bttm.gif') no-repeat; /* Adds the rounded corner image to the bottom */

	overflow: hidden

}



span#footer {

   margin-right: 20px;

   float: right;



	text-align: center;

	font-size: 10px;

	color: #000;

}



span#copyright {   /*styles for the copyright text */

	margin-right: 20px;

	float: right;

	text-align: right;

	font-size: 9px; 

	color: #000;

}



/* Text styles */



/* Below is the style for the main site title */  





#sitetitle { /* Styles for the main site title - trying to mimic the font in the logo */

	position: relative;

	top: 13px;  /* shifts text into exact position */

	left: 280px;  /* shifts text into exact position */

	font-family: Impact, Ariel, agency;

	font-size: 36px;

	line-height: 40px;

	font-weight: 500;

	color: #000;

	letter-spacing: 3px /* spaces out the letters a bit */

	}

	

#subtitle {  /* Styles for the sites subtitle */

	position: relative;

	top: 16px;  /* shifts text into exact position */

	left: 390px;  /* shifts text into exact position */

	font-family: Impact, Ariel, agency;

	font-size: 24px;

	font-weight: normal;

	line-height: 18px;

	color: #000;

	}



#maincol p { 

  color: #000; 

  margin: 10px 20px 5px 30px; 

  text-align: justify; 

  }  /* paragraph text in the main column */

  

#motto {

  font-family: Comic Sans MS, Arial, sans-serif;

  font-style: italic;

  text-align: center;

  font-size: 1.2em;

}



#maincol h1 {

	margin: 15px 10px 5px 10px;

	font-size: 20px;

	font-weight: bold;

	font-family: Comic Sans MS, Arial, sans-serif;

	color: #000;

	 }

	 

#maincol h2 {

	margin: 15px 10px 5px 20px;

	font-size: 16px;

	font-weight: bold;

	font-family: Comic Sans MS, Arial, sans-serif;

	line-height: 19px; 

	color: #000;

	 }



#maincol h3 {

  font-size: 1.2em;

  font-weight: bold;

  font-family: Comic Sans MS, Arial, sans-serif;

  text-decoration: underline;

}



#maincol h3 { color: #000; margin: 5px 20px 5px 30px; letter-spacing: 0px; font-weight: bold }



#maincol a:link, #maincol a:visited {   /* These are the styles for the Main column links */

	color: #000;

	text-decoration: none;

	text-align: left;

}



#maincol a:hover, #maincol a:active {

	color: #FFF000;

	text-decoration: none;

	text-align: left;

}



#lftcol a:link, #lftcol a:visited {   /* These are the styles for the left column links */

	padding-left: 11px;

	color: #000;

	font-family: Comic Sans MS, Arial, sans-serif;

        text-decoration: none;

	text-align: left;

	font-weight: bold;

}

	

#lftcol a:hover, #lftcol a:active {    /* These are the styles for the left column links */

	padding-left: 11px;

	color: #FFF000;

	font-family: Comic Sans MS, Arial, sans-serif;

	text-decoration: none;

	text-align: left;

	background: url('images/lftlinkarrow.gif') no-repeat 0% -280%;

}

	

	

.leftcolbox h1,h2,h3 {   /* Titles in the left column */

	font-family: Comic Sans MS, Arial, sans-serif;

	margin: 0 15px 12px 15px;

	font-weight: bold;

	color: #fff;

	letter-spacing: 0;

	font-size: 11px;

	line-height: 14px;	

}



/* Main Nav */



#nav   /* Main nav */

{

	float: right;

	margin-top: 27px;

	white-space: nowrap;

}



#nav li  /* Main nav list items */

{

	font-size: 12px;

	float: left;

	list-style: none;

	line-height: 21px; /* height of the tab */

	text-align: center

}



#nav a {   /* Main nav styles for all links */

	font-size: 12px;

	padding-left: 7px;

	padding-right: 8px;

	display: block; /* Although a block suggests a vertical list, the float: right; property under #nav li causes the menu to float to an inline position */

	margin-right: 8px;

	width: 90px;

	height: 21px;

	line-height: 23px; /* height of the tab */

	text-decoration: none;

	text-align: center;

	 }



#nav a:link, #nav a:visited  /* Main nav link and visited states */

{

	color: #1C44BC; 

	border-bottom: 2px solid #8599D4;

	background: #B2C2F4;

}



#nav a:hover, #nav a:active /* Main nav hover and active states */

{

	color: #FFF000; 

	border-bottom: 2px solid #1C44BC;

	background: #1C44BC;

}



/* Other styles */



div.rule {

	margin: 0 0 10px 30px;

	width: 500px;

	height: 30px;

	background: url('images/tinyfishline.gif');

	border: 0;

	clear: both;

}



div.leftcolbox {  /* Use this to create one of the boxes in the left column */

	padding: 0 0 0px 0;

	margin: 15px;

	width: 170px;

	background: url('images/leftboxbottom.gif') no-repeat bottom rgb(51,204,102);

	overflow: hidden;

	}

	

div.leftcolboxtop { /* This div adds the top rounded corners of the box.  The bottom is included in the leftcolbox div as the background image */

	height: 10px;

	width: 170px;

	background: url('images/leftboxtop.gif') no-repeat top;

}

	

.leftcolbox p {   /* text style for left col boxes */

	margin: 0 15px 12px 15px;

	font-size: 11px;

	line-height: 16px;

	color: #fff;

}



#maincol table {   /* styles main area tables */

        float: right;

        clear: right;

	margin: 5px 20px 20px 20px;

	border-width: thin thin thin thin;

	border-style: solid solid solid solid;

	border-color: black black black black;

	border-collapse: collapse;

}



#maincol TR, TD {

  	border-width: 1px 1px 1px 1px;

	padding: 5px 5px 5px 5px;

	border-style: inset inset inset inset;

	border-color: black black black black;

	text-align: center;

}



#maincol TR#rowheader {

        font-weight: bold;

        background-color: #edae22;

    }



TR#row1 {

    font-weight: bold;

    }



TD#greyout {

    color: grey;

    }

    

TD#col1 {

    text-align: left;

}



.picturetable {

  clear: both;

  margin: auto;

}



td#picture {

  border-width: 0px;

  padding: 5px 5px 5px 5px;

  border-style: hidden hidden hidden hidden;

  text-align: center;

  font-size: 10pt;

  font-family: Verdana, Arial, sans-serif;

}