@import "lpf.css";  /* Import the lpf style sheet which purports to "level the playing field (lpf)" for more consistent rendering across browsers  */


/*------------------ Layout -------------------------*/

body 
	{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width:999px;
	min-width:770px;
	width:expression(document.body.clientWidth < 800? "770px" : document.body.clientWidth > 1024? "999px": "99%"); /* IE's version of min- and max-width */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #666666;
	text-align: center;
	color: #000000;
	}

#masthead 
	{
	height: 120px;
	width:100%;
	max-width:999px;
	min-width:770px;

	width:expression(document.body.clientWidth < 800? "770px" : document.body.clientWidth > 1024? "999px": "99%");
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
	padding: 0em;
	background: #006699 url(../images/washMonument2.gif) no-repeat right center;
	}



#container 
	{
	width: 100%;
	width:expression(document.body.clientWidth < 800? "770px" : document.body.clientWidth > 1024? "999px": "99%"); /* IE's version of min- and max-width */
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	overflow: hidden;
	background-image: url(../images/sCModernBkgrd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#container #nav
	{
	float: left;
	width: 125px;
	margin: 0;
	padding-top: 60px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	}


#container #inside_wrap
	{
	float: right;
	width: 80%; /* 640px is 83% at 770px */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(../images/33rdCross.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
#container #inside_wrap #right h2 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}



#container #inside_wrap #content_main 
	{
	margin-top: 1em;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 10px;
	width: 65%; /* 420px is 65% of 640px*/
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 2em;
	}
#nav h2 {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2em;
}


#container #inside_wrap #right 
	{
	margin: 10px;
	float: right;
	width: 30%; /* 180 px is 28% of 640px*/
	}
#nav img {
	margin: .5em;
}



#footer 
	{
	background-color: #666666;
	clear: both;
	width: 100%;
	max-width:999px;
	min-width:770px;
	width:expression(document.body.clientWidth < 800? "770px" : document.body.clientWidth > 1024? "999px": "99%");
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}


/*------------------  End Layout -------------------------*/
/*------------------  Masthead -------------------------*/
#masthead h1 {
	font-weight: bold;
	color: #CCCCCC;
	font-size: 2.25em;
	text-align: left;
	margin-left: 180px;
	padding-top: 0em;
	background: url(../images/nationalMasonicTrail80h.png) no-repeat left top;
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}
#masthead h2 {
	font-weight: bold;
	color: #CCCCCC;
	font-size: 1.25em;
	text-align: left;
	font-style: italic;
	margin: 0em 0px 0px 180px;
	padding: 0px;
}
span.imgReplace {
	display: none;
}


#masthead img {
	margin: 0 0.5em;
}

/*------------------  Content Main -------------------------*/
#content_main h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	line-height: 100%;
}



#content_main h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	clear: both;
	margin-bottom: 1em;
}

#content_main h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	text-align: center;
}

#content_main p {
	font-size: 1em;
	margin: 1em;
	line-height: 150%;
}



/*------------------  Right -------------------------*/
/*------------------  Nav -------------------------*/
/*------------------  Footer -------------------------*/
#footer h2 {
	color: #CCCCCC;
	text-align: center;
	font-size: .8em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 1em;
	}
/*------------------  sideBox -------------------------*/
.sideBox {
	padding: 0 0 1em 0em;
	background-color: #BBBBBB;
	color: #000000;
	margin: 1em 0em;
	border: 1px solid #000066;
}

.sideBox h2 {
	font-size: 1.1em;
	color: #CCCCCC;
	background-color: #000066;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px .5em;
	padding: 5px;
	background-image: url(../images/hdrgradblue30w.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.sideBox p {
	line-height: 120%;
	margin: 0.5em;
}

.sideBox ul {
	list-style-type: none;
	font-size: 95%;
	margin-left: 0.5em;
	padding: 0px;
}
sup {
	font-size: 90%;
}


/*------------------  General -------------------------*/



.fltLeft {
	float: left;
}
.sideBox li {
	margin-left: .5em;
}


.fltRight {
	float: right;
}

img {
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.sideBox h3 {
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: .2em .5em;
}

.raisins {
	background: #BBBBBB url(../images/footprints.gif) no-repeat 5px center;
	padding: 1em .2em;
	color: #111111;
	overflow: auto;
	font-size: 95%;
}
.raisins img {
	border: 2px outset #BBBBBB;
}



p.revealSigners {
	height: 12ex;
}

p.revealSigners a:hover:after {
	color: #003366;
	font-weight: bold;
	content: "  Come join us on the National Masonic Trail to find out!"
}