body { margin: 0px; padding: 0px; background: url(images/body_bg_narrow.png)
left top repeat-y #fff;}
p { font-size: 14px; line-height: 133%;
font-family: Arial, Helvetica, sans-serif; color: #666; }
h1,h2,h3 { margin: 0px; padding: 0px; }
a { color: #336633; }

#pageHeader h1 { position: absolute;
	    left: 0px; 
	    top: 0px; 
	    z-index: 2; 
	    width: 237px;
	    height: 176px; 
	    margin: 0px; 
	    padding: 0px; 
	    background: url(images/logo_coin_mhm.jpg) left top no-repeat; 
}

#pageHeader h1 span, #pageHeader h2 { position: absolute; left: -9999px; }

#container {
  margin-left: 217px; 
  padding-top: 55px;
  z-index: 5;
}

body>#container {
      padding-right: 40px;
}

#extraDiv1 { 
      position: absolute;
/*      left: 237px; */
      right: 0px;
      top: 0px; 
      z-index: 1; 
      width: 100%;
      height: 51px; 
      background: url(images/header_bg_purple.png) left top repeat-x;
}

#tagline {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
  width: 320px;
  height: 24px;
  background:
url(text.php?text=Grand+Lodge+of+Pennsylvania&bgcolor=ffffff&fgcolor=3f6180&height=24&width=320&offset=6)
no-repeat;
}

#menuOut { position: absolute; left: 13px; top: 176px; width: 212px;
background: url(images/leftside_bg.gif) left top repeat-x; z-index: 1;
}
#menuIn {}

#menu1 { width: 212px; background: url(images/list_bg.gif) left top repeat-y; }
#menu1 h3 { background: url(images/menutitle_servicepanel_purple.png) left top no-repeat;
            width: 212px; 
	    height: 0px !important;
	    height /**/:35px; 
	    padding-top: 35px;
	    display: block; 
	    overflow: hidden;
	  }
#menu1 ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none;
font-size: 12px; font-weight: bold; font-family: Arial, Helvetica,
sans-serif; background-color: none;}
#menu1 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px
!important;width /**/:206px; text-align: center; border-top-width: 1px;
border-bottom-width: 1px; border-top-style: solid; border-bottom-style:
solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display:
block; cursor: pointer; font-family: Georgia, Arial, Helvetica, sans-serif;}
#menu11 li:hover { background-color: #dde; }

#menu2 { width: 212px; background: url(images/list_bg.gif) left top
repeat-y; display: block; }
#menu2 h3 { background: url(images/bd_tit_blue.png) left top no-repeat;
width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px;
display: block; overflow: hidden; }
#menu2 ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type:
none; font-size: 10px !important;font-size: 70%; font-family: Arial,
Helvetica, sans-serif; }
#menu2 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px
!important;width /**/:206px; text-align: center; border-top-width: 1px;
border-bottom-width: 1px; border-top-style: solid; border-bottom-style:
solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display:
block; cursor: pointer;}
#menu2 li:hover { background-color: #dde; }

#menu3 { width: 212px; background: url(images/list_bg.gif) left top
repeat-y; display: block; }
#menu3 h3 { background: url(images/employmentcenter_tit_blue.png) left top no-repeat;
width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px;
display: block; overflow: hidden; }
#menu3 ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type:
none; font-size: 10px !important;font-size: 70%; font-family: Arial,
Helvetica, sans-serif; }
#menu3 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px
!important;width /**/:206px; text-align: center; border-top-width: 1px;
border-bottom-width: 1px; border-top-style: solid; border-bottom-style:
solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display:
block; cursor: pointer;}
#menu3 li:hover { background-color: #dde; }

#menu4 { width: 212px; background: url(images/list_bg.gif) left top
repeat-y; display: block; }
#menu4 h3 { background: url(images/administration_title_purple.png) left top
no-repeat; width: 212px; height: 0px !important;height /**/:26px;
padding-top: 26px; display: block; overflow: hidden; }
#menu4 ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none;
font-size: 12px; font-weight: bold; font-family: Arial, Helvetica,
sans-serif; background-color: none;}
#menu41 ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type:
none; font-size: 10px !important;font-size: 70%; font-family: Arial,
Helvetica, sans-serif; }
#menu4 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px
!important;width /**/:206px; text-align: center; border-top-width: 1px;
border-bottom-width: 1px; border-top-style: solid; border-bottom-style:
solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display:
block; cursor: pointer; font-family: Georgia, Arial, Helvetica, sans-serif;}
#menu41 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px
!important;width /**/:206px; text-align: center; border-top-width: 1px;
border-bottom-width: 1px; border-top-style: solid; border-bottom-style:
solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display:
block; cursor: pointer;}
#menu41 li:hover { background-color: #dde; }

