/*===========================

	BASIC HTML & FONTS 
	
	- define basic properties for HTML elements here
	- no classes or ID's allowed
	
===========================*/
a#keninglis, a#Frank_DeCarlo, a#rogerhunter, a#stevezahorec, a#agm2007 
{
        display: block;  
}
 
a#keninglis:hover, a#Frank_DeCarlo:hover, a#rogerhunter:hover, a#stevezahorec:hover {
        color: #fff;
	position: absolute; 
        width: 145px;
        height: 149px;
}
a#keninglis:hover{
   background: url(../images/keninglis.gif) no-repeat;
}

a#Frank_DeCarlo:hover {
   background: url(../images/Frank_DeCarlo.gif) no-repeat;
}

a#rogerhunter:hover {
    background: url(../images/roger1.gif) no-repeat;
}
a#stevezahorec:hover {
   background: url(../images/stevezahorec.gif) no-repeat;
}
a#spring2010:hover{
    position:absolute;
    width: 400px;
    height: 250px;
    background: url(../images/spring2010.gif) no-repeat;
}
a#run060511spring:hover{
    z-index: 9999;
    position:absolute;
    width: 450px;
    height: 375px;
    background: url(../images/run060511.gif) no-repeat;
}
a#run061911mosport:hover{
    z-index: 9999;
    position:absolute;
    width: 450px;
    height: 375px;
    background: url(../images/run061911.gif) no-repeat;
}
a#run060610:hover{
    position:absolute;
    width: 400px;

    height: 200px;
    background: url(../images/run060610.gif) no-repeat;
}
a#run072510:hover{
    z-index: 9999;
    position:absolute;
    width: 450px;
    height: 500px;
    background: url(../images/run072510.gif) no-repeat;
}
a#run080810:hover{
    z-index: 9999;
    position:absolute;
    width: 320px;
    height: 250px;
    background: url(../images/run082111.gif) no-repeat;
}
a#run082111:hover{
    z-index: 9999;
    position:absolute;
    width: 320px;
    height: 250px;
    background: url(../images/run082111.gif) no-repeat;
}
a#Colour_tour2011:hover{
    z-index: 9999;
    position:absolute;
    width: 400px;
    height: 220px;
    background: url(../images/Colourtour2011.gif) no-repeat;
}
a#FallAgm2011:hover{
    z-index: 9999;
    position:absolute;
    width: 400px;
    height: 220px;
    background: url(../images/AGM_fall_2011.gif) no-repeat;
}
a#SpringAGM2011:hover{
    z-index: 9999;
    position:absolute;
    width: 440px;
    height: 220px;
    background: url(../images/AGM_fall_2010.gif) no-repeat;
}

div.away li.newsletters a {
	background:  #00f /*url(../images/newsletters.jpg) no-repeat*/ ;
}

div.away li.forsale a {
	background: #0f0 /* url(../images/for sale.jpg) no-repeat */;
}
	
div.away li.runs a {
	background: #f00;
}
	
div.away li.links a {
	background: #888 /* url(../images/links.jpg) no-repeat */ ;
}
	
div.away li.tools a {
         background: #080 /*url(../images/tools.jpg) no-repeat */;
}

div.away li.membership a {
         background: #f80 /*url(../images/tools.jpg) no-repeat */;

h1, h2, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 20px;
	padding: 0;
}

h1 {
	color: #fff;
	margin: 10px 0px 5px 0px;
	padding: 4px 20px;
	background: #000;
}

h2 {
	font-size: 16px;
	margin: 10px 10px 5px 10px;
}
h3 {
	font-size: 18px;
        color: #00f;
	margin: 0px 0px 0px 0px;
}
h6 {
        width: 73%;
	color: #fff;
	margin: 10px 0px 5px 0px;
	background: #000;
}


#header {
	clear: both;
        height:  179px ;
 	background: #888;
	margin: 10px 10px 0px 0px;
}

#header img.logo-left {
	margin: 0px;
}

#header img.floatright {
	float: right;
	margin: 10px;
}

#header h1 {
	background: #000;
	color: #fff;
	padding: 3px 6px;
	margin: 10;
}

html, body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

img {
        border: 1px solid #fff;
}

