/* Style Sheet */


html { 
  background: url(InTheClouds.JPG) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
   }





div#page {width:955px; height:955px; border-style:ridge; border-width:5px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; margin-left:00px;}
div#page0 {width:955px; border-style:ridge; border-width:5px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; align:center; margin-left:00px; padding-bottom:0px;}
div#page1 {width:955px; border-style:ridge; border-width:5px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; align:center; margin-left:00px; padding-bottom:20px;}
div#page2 {width:955px; height:1100px; border-style:ridge; border-width:5px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; margin-left:00px;}


.title1 { position:absolute; top:50px; left:350px; font-size:25pt; color:white;   text-shadow: -2px -2px 2px #ffffff, 2px 2px 2px #000000; opacity: 0.9;  }
.title2 { position:absolute; top:60px; left:400px; font-size:60pt; color:ccffff;  text-shadow: -2px -2px 2px #ffffff, 2px 2px 2px #000000; opacity: 0.9;  }
.title3 { position:absolute; top:100px; left:500px; font-size:15pt; color:black;  text-shadow: -2px -2px 2px #ffffff, 2px 2px 2px #000000; opacity: 0.9;  }


.facebook { float:right; position:relative; top:-150px; right:50px; }



h1 {font-family:arial; font-size:20pt; color:#990044; margin:0px; margin-top:30px; }
h2 {font-family:arial; font-size:15pt; color:#000000; margin:0px; margin-bottom:10px; }
h3 {font-family:arial; font-size:12pt; color:#000000; margin:0px; margin-bottom:0px; }

.menu1 a {font-family:arial; font-size:11pt; font-weight:bold; color:0080ff; padding-left:25px;}


body {font-family:arial; font-size:12pt; color:#000000; }

hr { margin:5px; margin-left:0px; }
.hr1 { margin:10px; margin-left:0px; }



.newsl {  font-family:arial; font-size:10pt; font-weight:bold; text-align:center; color:#000000;  padding:0px;  margin:0px; border-radius:0px; }



div#newsleftcol {width:180px; height:320px; text-align:center; border-width:1px; float:left; margin-left:70px; margin-right:0px;}

div#newsleftcol2 {width:180px; height:320px; text-align:center; border-width:1px; float:left; margin-left:20px; }


div#rightcol {width:200px; height:600px;   border-style:solid; border-width:1px; float:right; margin:0px; }



.titleline {align:left; margin-left:30px; width:580; height:2px;}




.calMonhdr  { text-shadow: -2px -2px 2px #fff, 2px 2px 2px #000; color: #333311; opacity: 0.6;
	font: 40px 'Ariel'; text-align:center;  }


.calOPA  { font-weight:bold; height:20px; background-color:#dddd77; margin-top:5px; }
.cal { font-weight:bold; height:20px; background-color:#bbeebb; margin-top:5px; }

.eventdate  { font-family:arial; font-size:12pt; clear:left;  float:left;  margin-left:10px;  margin-top:2px; margin-bottom:0px; }
.eventtitle { font-family:arial; font-size:12pt; clear:right; float:right; margin-right:10px; margin-top:2px; margin-bottom:0px; }

.caldesc {font-family:arial; font-size:10pt; margin-top:5px; margin-bottom:0px; margin-left:50px; width:600px;  }
.caldescr {font-family:arial; font-size:10pt; margin-top:5px; margin-bottom:0px; margin-left:10px; margin-right:10px; float:right; color:black; }
.caldescl {font-family:arial; font-size:10pt; margin-top:5px; margin-bottom:0px; margin-left:50px; margin-right:10px; float:left; color:black; }





.mainarea {margin-left:30px; width:700px; height:700px; margin-bottom:50px; }
.mainarea1 {margin-left:30px; width:700px;  }                 /* links page / calendar page / meetings page / about us page  */
.mainarea2 {margin-left:30px; width:895px; height:700px; margin-bottom:50px; }   /* membership new member & renewal pages  */
.mainarea3 {margin-left:120px; width:700px; height:600px; }   /* home page  */





.vert { display:inline-block; width:2px; height:20px; }


.buttonstyl1  { font-size:25pt;  width:300px; height:70px; background-color:red;  float:left; margin:20px;  }
.buttonstyl2  { font-size:25pt;  width:300px; height:70px; background-color:red;  float:left; margin:70px; margin-top:0px; margin-bottom:20px; }


.hc1 { font-size:18pt; margin-left:10px; float:left;  width:100px;  }   /* header column 1 */
.tc1 { font-size:16pt; margin-left:0px;  float:left;  width:255px; background-color:white; }  /* input column 1 */

.hc3 { font-size:18pt; margin-left:20px; float:left;  width:140px; }  /* header column 3 */
.tc3 { font-size:16pt; margin-left:10px; float:left;  width:320px; background-color:white; }  /* input column 3 */

.cb1 { font-size:18pt; margin-left:20px;     }  /* checkbox column 1 */

.hc5 { font-size:18pt; margin-left:30px; float:left;  width:250px;  }


.jstfy { text-align:justify; }


.ph1 { float:right; clear:right; margin-right:20px; margin-left:20px; margin-top:5px; margin-bottom:3px; width:190px; }
.ph2 { float:left;  margin-right:10px; margin-left:0px; margin-top:15px; margin-bottom:30px; width:220px; }
.ph3 { float:right; clear:right; margin-right:20px; margin-left:10px; margin-top:5px; margin-bottom:3px; width:190px; }


.blin { margin:50px; margin-bottom:5px; margin-top:30px; clear:both; }
.xact { font-size:8pt; text-align:center; margin-bottom:50px; clear:both }