#mainbody {
  padding-left: 20px;
  padding-right: 20px;
  background: none;
  height: 100%;
  width: 100%;
  z-index: 5;
/*  background: url(images/bgsqsmall.gif) no-repeat top right; */
  min-width: 450px;
}

#businesslisting {
  font-family: Arial, Helvetica, sans-serif;
}

#businesslisting h3 {
  font-size: 19px;
  font-weight: bold; 
  background-color: #cccccc;
  padding-left: 5px;
}

#businesslisting h4 {
  font-size: 19px;
  font-weight: bold; 
  background-color: #3f6180;
  padding-left: 5px;
  margin: 0px;
  color: white;
}

.anonymous p {
  color: red;
  font-size: 1em;
}

#searchresultheader h3 { background: url(text.php?text=Search+Results&bgcolor=7e3e5f) left top no-repeat;
width: 212px; height: 0px !important;height /**/:26px; padding-top: 22px;
display: block; overflow: hidden; }

/*#searchresultheader h3 { 
  font-family: Arial, Helvetica, sans-serif;
  width: 100%; 
  background-color: #3f6180; 
  color: white;
  padding: 3px 3px 3px 5px;
  font-size: 16px;
}*/

#resume {
  font-family: Arial, Helvetica, sans-serif;
}

#resume h2 {
  font-size: 20px;
  background-color: #cccccc;
  width: 100%;
  padding-left: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#resume h3 {
 font-size: 20px;
}

#resume b {
  color: black;
}

#resume p {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 3px;
  font-size: 12px;
}

#resume blockquote {
  font-size: 14px;
}

#deletejoblist th {
  background-color: #ddd;
}

#quickForm .formHeader {
/*  white-space: nowrap; 
  color: white; 
  font-family: arial;
  padding: 3px 3px 3px 4px;
  background-color: #3f6180; */
}

#quickForm table {
  width: 100%;
}

#quickForm input.submit {
background-color: red;
}

#quickForm .formButton {
/*border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #eeeeee;
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif; */
    background-color:#d3e1eb;
    border-right:  1px solid #9ba8c5;
    border-bottom: 1px solid #9ba8c5;
    border-left:   1px solid #e2f3ff;
    border-top:    1px solid #e2f3ff;
    font-size:10pt;
}

#quickForm .formButton:active {
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

.roundtestbox {
  margin: 0 auto; /* center for now */
  width: 100%;
  background: url(images/rtest/sbbody-r.gif) no-repeat bottom right;
  font-size: 100%;
}

