* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url('images/FOPlogo2.jpg');
 background-repeat: no-repeat
}

a img { border:0 }

#wrapper {
 margin: 0 auto;
 width: 800px;
}

#header {
 color: #333;
 width: 780px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 200px;
 margin: 10px 0px 5px 0px;
 background: #A5A6DC;
}

#leftcolumn {
 color: #333;
 border: 1px solid #ccc;
 background: #7578C9;
 margin: 0px 5px 5px 0px;
 padding: 0px 0px 10px 0px;
 width: 144px;
 float: left;
}

.lodgeaddress {
   margin: 20px 8px;
   text-decoration: none;
   font-size: 10px;
   color: #fff;
   
}


#content {

 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 442px;
 display: inline;
 float: left;
}

#events p {
margin:0;
padding:5px 12px 8px 12px;
}

#events h2 {
margin:0;
padding:5px 12px 8px 12px;
}

#events ul {
margin:0;
padding:5px 12px 8px 30px;
}

#imagewrap {
margin-top:4px;
margin-bottom:4px;
}

.imagewrap img {
margin:8px;
border:0 solid #444;
border-width:1px;
}

#footer {
 width: 760px;
 clear: both;
 color: #333;
 text-align: center;
 border: 1px solid #ccc;
 background: #7578C9;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#teaser {
 width: 400px;
 clear: both;
 color: #333;
 text-align: center;
 border: 1px solid #ccc;
 background: #7578C9;
 margin: 0 auto;
 padding: 10px;
}

#nav {
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}

#nav ul {
   padding : 0;
   margin : 0;
   white-space : nowrap;

}

#nav ul li {
   display: inline;
}

#nav ul li a {
   color : #666;
   font-weight : bold;
   text-decoration : none;
   padding: 0px 4px 0px 5px;
}

.line {
   border: 1px solid;
   border-color:#F2F2E6 #F2F2E6 #F2F2E6 #D5BFD0;
}

#nav li a:hover, .nav li a:active {
   color: #ccc;
}

#menu {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 134px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

#menu li a {
   color: white;
   display: block;
   width: 100%;
   padding: 2px 4px;
   text-decoration: none;
   font-weight: bold;
   border: 1px solid;
   border-color: #D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
   background-color: #7578C9;
   text-decoration: none;
}

#menu li a: visited {
   color: white;
}

#menu li a:hover, .menu li a:active {
   color: black;
   background-color: #A5A6DC;
}

#rightcolumn {
   color: #333;
   border: 1px solid #ccc;
   background: #E7DBD5;
   margin: 0px 0px 5px 0px;
   padding: 5px;
   width: 160px;
   float: left;
}

.nicebox h1 {
   margin: 0;
   font-size: 1.2em;
   padding: 10px 5px 5px 10px;
   border-bottom: 1px solid #FFCC00;
   color: #fff;
}

.nicebox p {
   margin: 0;
   padding: 5px 12px 8px 12px;
   font-size: 11px;
}

.nicebox {
   background: #F2F2E6;
   width: 156px;
   float: left;
   margin-bottom: 5px;
   margin-left: 1px;
}




.boxcontent {
   display: block;
   border: 1 solid #444;
   height: auto;
   background: transparent;  
}

* html .boxcontent {
   height: 1px;
}

.boxbgimage {
   background: #7D77DB;
   color: #000;
}

.boxbgimage li {
   border-top: 0 solid #fff;
   border-width: 1px;
}

.morenews a {
   margin: 0;
   text-decoration: none;
   font-size: 10px;
}

.boxbgimage h1 {
   margin:0;
   font-size: 16px;
   color: #FFCC00;
   font-family: garamond;
}

.donatebutton {
   border: outset 1px #666;
   background: #999;
   color:#666;
   font-weight: bold;
   padding: 1px 2px;
   background: #ccc;
   width: 100px;
   height: 46px;
   margin-top: 10px;
   margin-left: 25px;
   margin-bottom: 20px;
   text-decoration: none;
}

.ads {
   background: none;
   width: 156px;
   margin-bottom: 5px;
   margin-left: 1px;
} 

.trexpo {
background: #none;
}

.trexpo p {
padding:6px;
}

.trexpo a {
font-family: arial;
color: #CC0020; 
font-style : oblique;
font-size: 14px;
text-decoration: none;
}


.photocontain{width: 244px; float:left;margin-right:5px;}
.photocaption{font:bold 85% Arial, Helvetica, sans-serif;line-height:1.5;text-align:center;}


.importantcontain{width: 150px; float:left;margin-right:5px;text-align:center;}


/**********letterhead ***********/

#letter {
background: #F2F2E6 url(images/FOP-LH_t.jpg) no-repeat;
background-position:center;
padding: 0px;
height:89px;
}


#letter-m {
background: #F2F2E6 url(images/FOP-LH_m.jpg) repeat-y;
background-position:center;
padding: 0px;
text-align:left;
}

#letter-f{
background: #F2F2E6 url(images/FOP-LH_b.jpg) no-repeat;
background-position:center;
padding: 0px;
text-align:left;
height:29px;
}


#lettertext {
width:330px;
padding-top:15px;
text-align:left;
font:normal 95% Arial, Helvetica, sans-serif;
margin: 0 auto;
}

#lettertext p{
margin:8px;
}
#lettertext p.sig {
font:normal 80% Arial, Helvetica, sans-serif;
color:blue;
}



















/**************events formatting***********/
.event_name {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; }
.small {font-size:8pt; }
.main_area {padding: 10px; margin-left:auto; margin-right:auto;}
.separator {margin-top:10px; margin-bottom:15px; margin-left:1px; border-bottom-width:1px; border-bottom-color:#000000;  border-bottom-style:solid; }




.morenews {
   margin: 0;
   text-decoration: none;
   font-size: 10px;
}

.morenews .event_name {
text-decoration: none;
   font-size: 10px;
}


/****** Attribution *************/

#attribute {
text-align: center;
padding: 12px;
font-size: 10.5px;
}

#attribute img{
vertical-align: bottom;
}