﻿* { margin:0; padding:0; }

html
{
	overflow-y: scroll;
}	

h1, h2, h3, h4, h5, h6 { font-size:1em; }
p { margin: 10px 0; }

a { border: none; color: darkblue; text-decoration: none; outline:none; }
    /* removes focus line when clicked */
	
a:visited { color:maroon; }
a:hover { text-decoration: none; color:maroon; }
/*a img, img.plain { border:none; }	
img { -ms-interpolation-mode: bicubic;
	width: 250px;
	height: 235px;
}*/

ul { list-style: none; }
	
body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#090909; margin:0 10px 10px 10px; background:#0b0d14 url(/Media/Images/background_pap2.jpg) no-repeat scroll center top; font-size:59%; /*sets base font size to 10px using percentages so IE6- can resize text*/ }	

#container { margin:0 auto; position:relative; width:960px; background:#666; }

#header { height:800px;background:#F6F5F1; }
	
#logo { height:auto; width:445px; position:absolute; top:110px; left:30px; }
#logo img { margin:0 0 10px 10px; }
#blurb { font:2.1em Palatino, Georgia, Times, serif; text-transform:uppercase; letter-spacing:.06em; color:#dedede; text-indent:-9999px; width:360px; height:50px; position:relative; left:10px; }	
	
/* -------------- INFO LINKS - top small link bar --------------*/
#quickLinks{ height:150px; padding: 0 auto; font-size: 1.1em; line-height:auto; letter-spacing:.1em; color: #c5beac; list-style: none; text-align:right; position:relative; }
#quickLinks a { color: #c5beac; text-decoration: none; }
#quickLinks a:hover{ color:#fff; }

form {display:inline; }
fieldset {display:inline;position:relative; top:1px; padding-left:5px; border:none; }/* position:absolute; top:5px; right:10px; */

#searchbox{ font-size: 1em; border: 1px solid #666; padding: 2px; margin: 4px 0 0 0; color: #999; }
#searchsubmit{ vertical-align: bottom; margin: 0 0 1px 0; }	
	
	
/* -------------- MAIN NAV --------------*/	
#navWrapper { background-color:#ccc7bc; height:35px; position:relative; width:100%; z-index:3; }

#nav { margin-left:38px; }
#nav li { float:left; position:relative;  }
#nav li a { font:normal 14px/1em Palatino, Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:.03em; color:#333; display:block; padding: 11px 18px; }
/*#nav li+li a { border-left:1px solid #97938b; }*/
#nav li+li a { background:url(/index_images/separator.gif) no-repeat left center;}
#nav li a:hover, #nav li.current a { text-decoration:none; color:#000; }
#nav li:hover, #nav li.currnav { background:transparent url(/images_global/tips/darrowdown.gif) no-repeat 40px 35px; background: #f4f1e9; }
#nav li:hover a { color:#746548; background:none; }
#nav li:hover ul li a { color:#333; }
#nav li:hover ul, #nav li.currnav ul { display:block; }

#nav li ul { display:none; position:absolute; left:0; top:30px; border-top:5px solid #f4f1e9; background:#f4f1e9; width:222px; padding:10px 8px 10px 8px; margin:0; }
#nav li ul#navkids {left:-70px; }
#nav li ul li { float:none; height:auto; background:none; }
#nav li ul li:hover { height:auto; background:none; }
#nav li ul li a { font: 1.3em Verdana, Helvetica, Arial, sans; text-transform:none; letter-spacing:.03em; border:none; padding:5px 10px; margin:0; color:#333; background:none; }
#nav li ul li a:hover { color:#333; background:#ccc7bc; }

/*#nav .navabout { display:none; }*/

