body {
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0;
  background-color: #E6E6E6;
}
h1 {
  font-size: 2em;
  color: #9a0000;
}
h2 {
  font-size: 1.5em;
  line-height:1;
}
h3 {
  font-size: 1.25em;
  line-height: 1.25;
}
a, a:link, a:visited, a:active  {
  color: #9a0000;
  text-decoration: underline;
}
a:hover  {
  color: #666666;
  text-decoration: none;
}
hr {
  background:#9a0000;
  color:#9a0000;
  clear:both;
  float:none;
  width:100%;
  height:.1em;
  margin:0 0 1.45em;
  border:none;
}
.box {
  background: none;
}
.container {
  background: #fff;
}
#shadow {
  margin: 0 auto;
  background-image: url(shadow.gif);
  background-repeat: repeat-y;
  background-position: center top;
  width: 810px;
}
#shadowbase {
  margin: 0 auto;
  background-image: url(shadowbase.gif);
  background-repeat: no-repeat;
  background-position: center top;
  width: 810px;
  height: 20px;
}
#shadowbase .box {
  font-size: 90%;
  color: #999;
  text-align: right;
  margin: 0;
  padding: 5px 10px 0 0;
}
#shadowbase a, #shadowbase a:link, #shadowbase a:visited, #shadowbase a:active  {
  color: #999;
  text-decoration: none;
  font-weight: bold;
  padding: 0;
}
#shadowbase a:hover  {
  text-decoration: underline;
}
#header {
  height: 255px;
  border-top: 5px solid #9a0000;
  background-color: #fff;
  background-image: url(logohome.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#header .box {
  float: right;
  height: 255px;
  width: 500px;
  margin: 0;
  padding: 0;
}
#insidehead {
  background-image: url(insidehead.gif);
  background-position: center top;
  height: 150px;
}
#insidecopy {
  border-top: 5px solid #9a0000;
  background-color: #fff;
}
#insidecopy .box {
  padding: 2em 2em .5em 2em;
  margin-bottom: 0;
  list-style-image: url(redbullet.gif);
}
#insidecopy .box h1 {
  color: #9a0000;
}
#insidecopy .box h4 {
  color: #9a0000;
}
#insidecopy .box img {
  border: 1px solid #ccc;
  margin-top: 0;
}
#keyinfo {
  float: right;
  width: 250px;
  background: #9a0000;
  margin: 0 0 2em 2em;
  padding: 1.5em;
  list-style-image: url(whitebullet.gif);
  color: #fff;
  border-bottom: 5px solid #000;
}
#keyinfo ul, ol {
  margin-bottom: 0;
  color: #fff;
}
#keyinfo h3 {
  color: #fff;
  font-weight: bold;
}
#intro {
  border-top: 5px solid #9a0000;
  background-color: #fff;
}
#intro .box {
  padding: 2em 2em .5em 2em;
  margin-bottom: 0;
}
#tagline {
  
  margin: .5em 0 1em 0;
  width: 350px;
}


/* Home News */

#news {
  float: right;
  height: 171px;
  width: 364px;
  margin: 0 0 1em 1.5em;
  background-image: url(headlines.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
#news .box {
  margin-top: 1.75em;
  color: #fff;
  line-height: 1.4em;
}

#news a, #news a:link, #news a:visited, #news a:active {
  color:#FFF;
  border-top:1px solid #9a0000;
  display:block;
  padding:6px 8px;
  text-decoration:none;
}

#news a:hover {
  background-color:#222;
}

a.member_link, a:visited.member_link, a:link.member_link, a:active.member_link {
  background-color:#222;
  border:1px solid #444;
  text-decoration:none;
  padding: 4px 8px;
  margin-bottom:5px;
}

a:hover.member_link {
  background-color:#333;
  text-decoration:none;
}

.highlights {
  overflow-x:hidden;
  overflow:hidden;
  margin:0px;
        height:106px;
}

