/* THIS FILE IS FOR FIREFOX, MSIE 7, AND OTHER REASONABLY COMPLIANT BROWSERS */
/*           BE SURE TO MAKE CHANGES ALSO IN THE partial.css FILE            */

* {
  border:0px;
  padding:0px;
  margin:0px;
  color:#817fc0;
  }

body {
  text-align:left;
  min-width:757px;
  background:#ffffee;
  }

/************* BEGIN LAYOUT FOR HEADER DIV SECTIONS *************/

div#head_pic {
  position:absolute;
  top:0px;
  left:180px;
  width:447px;
  height:150px;
  }

div#head_marya {
  z-index:2;
  position:absolute;
  background-color: none;
  top:0px;
  left:627px;
  width:130px;
  height:335px;
  }

div#head_nav {
  position:absolute;
  top:0px;
  left:0px;
  width:180px;
  height:150px;
  }

div#head_nav div {
  font-size:8px; /* This seems necessary to correctly valign the top element in Firefox ... why? */
  }

div#head_nav a:link {
  margin-left: 2em;
  font-size: 12px;
  font-style: italic;
  text-decoration: none;
  color: #558822;
  }

div#head_nav a:visited {
  margin-left: 2em;
  font-size: 12px;
  font-style: italic;
  text-decoration: none;
  color: #558822;
  }

div#head_nav a:hover {
  margin-left: 2em;
  font-size: 12px;
  font-style: italic;
  text-decoration: underline;
  color: #817fc0;
  }

div#head_nav .menuA {
  background: url(images/headerA.jpg);
  height:10px;
  }

div#head_nav .menuB {
  background: url(images/headerB.jpg);
  height:20px;
  }

div#head_nav .menuC {
  background: url(images/headerC.jpg);
  height:20px;
  }

div#head_nav .menuD {
  background: url(images/headerD.jpg);
  height:20px;
  }

div#head_nav .menuE {
  background: url(images/headerE.jpg);
  height:20px;
  }

div#head_nav .menuF {
  background: url(images/headerF.jpg);
  height:20px;
  }

div#head_nav .menuG {
  background: url(images/headerG.jpg);
  height:20px;
  }

div#head_nav .menuH {
  background: url(images/headerH.jpg);
  height:20px;
  }

/* This is an IE5.5-6.0 hack to allow absolutely positioned elements*/
@media screen
  {
  div#head_pic
    {
    position:fixed;
    }
  div#head_title
    {
    position:fixed;
    }
  div#head_marya
    {
    position:fixed;
    }
  div#head_nav
    {
    position:fixed;
    }
  div#gateway a:hover span
    {
    position:fixed;
    }

  /* Don't do this at home */
  * html
    {
    overflow-y:hidden;
    }
  * html body
    {
    overflow-y:auto;
    height:100%;
/*     padding:0 1em 0 14em; */
    font-size:100%;
    }
  * html div#head_pic
    {
    position:absolute;  
    }
  * html div#head_title
    {
    position:absolute;  
    }
  * html div#head_marya
    {
    position:absolute;  
    }
  * html div#head_nav
    {
    position:absolute;  
    }
  * html div#gateway a:hover span
    {
    position:absolute;  
    }
  * html div#reference a:hover span
    {
    position:absolute;  
    }
  }
/************* END LAYOUT FOR HEADER DIV SECTIONS *************/

/************* BEGIN LAYOUT FOR INLINE DIV SECTIONS *************/

div#media {
  float: right;
  margin-right: 140px;
  z-index: 2;
  display: block;
  background-color: #ffffee;
  width: 240px;
  height: 180px;
  }

div#content {
  float:left;
  width:757px;
  margin-top:150px;
  background-color:#ffffee;
  min-height:350px;
  overflow:visible;
    }

div#column0 {
  z-index:1;
  width:757px;
  padding:0px;
  margin-top: 2em;
  margin-left:5px;
  min-height:350px;
  overflow:visible;
  }

div#column0A {
  background-image: url(images/home_image.jpg);
  background-repeat: no-repeat;
  float:left;
  z-index:1;
  width:757px;
  padding:0px;
  margin-top: 2em;
  margin-left:5px;
  min-height:350px;
  overflow:visible;
  }

div#column0B {
  float:left;
  z-index:1;
  width:757px;
  padding:0px;
  margin-top: 2em;
  margin-left:5px;
  min-height:350px;
  overflow:visible;
  }

div#column1 {
  float:left;
  z-index:1;
  width:367px;
  padding:0px;
  margin-top: 2em;
  margin-left:5px;
  min-height:350px;
  overflow:visible;
  }

