div {margin-top: 0px; text-align:center;}

body {margin: 0px;}

body {font-family:"Times New Roman", Times, serif;} 



.Event_RRND {COLOR: red;text-align:left;font-weight: bold ;}
.Event_ClubNight {COLOR: #990000;text-align:left;}
.Event_SC {COLOR: #006600;text-align:left;}
.Event_Star {COLOR: #0000ff;text-align:left;}
.Event_Beginer {COLOR: orange;text-align:left;}
.Event_Other {COLOR: Black;text-align:left;}

.clear {clear:both;}

#Banner{
position: absolute;
top: 0px;
left: 0px; 
right: 0px; 
width: 100%; 
height: 115px; 
 
border:none;
overflow:hidden;
}





#content {

position: absolute; 
top: 0px; 
left: 0px; 
right: 0px;
width:100%; 
height:60%;

border:none;

}



a:link {FONT-SIZE: 15px; COLOR: blue;  TEXT-DECORATION: underline;}
a:visited {FONT-SIZE: 15px; COLOR: blue; TEXT-DECORATION: underline;}
a:hover {FONT-SIZE: 15px; COLOR: grey; TEXT-DECORATION: none;}

.alert {border: thick ridge silver;width:250px;margin-left: auto;margin-right: auto;margin-bottom:10px;	border-radius: 8px;}

.alertright1 {border: thin ridge #FFD700;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:3px;background: url('sky.jpg');clear: right;}

.alertright {border: thin ridge #FFD700;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:3px;background: url('blackboard.png');clear: right;}



.alertleft {border: thin ridge #FFD700;width:100px;float:left;margin-left:5px;margin-right:5px;margin-Top:15px;font-size:16px;padding:3px;background: url('sky.jpg');clear: left;}

.boxedleft {border: thick ridge silver;width:100px; float:left;margin-left:5px;margin-right:5px;font-size:16px;padding:2px;background: url('sky.jpg');clear: left;}
.boxedright {border: thick ridge silver;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:2px;background: url('sky.jpg');clear: right;}



.alertright2 {border: thick ridge #FFD700;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:3px;background: url('sky.jpg');clear: right;}
.alertleft2 {border: thick ridge #FFD700;width:100px;float:left;margin-left:20px;margin-right:5px;font-size:16px;padding:3px;background: url('sky.jpg');clear: left;}

.boxedleft2 {border: thick ridge silver;width:100px; float:left;margin-left:20px;margin-right:5px;font-size:16px;padding:2px;background: url('sky.jpg');clear: left;}
.boxedright2 {border: thick ridge silver;width:100px;float:right;margin-left:5px;margin-right:20px;font-size:16px;padding:2px;background: url('sky.jpg');clear: right;}

h1 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}
h3 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}
h4 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}
h2 {color:black;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}

.headerDisc {color:black;font-size:16px;text-align:center;padding:0px 0px;text-decoration:none;}

.itemName {color:black;font-size:16px;text-align:center;padding-top:18px;text-decoration:underline;}
.itemCost {color:#1C1D1C;text-align:center;padding-top:18px;text-decoration:none;}
.itemDisc {color:#1C1D1C;font-size:14px;text-align:center;padding-bottom:1px;;padding-left:20px;padding-right:20px;text-decoration:none;}

.text {color:black;font-size:14px;text-align:justify;padding:8px 20px; margin:3px;}

.picture {margin-left:20px;margin-right:20px;margin-top:10px;clear:both;}
.picture2 {float:left;margin-left:20px;margin-right:20px;}

.pictureRight {float:right;margin:0px 20px 20px; }
.pictureLeft {float:left;margin:0px 20px 20px;}

.pict {text-align:center;}


#About {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}


#About .listText{color: #202020;font-size:14px;text-align:left;padding-top:18px;text-decoration:none;}
#About ul{padding-left:40px; padding-right:20px;}

#Alert .headerDisc {font-size:16px;margin:10px;text-align:center;}
#Alert {margin-left:auto;margin-right:auto;}
#Alert .text{margin-left:30px;margin-right:30px;}

#Bannerxmas {background: white url('snowtop.jpg');}

#Banner .picture {margin: 5px 5px;clear: none;}
#Banner .pictureLeft {margin: 5px;clear: none;}
#Banner .pictureRight {margin: 0px 5px;clear: none;}
#Banner .text {text-align:center;margin:0px; padding:0px;}
#Banner .wrap {min-width:400px;margin-left:auto;margin-right:auto;}
#Banner .wrap .text {font-size:14px;}





#Banner .pictureLeft, .pictureRight{
  transition:all 4s ease-in-out;
  perspective: 800px;
  perspective-origin: 50% 100px;
}
#Banner .pictureLeft:hover, .pictureRight:hover  {
  transform:rotatez(360deg) scale(0.7);
  transform1:scale(2) ;
	opacity1:0;

}



@media (max-width: 900px) 
  {
   #Banner .picture {max-width:400px;}
  }



   @media  (max-width: 650px) 
    {
      #Banner .picture {max-width:250px;}
    }

     @media  (max-width: 500px) 
      {
        #Banner .picture {max-width:150px;}
	#Banner	.SMedia {top:65px;}
	#Banner	.SMedia img {width:20px;}
      }



#Contact {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Contact .text {margin-right:auto;margin-left:auto;text-align:center;width:60%;font-size:12px;}
#Contact .itemName {text-decoration:none;font-weight: bold; padding-top:35px;}




#Committee {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}



#Committee .headerDisc {font-size:16px;text-align:left;margin:10px;}
#Committee .itemName {text-decoration:none;}
#Committee .navigation {left: 0px; right:0px;margin-left: auto;margin-right: auto;}


#For_sale {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#For_sale .text {text-align:center;FONT-SIZE: 12px;margin-bottom:0px;padding: 25px 0px 0px 0px; }
#For_sale .headerDisc {text-align:center;margin:5px  5px  5px  15px;}
#For_sale .itemName {text-align:center;text-decoration:none;}
#For_sale .picture2 {float:left; margin:20px;}
#For_sale .picture {clear:none; max-width:90%;}

#For_sale .pictureRight {float:right;margin-right: auto; }
#For_sale .pictureLeft {float:left;margin-left: auto;}



#Gallery  .itemName {text-align:center;font-size:18px;text-decoration:none;margin-top:10px;}
#Gallery  .url {text-align:center;}
#Gallery  .itemDisc{text-align:center;}
#Gallery  .text{text-align:center;}
#Gallery  .navigation {left: 0px; right:0px;margin-left: auto;margin-right: auto;}



#Home 	.headerDisc {padding-bottom:10px;font-size:20px;}
#Home	h1 {  padding-bottom: 0px; }
#Home	h3 {  padding-bottom: 0px; }
#Home	h2 { font-size:18px;}

#Home	.picture3 {clear:none; float:left;margin:10px 30px 10px 100px;}
#Home	.picture { margin-left:auto;margin-right:auto;margin-top:0px;}

#Home	.pictureRight {margin-right:0px;}
#Home	.pictureLeft {margin-left:0px;}
#Home	.itemName {text-decoration:none;font-weight: bold; font-size:18px;padding-top:35px;padding:10px;}
#Home	.URL{padding:7px;}
#Home	.itemDisc{padding:7px;margin-left:25px;margin-right:25px;}
#Home	.wrap { border: thick ridge silver;   margin-left: 100px;margin-right: 100px; background:Khaki ; }
#Home	.wrap .itemDisc{padding:4px;}
#Home	.alert {padding:6px;}

#Home	img{width:80%;max-width:460px;}


#Index {
position: relative; 

top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;

}

#Index	.headerDisc {padding-bottom:10px;font-size:20px;}
#Index h1 {  padding-bottom: 0px; }
#Index	h3 {  padding-bottom: 0px; }
#Index	h2 { font-size:18px;}

#Index	.picture3 {clear:none; float:left;margin:10px 30px 10px 100px;}
#Index	.picture { margin-left:auto;margin-right:auto;margin-top:0px;}

#Index	.pictureRight {margin-right:0px;}
#Index	.pictureLeft {margin-left:0px;}
#Index	.itemName {text-decoration:none;font-weight: bold; font-size:18px;padding-top:35px;padding:10px;}
#Index	.URL{padding:7px;}
#Index	.itemDisc{padding:7px;margin-left:25px;margin-right:25px;}
#Index	.wrap { border: thick ridge silver;   margin-left: 100px;margin-right: 100px; background:Khaki ; }
#Index	.wrap .itemDisc{padding:4px;}
#Index	.alert {padding:6px;}

#Index	img{width:80%;max-width:460px;}


#Links {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Links .URL{margin-top:30px;}
#Links .headerDisc {text-align:center;margin-left:40px;margin-right:40px;}

#Links	img{max-width:90%;}

#Mag	{
position: relative; 
top:1px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Mag1 	{margin-left: 30px;margin-right: 30px;	}
#Mag	.picture { margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;}

#Mag  .itemName {text-align:center;font-size:18px;text-decoration:none;margin-top:10px;}
#Mag  .URL {padding-bottom: 5px;}
#Mag  .itemDisc{text-align:center;padding-bottom: 5px;}
#Mag .navigation {left: 0px; right:0px;margin-left: auto;margin-right: auto;}


#Membership td {padding:10px 20px;width:30%;}



#Membership {
position: relative; 

top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;

}

#Pageindex #menu {
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
background1:red;
}

