body {
	margin-left: 10px;
	padding:0;
	font-size: 16px;
	}

	/*
p,div { 
        margin-left: auto;
        margin-right: auto;
        width:100%;}
 */

.clear { clear: both;}

.clubname 
        {
        color:red;
        font-size: 150%;
        padding: 10px;
        font-weight: bold;
        }
.notice 
        {
        color:orange;
        font-size: 200%;
        padding: 10px;
        font-weight: bold;
        }
.pageheader {margin-left: auto;
     margin-right: auto;
     width:100%;
     font-size:150%;
	 font-weight: bold;
	 }

.header {margin-left: 20px;
     margin-right: auto;
     width:100%;
     font-size:175%;
	 font-weight: bold;
	 }

.header2 {margin-left: 20px;
     margin-right: auto;
     width:100%;
     font-size:150%;
	 font-weight: bold;
	 }

/* */
p { margin-left: 20px;
	padding-left: 0px; 
	font-size: 150%;
	}


/* */
ol li  {
   padding-left: 10px;
   margin-left: 20px;
	font-size: 150%;
}
ul li  {
   padding-left: 10px;
   margin-left: 20px;
	font-size: 100%;
}

ul, ol {
   margin-left: 20px;
   padding-left: 20px; 
}
.text1 { 
		float:left; 
		padding: 10px;
		margin-left: 20px;
		margin-right: 40px;
}


.intro
    {
    /* font-size:18px; */
	 margin: 20px;
	 padding: 0px;
    }

	
.intro2 {
	font-size: 125%;
}
  

.item {

   width: 20em;

    text-decoration: none;

    color: white;

    background-color: Thistle;

    padding: 0.2em 0.6em;

    border-right: 1px solid white;
    
    font-size: 200%;

}


.logo {
		padding: 18px;
		float:left;	
	}

.image1 { padding: 10px }

.image2 {
		float: left;
		padding: 10px }

.item:hover {

    background-color: blue;

}

.text2  {
		padding: 10px;
	}