div#column2 {
  float:right;
  z-index:1;
  width:367px;
  padding:0px;
  margin-top: 2em;
  margin-right:5px;
  min-height:350px;
  overflow:visible;
  }

div#footer {
  font:normal .8em Georgia;
  text-align:center;
  z-index:1;
  width:757px;
  clear:both;
  }

img#di_logo {
  float:left;
  vertical-align:bottom;
  margin-left:-10px;
  padding-left:0;
  border-left:0;
  }

/************* END LAYOUT FOR INLINE DIV SECTIONS *************/


/************* BEGIN <DIV> MAP AROUND TREE PICTURE *************/

#l-margin1,#l-margin2,#l-margin3,#l-margin4,#l-margin5 {
  float:left;
  clear:left;
  padding:0;
  }
#l-margin1 {
  width: 230px;
  height: 30px;
  }
#l-margin2 {
  width: 245px;
  height: 85px;
  }
#l-margin3 {
  width: 230px;
  height: 45px;
  }
#l-margin4 {
  width: 210px;
  height: 40px;
  }
#l-margin5 {
  width: 180px;
  height: 40px;
  }

/************* END <DIV> MAP AROUND TREE PICTURE *************/

/************* BEGIN <DIV> MAP AROUND MARYA'S VIDEO *************/

#l-video1 {
  z-index:3;
  float:left;
  clear:left;
  padding:0;
  width: 320px;
  height: 240px;
  text-align: right;
  }

/************* END <DIV> MAP AROUND MARYA'S VIDEO *************/


/************* BEGIN <DIV> MAP AROUND MARYA'S PICTURE *************/

#r-margin1,#r-margin2,#r-margin3,#r-margin4,#r-margin5,#r-margin6,#r-margin7 {
  float:right;
  clear:right;
  padding:0;
  }
#r-margin1 {
  width: 132px;
  height: 53px;
  }
#r-margin2 {
  width: 136px;
  height: 27px;
  }
#r-margin3 {
  width: 138px;
  height: 20px;
  }
#r-margin4 {
  width: 135px;
  height: 15px;
  }
#r-margin5 {
  width: 131px;
  height: 35px;
  }
#r-margin6 {
  width: 100px;
  height: 20px;
  }
#r-margin7 {
  width: 30px;
  height: 14px;
  }

/************* END <DIV> MAP AROUND MARYA'S PICTURE *************/


/******************* BEGIN QUOTE STYLES ********************/

span.reference {
  display: block;
  text-align: left;
  font:normal 1em Georgia;
  margin: 0;
  }

span.reference a {
  text-decoration: none;
  display: block;
  color: #558822;
  background-color: #ffffef; /* Can not be #ffffee for IE6 for some reason?? */
  }

span.reference a:hover {
  background-color: #ffffee; /* This is a required field for IE6 */
  text-decoration: underline;
  }

span.reference a:link span {
  display: none;
  }

span.reference a:visited span {
  display: none;
  }

span.reference a:hover span {
  z-index: 5;
  display: block;
  position: fixed;
  background-color: #ffffee;
  top: 150px; left: 0px; width: 330px;
  padding: 0px;
  font:normal 1.1em Georgia;
  font-style: italic;
  }

.reference span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffee;
  text-decoration: none;
  min-width: 250px;
  }

/******************* END QUOTE STYLES ********************/

/******************* BEGIN GATEWAY STYLES ********************/
span.gateway {
  display: block;
  text-align: left;
  font:normal 1em Georgia;
  margin: 0;
  }

span.gateway a {
  text-decoration: none;
  display: block;
  color: #558822;
  background-color: #ffffef; /* Can not be #ffffee for IE6 for some reason?? */
  }

span.gateway a:hover {
  background-color: #ffffee; /* This is a required field for IE6 */
  text-decoration: underline;
  }

span.gateway a:link span {
  display: none;
  }

span.gateway a:visited span {
  display: none;
  }

span.gateway a:hover span {
  z-index: 5;
  display: block;
  position: fixed;
  background-color: #ffffee;
  top: 150px; left: 30px; width: 300px;
  padding: 25px;
  font:normal 1.1em Georgia;
  font-style: italic;
  }

.gateway span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffee;
  text-decoration: none;
  min-width: 250px;
  }



/******************* END GATEWAY STYLES ********************/

/******************** BEGIN FORMATTING SECTION *********************/

div#footer {
  padding: 4em 1em 1em 1em;
  }

div#footer span.foot_link {
  font-size: 0.7em;
  margin: 2em 0.5em 2em 0.5em;
  }

div#footer span.foot_link a:hover {
  text-decoration: underline;
  }