.roundtesthead {
  background: url(images/rtest/sbhead-r.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.roundtesthead h2 {
  background: url(images/rtest/sbhead-l.gif) no-repeat top left;
  margin: 0;
  padding: 22px 30px 12px;
  color: black; 
  font-weight: bold; 
  font-size: 1.2em; 
  line-height: 1em;
  text-align: left;
}

.roundtestbody {
  background: url(images/rtest/sbbody-l.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 31px;
}

/* Round Purple Box */
.roundpurplebox {
  margin: 0 auto; /* center for now */
  width: 100%;
  background: url(images/bottom_r_white.gif) no-repeat bottom right;
  font-size: 100%;
}

.roundpurplehead {
  background: url(images/top_r_purple.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.roundpurplehead h2 {
  background: url(images/top_l_purple.gif) no-repeat top left;
  margin: 0;
  padding: 10px 30px 5px;
  color: white; 
  font-weight: bold; 
  font-size: 1.2em; 
  line-height: 1em;
  text-align: left;
}

.roundpurplebody {
  background: url(images/bottom_l_white.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 18px;
}

/* Round Options Box */
.optionsbox {
  margin: 0 ; /* center for now */
  width: 380px;
  background: url(images/options_r_bottom.gif) no-repeat bottom right;
  font-size: 100%;
}

.optionsbox p {
  margin: 0;
  font-family: Georgia, serif;
}

.optionsbox a {
  text-decoration: none;
}

.optionsbox a:hover {
  text-decoration: underline;
}

.optionshead {
  background: url(images/options_r_top.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.optionshead h2 {
  background: url(images/options_l_top.gif) no-repeat top left;
  margin: 0;
  padding: 10px 30px 5px;
  color: white; 
  font-weight: bold; 
  font-size: 0em; 
  line-height: 10px;
  text-align: left;
  height: 10px;
}

.optionsbody {
  background: url(images/options_l_bottom.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 18px;
}

/* Round Red Important Message Box */
.messagebox {
  margin: 0 ; /* center for now */
  width: 380px;
  background: url(images/messagebox_r_bottom.gif) no-repeat bottom right;
  font-size: 100%;
}

.messagebox p {
  margin: 0;
  font-family: Georgia, serif;
  color: #cc3333;
  margin-bottom: 8px;
}

.messagebox a {
  text-decoration: none;
}

.messagebox a:hover {
  text-decoration: underline;
}

.messagehead {
  background: url(images/messagebox_r_top.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.messagehead h2 {
  background: url(images/messagebox_l_top.gif) no-repeat top left;
  margin: 0;
  padding: 10px 30px 5px;
  color: white; 
  font-weight: bold; 
  font-size: 0em; 
  line-height: 10px;
  text-align: left;
  height: 10px;
}

.messagebody {
  background: url(images/messagebox_l_bottom.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 18px;
}

/* Round Blue Box */
.roundbluebox {
  margin: 0 auto; /* center for now */
  width: 100%;
  background: url(images/bottom_r_white.gif) no-repeat bottom right;
  font-size: 100%;
}

.roundbluehead {
  background: url(images/top_r_blue.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.roundbluehead h2 {
  background: url(images/top_l_blue.gif) no-repeat top left;
  margin: 0;
  padding: 10px 30px 5px;
  color: white; 
  font-weight: bold; 
  font-size: 1.2em; 
  line-height: 1em;
  text-align: left;
}

.roundbluebody {
  background: url(images/bottom_l_white.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 18px;
}

/* Round Blue Box With Options Footer */
.roundblueoptionsbox {
  margin: 0 auto; /* center for now */
  width: 100%;
  background: url(images/bottom_r_options.gif) no-repeat bottom right;
  font-size: 100%;
}

.roundblueoptionshead {
  background: url(images/top_r_blue.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: center;
}

.roundblueoptionshead h2 {
  background: url(images/top_l_blue.gif) no-repeat top left;
  margin: 0;
  padding: 10px 30px 5px;
  color: white; 
  font-weight: bold; 
  font-size: 1.2em; 
  line-height: 1em;
  text-align: left;
}

.roundblueoptionsbody {
  background: url(images/bottom_l_options.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 18px;
}

/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#7e3e5f; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#7e3e5f; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#7e3e5f; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#7e3e5f; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#7e3e5f; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#7e3e5f; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#7e3e5f; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Curved */
.inset {background: transparent; width:100%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent;
font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b,
.inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b
{height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px
solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px
solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px
solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px
solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px
solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px
solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid
#999; border-right:1px solid #fff;}

    table.datagrid {font-family: Verdana, Arial; font-size: x-small; background-color: #333333;}
    table.datagrid th { color: white; font-size: 12px; }
    table.datagrid th a { color: white; font-size: 12px; }

.employmenttype {
  margin-top: 0px;
  margin-bottom: 10px;
}

input {
    background-color:#d3e1eb;
    border-left:   1px solid #9ba8c5;
    border-top:    1px solid #9ba8c5;
    border-right:  1px solid #e2f3ff;
    border-bottom: 1px solid #e2f3ff;
    font-size:10pt;
}

select {
    background-color:#d3e1eb;
    border-left:   1px solid #9ba8c5;
    border-top:    1px solid #9ba8c5;
    border-right:  1px solid #e2f3ff;
    border-bottom: 1px solid #e2f3ff;
    font-size:10pt;
}

input[type="checkbox"] {
    background-color:none;
    border:none;
}

div.charitydescription {
  color: #555;
  margin-left: 30px;
  font-size: 12px;
  margin-bottom: 5px;
}
