/* CSS Document */

body {
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color::#333;
	background:#9B9BFF;
	font-size:x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small; /* for compliant browsers */
	text-align:center;
	width:100%;
	}
	
html>body { /* be nice to Opera	*/
	font-size: small;
	} 
	
#container {width:960px; margin:0 auto; padding:0; text-align:left; border-left: thin solid #8182FF; border-right: thin solid #8182FF;border-bottom: thin solid #8182FF; background:url("../i/lborder.gif") repeat-y top left;}
#container #lnav h3 {
	letter-spacing: 0.1em;
	line-height: 1.25em;
}
#top {
	text-align:center;
	background-color: #ceceff;
	
	}
#fopTitle {
	color:#CECEFF;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	display: block;
	line-height:0.2em;
	margin: 0;
	padding-bottom: 5px;
}
#fopBannerImg {	margin-top:10px;}
#fopStar {
	border:0;
	padding: 2px 0 2px 0;}
#starinfo { font-size:70%; margin-bottom:2px;}	
#lnavtxt {margin-top:1px;}
#lodge41 {margin-bottom:3px;}
#wcnc {margin-top:3px; margin-bottom:2px;}
a:link {color:#000033;}
a:visited {color:#6699CC;}
a:hover {color:#FFCC00;}
a:active {color:#CCC;}

#lnav {
	width:155px; 
	text-align:center; 
	float:left; 
	line-height:1.3em;
 		background:url(/i/thinBlueLine.gif) repeat-x top left; padding-top:30px;}
#lnav div.margin {
	background-color:#ceceff;}
#mtgdates {margin-top:2px;}	
div.margin {
	margin:0 5px;
	background-color:#fff;
	}
.ctr {text-align:center;}

#phototable img {padding:1px; text-align:left; vertical-align:top;}
#phototable td {vertical-align:top;}
#phototable #thmbs {width:285px;}


#nav {
	float:right;
	height:30px;
	margin:0;
	padding:0;
	border-bottom:1px solid #666;
	width: 805px;
	background-color: #ceceff;
	background-image: url(/i/thinblueline.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav a {
	display:block;
	float:left;
	text-align:center;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	letter-spacing:1px;
	font-variant:small-caps;
	font-weight:bold;
	font-size:95%;	
	}		
#navbar {		/* UL id from the navlinks file*/
	padding:0;
	list-style:none;
	margin:5px 0 0 0;
	vertical-align:middle;
			}		  
/*Set the links color*/
	
#nav a:link {color:#FFFFCC;}
#nav a:visited {color:#69c;}
#nav a:hover {color:#FFCC00;}
#nav a:active {color:#fff;}


#mbrnav {			/*Members directory contains a sub nav bar*/
	float:left;
	width:805px;
	text-align:left;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	}
#mbrnav ul {
	/*margin-left:10px;*/
	padding:0;
	list-style:none;
	}
	
#mbrnav li{
	float: left;
	display:inline;
	}

#mbrnav a {
	display:block;
	float:left;
	text-align:left;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:bold;
	font-size:95%;	
	}			  
#mbr {float:right; }	/* floats the member login from the navlinks to the right */	
 
.al {			/*class from the navlinks file to align the buttons on the left*/
	float: left;
	display:inline;
	}



#main {
	float:left;
	width:805px;
	text-align:left;
	padding: 0;
	background:#fff;
	margin-top: 20px;
		}


#main h1 {
	font-size:140%;
		}

#main h2 {
	font-size:130%;

	}
#main h3 {
	font-size:120%;	

	}
#main h4 {
	font-size:110%;	
	}
	
.lnspc {line-height:1.5;}	


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
.info{
	font-size:80%;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/i/starBullet.gif);
	list-style-type: none;
	vertical-align:middle;
	line-height:1.5em;
	font-weight:500;
	}
.new
 {
 color:#fc0; 
 background:#006 url(/i/thinBlueLine.gif) repeat-x center 50%; 
 font-size:120%; 
 font-weight:bold; 
 padding:3px 10px; 
 letter-spacing:2px;
 margin-right:5px;
 }
		
#footer {
	clear:both;
	font-size: 80%;
	padding-top:25px;
	margin-bottom:10px;
}