div#footer span.phone {
  padding:0em 2em 5em 2em;
  }

a:link {
  text-decoration: none;
  color: #558822;
  }

a:visited {
  text-decoration: none;
  color: #558822;
  }

a:hover #identity {
  text-decoration: underline;
  color: #558822;
  }

a:hover #quote {
  text-decoration: none;
  color: #ffffee;
  }

a:active {
  text-decoration: none;
  color: #558822;
  }

.assn {
  margin-left: 1em;
  margin-bottom: 1em;
  }

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

p.highlight {
  font:italic 1.1em Georgia;
  color:#888888;
  text-align:left;
  text-indent: -50px;
  padding:50px 10px 10px 60px;
  }

p.highlight strong {
  color:#cc6688;
  }

p.content_em {
  font:normal 0.9em Georgia;
  text-align:justify;
  text-indent: 0;
  margin: 0em 1em 2em 0em;
  }

p.content_em:first-letter {
  color:#434080;
  font:italic 1.3em Georgia;
  text-indent: 0;
  }

p.content {
  font:normal 0.9em Georgia;
  text-align:justify;
  text-indent: 0;
  margin: 0em 1em 2em 0em;
  }

p.content:first-letter {
  font:normal 1.3em Georgia;
  text-indent: 0;
  }

p.content a:hover {
  text-decoration: underline;
  }

p.index_content {
  font:normal 0.9em Georgia;
  text-align:center;
  text-indent: 0;
/*  margin-left: 330px;*/
  padding-top: 1em
  }

p.index_content:first-letter {
  font:normal 1.3em Georgia;
  text-indent: 0;
  }

h1 {
  color:#434080;
  font:normal 1.3em Georgia;
  font-style: italic;
  padding: 0em 1em 1em 1em;
  }

h1.index_page {
  color:#434080;
  text-align: center;
  font:normal 1.3em Georgia;
  font-style: italic;
  padding: 0em 1em 1em 1em;
  }

/******************** END FORMATTING SECTION *********************/

/******************** BEGIN INPUT FORM SECTION *********************/

fieldset {
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
/*   border: 1px solid #817fc0; */
  background: #eeffdd;
  width: 500px;
  }

label {
  display: block;
  vertical-align: top;
  width: 200px;
  }

legend {
  margin: 15px;
  color: #817fc0;
  background: #ffffdd;
  border: 1px solid #817fc0;
  padding: 2px 6px;
  }

#contact_message, #contact_email, #contact_name {
  font:normal 1em Georgia;
  display: block;
  margin-left: 100px;
  margin-top: -15px;
  margin-bottom: 15px;
  background-color: #ffffff;
  border: #817fc0 1px dotted;
  color: #558822;
  }

.noborder {
  border-top: 1px #ffffee;
  border-bottom: 1px #ffffee;
  }

.contact_info {
  font:normal 1em Georgia;
  margin-bottom: 15px;
  display: block;
  color: #817fc0;
  border:none;
  }

.contact_error {
  font:normal 1em Georgia;
  margin-bottom: 15px;
  display: block;
  color: #c81818;
  }

#contact_action {
  display: block;
  margin-left: 200px;
  margin-top: 20px;
  margin-bottom: 15px;
  background-color: #ffffdd;
  border: #817fc0 1px solid;
  color: #558822;
  }

#sent_message, #sent_email, #sent_name {
  font:normal 1em Georgia;
  display: block;
  margin-left: 100px;
  margin-top: -15px;
  margin-bottom: 15px;
  background-color: #fafafa;
  border: #817fc0 1px dotted;
  color: #558822;
  }

#sent_action {
  display: block;
  margin-left: 200px;
  margin-top: 20px;
  margin-bottom: 15px;
  background-color: #ffffdd;
  border: #817fc0 1px solid;
  color: #558822;
  }

/******************** END INPUT FORM SECTION *********************/

/******************** BEGIN COUNTER PAGE SECTION *********************/

table.count {
  margin-left: 100px;
  border: 2px solid #000080;
  }

th.count_head, td.total_type, td.total_number, td.line_type, td.line_number {
  padding-left: 1em;
  padding-right: 1em;
  }

tr.count_total:hover, tr.count_line:hover {
  background: #eeeedd;
  }

th.count_head {
  border-bottom: 2px solid #a0a080;
  }

td.total_type, td.total_number {
  border-top: 1px dotted #a0a080;
  }

input.count {
  display: inline;
  }

span.credits {
  font-size: 0.8em;
  color: #817fc0;
  }

em {
  color:#434080;
  font-style: italic;
  }

/******************** END COUNTER PAGE SECTION *********************/