/* -------------- UPCOMING EVENTS --------------*/	
#upcomingEvents { width:238px; height:345px; position:absolute; top:75px; right:0; background:transparent; z-index:2;}
#transback { width:238px; height:345px; position:absolute; top:0; right:0px; background:#000;  opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7;  z-index:-2;}
#upcomingEvents h3 { text-align:center; text-transform:uppercase; letter-spacing:.02em; font:1.8em Helvetica, Arial, sans; color:#f3f3ec; margin:20px 0 0 0; }
#upcomingEvents h3 a { color:#f3f3ec; }
#upcomingEvents ul { margin:15px 2px 0 2px; }
#upcomingEvents li { font:1.2em/1.3em Verdana, Helvetica, Arial, sans; color:#c2bcb1; border-top:1px solid #333; }
#upcomingEvents li a { color:#c2bcb1; padding:8px 20px; display:block; }
#upcomingEvents li.more a { color:#c2bcb1; }

#upcomingEvents li a:hover { color:#fefefe; background:#000; }


/* --------------------------- MAIN SECTION ------------------------------*/

#container .more a { font:1em Verdana, Helvetica, Arial, sans; text-transform:uppercase; letter-spacing:.06em; color:#505141; }
#container li.more a { font-size:.7em; }

/* -------------- WHAT IS CW --------------*/	
#aboutCW { width:174px; float:left; background:#dad5c9; height:256px; position:relative; z-index:5; }	
#container>#aboutCW {min-height:251px;}
#aboutCW h3 { text-align:center; text-transform:uppercase; letter-spacing:.02em; font:bold 1.8em Helvetica, Arial, sans; color:#2b1b14; margin:13px 0 0 0; }
#aboutCW h3 a { color:#2b1b14; }
#aboutCW a img { margin:8px 0 8px 15px; border:2px solid #fff; opacity:.8; filter:alpha(opacity=80); -moz-opacity:.8; }
#aboutCW a:hover img { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#aboutCW ul { margin:0 0 0 15px; }
#aboutCW li { font:1.4em/1.3em Helvetica, Arial, sans; color:#201817; padding:3px 0; }
#aboutCW li a { color:#201817; }
#aboutCW a:hover { color:#a68b56; }
#aboutCW p { margin:5px 0 0 15px; }

#movieLayer { position:absolute; width:593px; background:#000; left:150px; top:-55px; padding:5px 15px 15px 15px; font-size:1.2em; color:#ccc; line-height:1.7em; display:none; }
#movieLayer a { color:#ddd; }
#movieLayer .movieClose { float:right; text-transform:uppercase; letter-spacing:.15em; font-size:9px; color:#bbb; position:relative; left:8px; top:-2px; }
#movieLayer .movieClose img { border:none; margin:0; position:relative; top:4px; }
#movieLayer .movieClose:hover { color:#fff; }

#movieLayer .clips a.playing, #movieLayer .clips a.paused { color: #a68b56; }

/* -------------- WHAT TO SEE AND DO/PLAN YOUR VISIT --------------*/	
#whatToSee, #planVisit { width:303px; float:left; background: #f6f5f1; border-top:8px solid #b8b197; border-bottom:6px solid #b8b197; height:262px; margin-top:-20px; position:relative; z-index:2; }
#container>#whatToSee, #container>planVisit { height:auto;min-height:262px;}
#whatToSee h3, #planVisit h3 { text-align:center; text-transform:uppercase; letter-spacing:.02em; font:2.1em Georgia, Palatino, serif; color:#672f31; margin:10px 0 7px 0; }
#whatToSee h3 a, #planVisit h3 a { color:#672f31; }
	
#masonicbodies
{
}
#masonicbodies IMG
{
	width: 150px;
	height: 150px;
	border: none;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;			
}

.officerslist
{
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: 20px;	
}

.officerslist li
{
	margin-top: 10px;
	list-style-type: square;
	margin-left: 10px;
}

/* -------------- WHAT TO SEE AND DO --------------*/	
#mainContent { margin: 0auto; text-align: left; width: 958px; float: left; background: #F6F5F1; }
#mainContent p { padding:5px 0 0 20px;font:1.6em/1.3em Georgia, 'Times New Roman'; text-indent: 50px; }
#mainContent H1 { font-size: 2.6em; padding-left: 20px; color:#4157A9; font-family: Georgia, 'Times New Roman';}
#mainContent H2 { font-size: 2.6em; padding-left: 20px; color:#4157A9; font-family: Georgia, 'Times New Roman';}