.date {
  width: 100px;
  text-align: right;
  float: right;
  font-weight: bold
}
#red {
  background-color: #9a0000;
  padding: 1.5em 0 1.5em 0;
}
.feature {
  text-align: center;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.feature .box {
  padding: 0 1.5em 0 1.5em;
  margin-bottom: 0;
}
.feature h2 {
  padding-top: .25em;
  margin-bottom: .5em;
  color: #fff;
}
.feature h3 {
  padding-top: .25em;
  margin-bottom: .25em;
  color: #fff;
}
.feature  p img {
  float: none;
  margin:.5em 0 0 0;
  padding: 0;
}
#contact {
  width: 350px;
  float: left;
}
#contact textarea {
  width:325px;
  height:100px;
}
.notice {
  background-color: #009900;
  color: #fff;
  border: 1px solid #fff;
  padding: 1em;
}
.notice_bad{
  background-color: #9a0000;
  color: #fff;
  border: 1px solid #fff;
  padding: 1em;
}
#locate {
  float: right;
  width: 350px;
}
#map {
  border: 1px solid #ccc;
}
#footer {
  background-color: #000;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active  {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
        
}
#footer a:hover  {
  text-decoration: underline;
}

#footermembers {
  float:left;
  width:100px;
  font-size: 95%;
  padding:2.2em .5em 1.5em 1.5em;
  
}
#footernav {
  float: left;
  width: 300;
  font-size: 95%;
  color: #FFFFFF;
  text-align: left;
  padding: 1.5em 0 1.5em 1.5em;
}
#footercontact {
  float: right;
  width:300;
  font-size: 95%;
  color: #FFFFFF;
  text-align: right;
  padding: 1.5em 1.5em 1.5em 1.5em;
}

ul#nav {
  margin: 0 auto;
}
ul#nav li {
  float:left;
  list-style-type:none;
}
ul#nav li a {
  height:36px;
  display:block;
  text-indent:-9999px;
  outline:none;
}

li#nav-home a, li#nav-about-us a, li#nav-offices a,  li#nav-services a, li#nav-news a, li#nav-contact-us a {
  background-image: url(navbg.gif);
}

li#nav-home a       { background-position:0 0; width:145px; left:0 }
li#nav-home a:hover    { background-position:0 -36px }
body#page-home li#nav-home a   { background-position:0 -36px }

li#nav-about-us a       { background-position:-145px 0; width:125px; left:145px }
li#nav-about-us a:hover    { background-position:-145px -36px }
body#page-about-us li#nav-about-us a   { background-position:-145px -36px }

li#nav-offices a       { background-position:-270px 0; width:125px; left:270px }
li#nav-offices a:hover    { background-position:-270px -36px }
body#page-offices li#nav-offices a   { background-position:-270px -36px }

li#nav-services a       { background-position:-395px 0; width:125px; left:395px }
li#nav-services a:hover    { background-position:-395px -36px }
body#page-services li#nav-services a   { background-position:-395px -36px }

li#nav-news a       { background-position:-520px 0; width:125px; left:520px }
li#nav-news a:hover    { background-position:-520px -36px }
body#page-news li#nav-news a   { background-position:-520px -36px }

li#nav-contact-us a       { background-position:-645px 0; width:145px; left:645px}
li#nav-contact-us a:hover    { background-position:-645px -36px }
body#page-contact-us li#nav-contact-us a   { background-position:-645px -36px }



/* EDIT MODE------------------------------------------- */
.edit_mode{
  background-color: green;
  border: 1px dotted #CCCCCC;
}
 a.edit_mode,  a:visited.edit_mode,  a:active.edit_mode {
  font-size: 12px;
  color: black;
  background-color: white;
  border: 1px solid black;
  padding: 2px 6px;
  text-decoration: none;
}
 a:hover.edit_mode {
  font-size: 12px;
  border: 1px solid white;
  color: white;
  background-color:black;
  padding: 2px 6px;
  text-decoration: none;
}  

#edit_mode_button {
  width:100%;
  padding: 10px;
  background-color: black;
}

#edit_mode_button a, #edit_mode_button a:visited, #edit_mode_button a:active {
  text-decoration: none;
  color: #FFF;
  border: 1px solid #FFF;
  background-color: red;
  padding: 5px;
  margin-top: 10px;
}

#edit_mode_button a:hover {
  background-color: #666;
}

/* Offices Page  ------------------------------------*/
#office_list {
  margin-bottom:20px;
}

/* PRINT STYLES -------------------------------------*/
#printlogo {
  display:none;
}

/* ARTICLES PAGE ------------------------------------*/
#news_item li {
  color: black;
}

/* Form overrides */

label {
  color: #333;
  font-weight: normal;
}

fieldset {
  background-color: #FFF;
  padding: 0;
  border: 0;
  margin: 0;
}
  
li.text textarea {
  width: 270px;
}
li.string input {
  width: 270px;
}
