html { overflow:-moz-scrollbars-vertical } /* Always show the right scroll bar in Firefox */
body { margin:0; background-color:#fff; font:62.5%/1.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif }
h1 { font-family:georgia, times, serif; font-weight:normal; font-size:1.8em; color:#036; margin:0 0 15px 0 }
h2 { font-family:georgia, times, serif; font-weight:normal; font-size:1.3em; color:#a10016; margin:0 0 10px 0 }
h3 { font-family:georgia, times, serif; font-weight:normal; font-size:1.1em; color:#a10016; margin:0 0 5px 0 }
img { background:none; border:none }

a { color:#fc0 }
a:hover { color:#fff }

/* for the rest of the site */
.pagecontent a { color:#069 }
.pagecontent a:hover { color:#a10016 }

.hdrwrapper { background:url('/_img/header_background.jpg') repeat-x; height:83px }
.hdrwidth { margin:0 auto; width:900px }
.hdrbricks { background:url('/_img/bricks_top.jpg') repeat-x; height:8px }
.hdrline { background-color:#fff; height:4px }
.pagewrapper { background:#fff url('/_img/body_gradient_background.jpg') repeat-x top }
.pagewidth { margin:0 auto; width:900px; background-color:#036 }
.page { padding:25px 14px 15px 16px }
.pageheading { background:url('/_img/heading_generic.jpg') no-repeat; height:90px; width:870px }
.pagetitle { font-size:3.2em; font-family:georgia, times, serif; color:#ddd; padding:27px 0 10px 105px }
.pagebody { background-color:#9fa9ac; width:860px; margin-left:4px }
.pagecontent { font-size:1.3em; background-color:#ccc; width:800px; margin-left:10px; padding:10px 20px 20px 20px }
.ftrline { background-color:#fff; height:4px }
.ftrwrapper { background:#1e2d4b url('/_img/footer_logo.jpg') no-repeat center bottom }
.ftrwidth { margin:0 auto; width:900px; font-size:1.2em; color:#ddd; line-height:1.5em; padding:10px 0 30px 20px }
.ftrbricks { background:url('/_img/bricks_bottom.jpg') repeat-x; height:8px }
.dvdrln { height:1px; background-color:#036 }

.fntxxxsm { font-size:.8em }
.fntxxsm { font-size:.9em }
.fntxsm { font-size:1em }
.fntsm { font-size:1.1em }
.fntmd { font-size:1.2em }
.fntlg { font-size:1.3em }
.fntxlg { font-size:1.4em }
.fntxxlg { font-size:1.5em }
.fntxxxlg { font-size:1.6em }

.txtleft { text-align:left }
.txtcenter { text-align:center }
.txtright { text-align:right }

.novalign { vertical-align:0 }
.valigntop { vertical-align:top }
.valignbtm { vertical-align:bottom }
.valignmid { vertical-align:middle }
.valignnote { vertical-align:6px }

.orng { color:#fc0 }
a.edtlnk { color:#069; font-size:1.1em } 

.bold { font-weight:bold }
.nobold { font-weight:normal }
.notxtdecor { text-decoration:none }

.clr { clear:both }
.clrlt { clear:left }
.clrrt { clear:right }
.clrno { clear:none }
.fltlt { float:left }
.fltrt { float:right }

/* margins */
.nomgn { margin:0 }
.nomgntp { margin-top:0 }
.nomgnrt { margin-right:0 }
.nomgnbt { margin-bottom:0 }
.nomgnlt { margin-left:0 }

.mgntpxxsm { margin-top:5px }
.mgntpxsm { margin-top:10px }
.mgntpsm { margin-top:15px }
.mgntpmd { margin-top:20px }
.mgntplg { margin-top:25px }
.mgntpxlg { margin-top:30px }
.mgntpxxlg { margin-top:35px }

.mgnrtxxsm { margin-right:5px }
.mgnrtxsm { margin-right:10px }
.mgnrtsm { margin-right:15px }
.mgnrtmd { margin-right:20px }
.mgnrtlg { margin-right:25px }
.mgnrtxlg { margin-right:30px }
.mgnrtxxlg { margin-right:35px }

.mgnbtxxsm { margin-bottom:5px }
.mgnbtxsm { margin-bottom:10px }
.mgnbtsm { margin-bottom:15px }
.mgnbtmd { margin-bottom:20px }
.mgnbtlg { margin-bottom:25px }
.mgnbtxlg { margin-bottom:30px }
.mgnbtxxlg { margin-bottom:35px }

.mgnltxxsm { margin-left:5px }
.mgnltxsm { margin-left:10px }
.mgnltsm { margin-left:15px }
.mgnltmd { margin-left:20px }
.mgnltlg { margin-left:25px }
.mgnltxlg { margin-left:30px }
.mgnltxxlg { margin-left:35px }

/* padding */
.nopad { padding:0 }
.nopadtp { padding-top:0 }
.nopadrt { padding-right:0 }
.nopadbt { padding-bottom:0 }
.nopadlt { padding-left:0 }

.padtpxxsm { padding-top:5px }
.padtpxsm { padding-top:10px }
.padtpsm { padding-top:15px }
.padtpmd { padding-top:20px }
.padtplg { padding-top:25px }
.padtpxlg { padding-top:30px }
.padtpxxlg { padding-top:35px }

.padrtxxsm { padding-right:5px }
.padrtxsm { padding-right:10px }
.padrtsm { padding-right:15px }
.padrtmd { padding-right:20px }
.padrtlg { padding-right:25px }
.padrtxlg { padding-right:30px }
.padrtxxlg { padding-right:35px }

.padbtxxsm { padding-bottom:5px }
.padbtxsm { padding-bottom:10px }
.padbtsm { padding-bottom:15px }
.padbtmd { padding-bottom:20px }
.padbtlg { padding-bottom:25px }
.padbtxlg { padding-bottom:30px }
.padbtxxlg { padding-bottom:35px }

.padltxxsm { padding-left:5px }
.padltxsm { padding-left:10px }
.padltsm { padding-left:15px }
.padltmd { padding-left:20px }
.padltlg { padding-left:25px }
.padltxlg { padding-left:30px }
.padltxxlg { padding-left:35px }

/* Begin the navigation */
.nav { background-color:#5b0511; width:898px; height:28px; border:1px solid #036; border-width:1px 0 0 1px }

/*.pro_linedrop { position:relative; background:url(/_img/nav_off.gif); height:36px; width:900px; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500 }*/
.pro_linedrop { position:relative; /*background:url(/_img/nav_off.gif);*/ height:28px; /*width:900px;*/ font-size:1.2em; /*z-index:500*/ }

.pro_linedrop .select { margin:0; padding:0; list-style:none; white-space:nowrap }

.pro_linedrop li { float:left; background:url(/_img/nav_on.gif) }

/*.pro_linedrop .select a { display:block; height:36px; float:left; background:url(/_img/nav_off.gif); padding:0 0 0 15px; text-decoration:none; line-height:25px; white-space:nowrap; color:#ddd }*/
.pro_linedrop .select a { display:block; height:28px; float:left; background:url(/_img/nav_off.gif); text-align:center; padding:0 0 0 1px; text-decoration:none; line-height:28px; white-space:nowrap; color:#ddd }
.pro_linedrop .select a.one { width:99px } /* HOME */
.pro_linedrop .select a.two { width:111px } /* EVENTS */
.pro_linedrop .select a.three { width:123px } /* OFFICERS */
.pro_linedrop .select a.four { width:172px } /* FAMOUS MASONS */
.pro_linedrop .select a.five { width:145px } /* MEMBERSHIP */
.pro_linedrop .select a.six { width:116px } /* HISTORY */
.pro_linedrop .select a.seven { width:125px } /* CONTACT */

/*.pro_linedrop .select li.line a {color:#fc0;}*/

/*.pro_linedrop .select a b { display:block; padding:0 30px 10px 15px; background:url(/_img/nav_off.gif) right top }*/
.pro_linedrop .select a b { display:block; /*padding:0 30px 0 15px;*/ background:url(/_img/nav_off.gif) right top; } /* works with the height in pro_linedrop */

.pro_linedrop .select a:hover, .pro_linedrop .select li:hover a { background:url(/_img/nav_on.gif); /*padding:0 0 0 15px;*/ line-height:28px; cursor:pointer; color:#fc0 }

/*.pro_linedrop .select li.line a:hover, .pro_linedrop .select li.line:hover a { color:#fc6 }*/

/*.pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b { display:block; padding:0 30px 9px 15px; background:url(/_img/nav_on.gif) right top; cursor:pointer }*/
.pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b { display:block; /*padding:0 30px 0 15px;*/ background:url(/_img/nav_on.gif) right top; cursor:pointer } /* works with the height in pro_linedrop */

.pro_linedrop .sub { display:none }

.pro_linedrop ul ul { display:none }

/* IE6 only */
.pro_linedrop table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0 }

.pro_linedrop .sub { margin:0; padding:0; list-style:none }

.pro_linedrop .sub li { background:transparent }

.pro_linedrop .select :hover .sub { height:22px; display:block; position:absolute; float:left; width:894px; top:28px; left:0; /*text-align:center;*/ background:transparent url(/_img/pixel.gif); border:1px solid #aaa; border-width:0 2px 1px 2px }

.pro_linedrop .select :hover .rt li { float:right }

.pro_linedrop .select :hover .sub li a { display:block; height:22px; line-height:20px; float:left; background:transparent url(/_img/pixel.gif); padding:0 16px; margin:0; white-space:nowrap; color:#ccc; font-size:.9em; font-weight:bold }

.pro_linedrop .select :hover .sub li.subline a { color:#c00 }

.pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover { color:#fc0; font-weight:bold; line-height:20px; position:relative }

.pro_linedrop .select :hover .sub li:hover > a { color:#fc0 } /* what browser is the for ? */

.pro_linedrop .select :hover .sub :hover ul { padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff }

.pro_linedrop .select :hover .sub :hover ul li a { width:80px; text-align:left; height:20px; line-height:18px }

.pro_linedrop .select :hover .sub :hover ul li a:hover { line-height:16px }
/* End the navigation */

.twocol { clear:both; width:800px }
.twocol .lt { float:left; clear:left; width:380px }
.twocol .rt { float:right; clear:right; width:380px }

.fourcol { clear:both; width:800px }
.fourcol .col1, .fourcol .col2, .fourcol .col3, .fourcol .col4 { float:left; width:200px }

.officers { border-collapse:collapse; border:1px solid #036 }
.officers td { width:260px; font-size:1em; padding:3px 0 3px 10px }
.officers tr.oddrow { background-color:#dedede }
.officers tr.evenrow { background-color:#fff }

.masons { width:100%; background-color:#fff; border-collapse:collapse; border:1px solid #036 }
.masons td { padding:3px 0 3px 5px }
.masons td.name { width:200px }
.masons tr.oddrow { background-color:#dedede }

#map { border:1px solid #036; width:378px; height:301px }

.frmmap { margin:0 }

select { border:1px solid #036 }

input, select, option, textarea { font:95% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif }

input.text, textarea.text {
	background:#ebf7ff;
	border-top:1px solid #b8cce4;
	border-left:1px solid #b8cce4;
	border-right:1px solid #7f8d9d;
	border-bottom:1px solid #7f8d9d;
	color:#3c4d58;
	font:100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	padding:2px 5px;
	width:230px
}