/*-------- CSS Attributes --------- */
body {	
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(http://www.pagrandlodge.org/district37/D37_Graphics/White_Speckle.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-style: normal;
	line-height: 125%;
	/* line-height: normal; */
	font-weight: normal;
	font-variant: normal;
	color: #000000;	
}
/*--------------------------------------------------------------------------------------*/
/*-- Link Attributes --*/
a:link    {
	color: blue;
	text-decoration: underline;
} 
a:visited {
	color: purple;
	text-decoration: none;
}
a:hover   {
	color: red;
	text-decoration: underline;
}
a:active  {
	color: red;
	text-decoration: underline;
}
/*--------------------------------------------------------------------------------------*/
/*-- Self Defined Header Attributes --*/
.head1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
.head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
.head3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
.head4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
.head5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
.head6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
/*-- 'p'aragraph Attributes --*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
.pstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
.sml1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
.sml2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
/*--------------------------------------------------------------------------------------*/
/*-- Text Color Attributes --*/
.black_norm {
	color: #000000;
	font-weight: normal;
}
.black_bold {
	color: #000000;
	font-weight: bold;
}
.white_norm {
	color: #FFFFFF;
	font-weight: normal;
}
.white_bold {
	color: #FFFFFF;
	font-weight: bold;
}
.red_norm {
	color: #FF0000;
	font-weight: normal;
}
.red_bold {
	color: #FF0000;
	font-weight: bold;
}
/*--------------------------------------------------------------------------------------*/
/*-- Table Elements Attributes -- */
table.stat_n th, table.stat_n td {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
table.stat_b th, table.stat_b td {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
table.sml_n th, table.sml_n td {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #000000;
}
table.sml_b th, table.sml_b td {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
}
td.xhead {
	color : #000000;
	background : #FFD700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	text-align: center;
}
td.smal9 {
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	text-align: justify;
}
td.xfoot {
	color : #000000;
	background : #FFD700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 125%;
	font-weight: bold;
	text-align: center;
}
/*--------------------------------------------------------------------------------------*/
/*-- Sortable Tables OPTIONS --*/
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
/*--------------------------------------------------------------------------------------*/
/*-- Chrome CSS Drop Down Menu (v2.01) --*/
.chromestyle{
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://www.pagrandlodge.org/district37/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA; /*THEME CHANGE HERE*/
}
.chromestyle ul li a:hover{
background: url(http://www.pagrandlodge.org/district37/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
/*--------------------------------------------------------------------------------------*/
/*-- Style for Drop Down Menu --*/
.dropmenudiv{
position: absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: bold;
color: #000000;
text-align: left; /*set value to "left", "center", or "right"*/
z-index: 1000;
background-color: white;
width: 175px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
/* width: 100%; */
width: auto;
display: block;
text-indent: 3px;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/*--------------------------------------------------------------------------------------*/
/*-- Sortable Attributes --*/
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
/*--------------------------------------------------------------------------------------*/
/*-- Multi-Level Drop Down Menu --*/
#nav {
    background:#C8C9C5;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    z-index:2000;
    }
#nav, #nav ul {
    background:#C8C9C5;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    float:left;
    list-style:none;
    line-height:25px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    z-index:2000;
    }
#nav a {
    display:block;
    color:#000000;
    text-decoration:none;
    padding:0px 10px;
    border-right:1px solid #FFFFFF;
    }
#nav li {
    float:left;
    padding:0;
    }
#nav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:175px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    z-index:2000;
    }
#nav li li {
    width:175px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#nav li li a {
    padding:6px 3px;
    width:175px;
    font-size:11px;
    color:#FFFFFF;
    }
#nav li ul ul {
    margin:-21px 0 0 175px;
    }
#nav li li:hover {
    background:#EEF0EB;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
    color:#000000;
    }
#nav li:hover a, #nav li.sfhover a {
    color:#000000;
    }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
    color:#000000;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
    background:#C9C8C5;
    }
#nav li:hover, #nav li.sfhover {
    background:#EEF0EB;
    }
/*`------------------------------ end of css definitions `------------------------------*/
