/* Common generic definitions */

body
{ margin: 0;
  padding: 0;
  border: 0;
  font-family: "Arial", sans-serif;
  color: black;
  background-color: white;
}

abbr, acronym, dfn
{ cursor: help;
  border-bottom: 1px dashed black;
}

div
{ text-align: left;
}

div.clearAllFloats
{ clear: both;
}

a:link, a:visited
{ color: blue;
  text-decoration: underline;
}

a:hover
{ color: maroon;
  text-decoration: underline;
}

a:active
{ color: red;
  text-decoration: underline;
}

img
{ border: none;
}

form
{ margin: 0;
  padding: 0;
}

h1
{ margin: 0;
  text-align: center;
  font-family: "Comic Sans MS","Arial",sans-serif;
  font-size: 200%;
}

h2
{ margin: 0;
  font-size: 140%;
  text-align: center;
}

h4
{ margin: 0;
  border: 0;
  font-size: 100%;
  text-align: center;
}

h5
{ margin: 0;
  font-size: 90%;
  text-align: left;
}

strong
{ font-weight: bold;
}

#footer
{ clear: both;
  margin: 0;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0;
  padding-left: 1em;
  border-top-width: 3px;
  border-top-color: #D3D3D3;
  border-top-style: dashed;
}

#footerLeft
{ float: left;
  font-size: 75%;
}

#footerRight
{ float: right;
  font-size: 75%;
  text-align: right;
}

p
{ text-align: left;
}


#pageBackground
{ background-color: #F0FFF0;

}

#pageContainer
{ width: 90%;
  margin: 0 auto;             /* This is to center the page for everyone but IE/Win */
  text-align: center;         /* This is for IE/Win centering */
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1.5em;
  padding-left: 1em;
}

#columnOne
{ float: left;
  margin: 0;
  padding: 0;
  width: 9em;
  /* border: 1px solid red;  */ /* For debugging */
}

#columnTwo
{ margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 10em;
  padding: 0;
  /* border: 1px solid blue; */ /* For debugging */
}

#logoContainerShadow, #siteChoiceContainerShadow, #navigationContainerShadow, #topicContainerShadow
{ position: relative;
  top: 2px;
  left: 2px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
  margin-left: 0;
  padding: 0;
  background: #D0D0D0;
  border: 1px solid #E8E8E8;
}

#logoContainer, #siteChoiceContainer, #navigationContainer, #topicContainer
{ position: relative;
  top: -2px;
  left: -2px;
  margin: 0;
  padding-top: 0;
  padding-right: 1em;
  padding-bottom: 0;
  padding-left: 1em;
  background-color: white;
  border: 1px solid #003300;
}

#logoContainer
{ padding: 1em;
  text-align: center;
}

div.menuSeparator
{ margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.3em;
  margin-left: 0;
  padding: 0;
}

#siteChoiceContainer, #navigationContainer
{ padding: 0.5em;
}

#siteChoiceContainer h4, #navigationContainer h4
{ margin-bottom: 0.3em;
  border-bottom: 1px dotted #000000;
}

#siteChoiceMenu, #navigationMenu
{ width: 6em;
}

#serviceMenuContainer
{ width: 90%;
  margin: 0 auto;             /* This is to center the page for everyone but IE/Win */
  text-align: center;         /* This is for IE/Win centering */
  padding-top: 0.5em;
  padding-right: 2em;
  padding-bottom: 1.5em;
  padding-left: 2em;
}

#serviceMenu
{ text-align: center;
}

span.siteChoice, span.navigation, span.serviceChoice
{ display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 0.1em solid #FFFFFF;
  border-right: 0.3em solid #FFFFFF;
  border-bottom: 0.1em solid #FFFFFF;
  border-left: 0.3em solid #FFFFFF;
}

span.siteChoiceHere, span.navigationHere, span.serviceChoiceHere
{ display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 0.1em solid #333399;
  border-right: 0.3em solid #333399;
  border-bottom: 0.1em solid #333399;
  border-left: 0.3em solid #333399;
}

#siteChoiceMenu a, #siteChoiceMenu a:visited, #navigationMenu a, #navigationMenu a:visited, #serviceMenu a, #serviceMenu a:visited
{ display: block;
  text-align: center;
  margin: 0;
  padding-top: 0.2em;
  padding-right: 0.3em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  width: 100%;
  height: 100%;
  font-size: 80%;
  text-decoration: none;
  color: #333399;
  background-color: #F0FFF0;
  border: 0.1em solid #333399;
}

span.serviceChoice, span.serviceChoiceHere, #serviceMenu a, #serviceMenu a:visited
{ display: inline;
}

span.serviceChoice, span.serviceChoiceHere
{ margin-left: 0.3em;
  margin-right: 0.3em;
}

#siteChoiceMenu a:hover, #siteChoiceMenu a:active, #navigationMenu a:hover, #navigationMenu a:active, #serviceMenu a:hover, #serviceMenu a:active
{ background-color: #FFFF80;
}

#promotion
{ padding: 1em;
  text-align: center;
  font-weight: bolder;
}

div.subTopicContainer
{ position: relative;
  top: 1.5em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 2em;
  margin-left: 0;
  padding: 0;
  border: 1px solid #333399;
}

div.subTopicHeading
{ position: relative;
  top: -0.7em;
  left: 1em;
  display: inline;
  margin: 0;
  padding: 0.25em;
  color: #333399;
  background-color: #F0FFF0;
  border: 1px solid #333399;
}

div.subTopicText p
{ margin-top: 0;
  margin-right: 0.5em;
  margin-left: 0.5em;
  margin-top: 1em;
  font-size: 85%;
}

div.subTopicBackToTop
{ padding: 0.3em;
  text-align: right;
  font-size: 70%;
}