body {
  border-width: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}
p {
    margin-bottom: 1em;
    padding-bottom: 1em;
}

ul{
 margin: 0 0 1em 2em;
 padding: 0 0 0 0;
}


form input, select, textarea{ 
  color : #2B4157; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #F5F8FB;
  border: 1px solid #d0dfef;  
}


td.center{
 text-align: center;
}

h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

table#randomPhoto {
  border: 1px solid black;
  background-color: #eeeeee;
}


#header {
  background-image: url(../images/lmc_skyline2.jpg);
  background-repeat: repeat-x;
  height: 130px;
  padding: 15px 0 0 15px;
  margin-bottom: -15px;    
}

#header .logolink {
  float: left;
  padding: 0;	
}
#header .logolink img {
  border: 0;
  vertical-align: bottom;
}
#header h1 {
  margin: -5px 0 0 0; 
  padding: 0 0 0 1em;  
  font-size: 3em;
  float: left;
}
#header h1 a {
  text-decoration: none;
  color: #010066;
}


#leftColumn { 
  position: relative;
  float: left;  
  margin:0; 
  padding:0; 
} 



/* Menu 1 column */
DIV#menu {	 
  width: 8em;
  max-width: 50em;
  min-width: 110px;

  vertical-align: top;   	
  background-repeat: no-repeat;
  padding-top: 0;

}


DIV#menu DIV A {
  font-family: verdana, arial;
  color: navy;
  text-decoration: none;
}

DIV#menu DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state */
DIV#menu DIV.level1 {

  border-bottom: 1px dotted #999999;
  font-size: 0.8em;
  padding-top:5px;
  padding-left:5px;
}


DIV#menu DIV.active {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  background-color: #eeeeee;
}


/*  MENU 1, level 2, normal state */
DIV#menu DIV.level2 {
  position: relative;
  width: 100px;
  left: 10px;
  font-size: 0.7em;
  padding-left:3px;
   padding-top: 0.2em;
  margin-bottom: 0.05em;
}

/*  MENU 1, level 3, normal state */
DIV#menu DIV.level3 {
  position: relative;
  width: 90px;
  left: 20px;
  font-size: 0.65em;
  padding-left:3px;
  padding-top: 0.2em;
  margin-bottom: 0.05em;
}



div#bottomImages{
  margin-top: 2em;
  text-align: center;
}



div#footer {
  clear: left;
  border-top:  1px dotted #999999;
}

div#footer p{   
  text-align: center;
  font-size: 10px;
  margin: 0;
  padding: 4px;
}

div#footer2 p, div#footer2 a{
  margin: 0;
  padding: 0;
  font-size: 10px;
}



div.imageRight {
 float: right;
 padding: 5px;
}

div.imageLeft {
 float: left;
 padding: 3px 10px 10px 0;
}

div.imageCentre {
 clear: left;
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:420px;
}


table.imageWithCaption{
 border: 0;
}

table.imageWithCaption td.caption {
  font-size: 0.75em;
  text-align: center;
  padding: 2px;
}

div.caption {
  font-size: 0.75em;
  text-align: center;
  padding: 2px;
}



#main { 
  margin:0; 
  padding:0; 
} 


#rightColumn { 
  float:right; 
  text-align:center; /* only works in ie6 */
 
  height: 20em;
  background-color: white;
  
  width: 200px;
  padding:0 3em; /* the best i could do trying to center the random photo generator */

}
 
#middleColumn { 
  padding: 0 10px 10px 20px;
  margin:0 12em 0 8em; /* second values is margin from right hand side of browser */
} 



div#middleColumn p {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  border-width: 0;
  font-size: 1em;
}

div#middleColumn h2 {  
  font-weight: bold;
  color: #010066;
  font-size: 1.4em;
  border-bottom:  1px solid #999999;
  padding: 0 0 5px 0; 	
  margin-bottom: 5px; 
}
 
.cleaner { 
  clear:both; 
  height:1px; 
  font-size:1px; 
  border:none; 
  margin:0; padding:0; 
  background:transparent; 
} 

.spacer {
  font-size:1em; 
  height: 1em;
}
		
div.yearPhotos {
  padding: 1em;
}

div.yearPhotos p{
  padding: 0;
}

div.yearPhotos h3{
  color: white;
  background-color: silver;
  text-align: center;
}	



div#appFormContainer {
  padding: 0 0 0 5px;  
}

#ApplicationForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#ApplicationForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

#ApplicationForm input, select, textarea{ 
  color : #2B4157; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #d0dfef;
  background-color: #F5F8FB;
}


#ApplicationForm ul {
  margin: 0 0 1em 0;
}


#ApplicationForm label
{ 
  float: left;
  width: 15em;
  text-align: right;
  margin-right: 0.5em;
}

#ApplicationForm label.textBlock
{ 
  text-align: left;
  padding-right: 0;
}

#ApplicationForm ul.radio-buttons label {
  float: left;
  width:3em;
  vertical-align:top;
}

#ApplicationForm ul.radio-buttons {
  float: left;
  width: 10em;
  list-style:none;
  margin: 0;
  padding: 0;
}

#ApplicationForm ul.radio-buttons li {
     line-height:1.1em; 
}

#ApplicationForm ul.radio-buttons label {
    float: left;
    width:3em;
    vertical-align:top;
}

#ApplicationForm ul.radio-buttons input {
   vertical-align: middle;
   width: 0.9em;
   height: 0.9em;
}

#ApplicationForm div.alternativeP { 
    clear: right;
    display: block;
    font-size: 1em;
    padding-bottom: 1em;
}

p#errors{
  display: none;
  border: medium double rgb(250,0,255);
  width: 50%; 
  min-width: 25em;
  max-width: 50em;  
  padding: 1em;
  background-color: #F5F8FB; 
  color: red;
  font-weight: bold;
}


div#meetsList {
  max-width: 69em;
  padding: 0;
}

div#meetsList table{
  margin-left:auto; 
  margin-right:auto;
  border: 1px solid black;
}

div#meetsList table tr.nextMeet{
  background-color: yellow;
}

div#meetsList table tr.alternateRow{
  background-color: silver;
}

div#meetsList table td.heading{
 font-size: 1em;
 font-weight: bold;
 text-align: center;
}

div#meetsList table td{
 font-size: 1em;
 padding: 3px;
}

div#meetsList table th{
  font-size: 1em;
  color: white;
  background-color: silver;
}


input.button {
  border: 1px solid #3A5F64;   
}


/* Get rid of blue default blue line round inputs */
/* that will appear round the PayPal button */
input#payPalButton{
 background-color: #ffffff;
 border: 0;
}

div#payPalForm {
  margin-left: 30%;
}


/* Anti spam measure for contact us form */
/* an aditional form field is added but made non visible to humans */
/* the idea being that it will be filled in by spam bots but not humans */
.spform_input {
	position:absolute;
	text-decoration:underline;
	background-color:#CC0000;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* to style the contact form use the classes below */
.spf_prompt {
display:block;
padding-right:10px;
font-weight:bold;
}
.spf_normal_input {
font-weight:normal;
padding-left:0px;
}
.spf_verify_msg {
font-weight:bold;
}
.spf_verify_prompt {
font-weight:bold;
}
.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
padding-top:30px;
}



/* Newsletter */


div#newsletter {
   margin: 0 30px 0 30px;
}


div#newsletter span{
  width:130px;
  float: left;
}