img.left   {
     float: left;
     padding-right: 00px;
     padding-left: 10px;}	  

img.right  {
    float: right;
    padding-left: 0px;
    padding-right: 0px;
    display: inline;
}	
img.map {
	position: absolute; 
	top:5%;
	left:30%; 
	width:700px;
	height:330px;
	margin:270px 0px 0px -250px;
	border:1px solid #000;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 2px;
}

p {
	font-size: 12px;
	padding: 0;
}
p.brits {
	font-size: 18px;
	padding: 0;
} 
p.centre{
	font-size: 18px;
	padding: 0;
        width: 90%; 
}
p.theclub {
	margin: 0px 10px 10px 0px;
	width:65%;
}
td {
	border: 1px solid #999;
	padding: 4px;
}

th {
	background: #0f0;  
        color: #000; 
        font-size: 12px;  
	font-weight: bold;
	padding: 3px 0px;
	text-align: center;
	border: 2px solid #999;
}
table, th, td {
        background-color:#0f0; 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	border: 1px solid #999;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
table {
	border: 1px solid #999;
	margin: 0px 20px 30px;
}

table.schedule {
	background-color:#fff;  
        position: relative; 
	border: 1px solid #999;
	margin: 0px 0px 130px 0px;
        width: 75%;
}
table.officers {

	background-color:#fff;  
	border: 1px solid #999;
	margin: 0px 0px 30px 0px;
        width: 75%;
} 
table.members {
	
	background-color:#999;  
	border: 1px solid #000;
	margin: 0px 0px 0px 0px;
        
table.brits {
	border: 1px solid #999;
	margin: 0px 0px 30px 0px;
        width: 49%;
        float: right;
        font-size: 20px;
} 
table.brits1 {
	border: 1px solid #999;
	margin: 0px 0px 30px 0px;
        width: 49%;
        font-size: 20px;
        float: left;
}
table. membership {
	  
        border: 2px solid #ff0; 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	border: 3px solid #999;
	padding: 1;
	text-align: left;
	vertical-align: top;
}
table,tools.td {
	background-color:#fff;  
	font-size: 14px;
        position: relative; 
	border: 1px solid #999;
	margin: 0px 0px 130px 0px;
        width: 75%;
}



ul.tab {
	height: 24px;
        padding-left: 10px;
}

}/*===========================

	Page Styles 
	
	- define basic page structure here
	
	
===========================*/
#brits {
 	background: #fff;
 	clear: both;
	color: #000;
        font-size: 24px; 
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 18px;
}
#bodytext {
        padding-right: 20px;
        width: 75%;
	margin: 2px 0px 0px 25px;
	font-size: 16px;
}

#center {
         Float: center;
}
#directions2 {
        Float: right;
        width: 50%;
        padding-left: 5px;
}

#directions1 {
        Float: left;
        width: 45%;
        padding-right: 5px;
}

#executivepicture {
        width: 100%;
	text-align: center;
	margin-top: 50px;
}
#floatright {
        Float: right;
}	

#footer {
 	background: #fff;
 	clear: both;
	color: #fff;
	margin: 10px 15px 20px 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

#footer span {
	color: #fff;
	font-size: 11px;
}

 #infotheclub {
        border: 1px solid #fff;
        width: 65%; 
	background: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 100px;
}

#lindsaymap {
        margin: 20px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        width: 55%;
}
 #newslinks {
        border: 1px solid #fff;
        width: 20%; 
        height: 990px;
	background: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 1px;
}

#printing {
	border:  1px solid #fff;
	margin: 0px;
	padding: 0px;
        text-align: center;  
} 
  
#runhtml {
    	text-align: center;
        width: 100%;
	font-size: 14px;

}
 #runs {
        border: 1px solid #fff;
        width: 20%; 
        height: 990px;
	background: #fff;
	float: right;
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 1px;
}

#slideshow {
        border: 1px solid #fff;
        width: 50%; 
 	background: #fff;
	float: left; 
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 1px;
}

span.floatright {
	float: right;
}
#wrapper {
	border:  1px solid #fff;
	margin: 2px;
/* 	padding-top: 50px;
       width: 98%;
      float: right; */
}