#Pageindex{
position: absolute;
top: 100px; 
left: 0px; 
right: 0px;
width1:100%; 
height:80px;

border:none;

}
#Pageindex ul { list-style-type:none; margin:0; padding:0; } 

#Pageindex li {  display:inline-block; padding: 1px 0px; margin:2px 3px; }

#Pageindex a:link { COLOR: blue;}
#Pageindex a:visited { COLOR: blue; }
#Pageindex a:hover { COLOR: black; background: linear-gradient(to bottom, rgba(179,190,173,1) 0%, rgba(252,255,244,1) 100%);}




#Pageindex a {FONT-SIZE: 16px;
	padding: 2px 8px;
	border-radius: 3px;
	margin:0px;
	border: 1px solid #000000;
	TEXT-DECORATION: none;
	background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(179,190,173,1) 100%); /* W3C */

	box-shadow: 4px 4px 3px rgba(0,0,0,.5);

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */
}




#Results  {
position: relative; 
top1:170px;
top:1px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Results  .itemName {text-align:center;margin-top:10px;font-size:16px;text-decoration:none;}
#Results  .url {text-align:center;}
#Results  .itemDisc{text-align:center;}
#Results  .navigation {left: 0px; right:0px;margin-left: auto;margin-right: auto;}

#Score	{
position: relative; 
top:0px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Score	.headerDisc {text-align:left;padding:0px 0px;text-decoration:none;margin:10px;}

#Score	h2 {color:black;font-size:18px;text-decoration:none;text-align:left;padding-top:2px;margin:10px;}

#Score	table{margin-left: auto;margin-right: auto;border:2px solid grey;margin: 20px;}
#Score	td{border:1px;padding: 0px;}
#Score	.col1{width:30%;}
#Score	.col2{width:65%;}


#southcoast	{
position: relative; 
top:0px;
left: 0px; 


text-align:center;
margin-bottom:50px;
}
#southcoast	table{margin-left: auto;margin-right: auto;}
#southcoast td{border:1px;padding: 0px;text-align: center;}


#SideBar {position:absolute;left:0px;top:80px;}



.SMedia {
float:right;
position:absolute;
top:5px;
right:100px;
}

.SMedia img{
width:25px;
margin:0px 3px;
}


#Whats_on {
position: relative; 
top:170px;
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Whats_on h3{margin-top:30px;}
#Whats_on h1{margin-top:30px;}
#Whats_on .itemName2 {float:left;  text-align:left;margin-left:10px;text-decoration:none;width:90px;}
#Whats_on .itemDisc{text-align:left;margin:5px 0px 10px 110px;}
#Whats_on .itemDisc2{text-align:left;margin:5px 0px 10px 110px;}
#Whats_on .text{font-size:18px;text-decoration:none;text-align:center;}
#Whats_on table{text-align:left;}

#Whats_on	.wrap { border: thick ridge silver;   margin-left: 110px;margin-right: 10px; margin-bottom:25px;background:Khaki ; }
#Whats_on	.wrap .itemDisc2{margin-left:45%;}



.navigation {
background:silver ;
padding-top:1px;
display:inline-block;
color:#393833;
font-size:14px;
padding:2px 8px;

	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */


}


.subMenu a {color:black;text-decoration:none;}
.subMenu a:hover {color:white;text-decoration:none;}


.subMenu12 {FONT-SIZE: 14px;}

.returnright {float:right;display:inline;background:silver;margin-right:20px;}
.returnright a {color:black;text-decoration:none;}
.returnright a:hover {color:white;text-decoration:none;}

.heading {clear:both;}