/* ##### Common Styles ##### */

body {
  color: black;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0 auto;
  padding: 0;
  max-width:1200px;
  min-width:700px;
}

html > body {
  font-size: 71%;
}

acronym, .NewsTitleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

.wrapper  {
  border: 1px solid rgb(153,153,153);
  background-color: #FFF;
}

/* ##### Header ##### */

#header {
  background-color: #99CC99;
  height:153px;
}

.superHeader {
  color: white;
  background-color: #CC6666;
  height: 2em;
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
  font-size: 91%;
  margin: 0;
  padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
  text-decoration: none;
}

.superHeader .left {
  float: left;
  left: 1.5mm;
  top: 0.75ex;
  margin: 3px 5px -8px 5px;
}

.superHeader .right {
  float: right;
  right: 1.5mm;
  top: 0.75ex;
  padding-left: 5px;
  margin: 3px 5px -8px 5px;
}

.midHeader {
  color: #FFFFFF;
  background-color: #FFFFFF;
  background-image:url(../images/header/header_right.jpg);
  background-position:right;
  background-repeat: no-repeat;
}

.headerTitle {
  font-size: 175%;
  font-weight: normal;
  margin: 0 0 0 4mm;
  padding-top: 2em;
  padding-bottom: 2em;
}

.subHeader {
  margin: 0 auto;
  width: 100%;
  background-color: #99CC99;
}

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
  width: 15em;
  float: left;
  clear: left;
  border-right: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
  background-color: #FFF;
}

#side-bar-right {
  width: 13em;
  float: right;
  clear: right;
  margin-top:.5em;
  margin-right: .35em;
}

#side-bar-right div {
  border: 1px solid rgb(153,153,153);
  margin: .1em 0 .2em 0;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: .1em 0 .1em 0;
  padding: .25em 0 .1em 0;
}

#side-bar-right ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 0 5px;
  padding: .25em 0 .1em 0;
}

#side-bar li, #side-bar-right li {
  margin: 0 0 .25em 0;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  display: block;
}

#side-bar-right a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1ex .1em 0;
  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: black;
  background-color: none;
  text-decoration: none;
}

#side-bar-right a:hover {
  color: black;
  background-color: none;
  text-decoration: none;
}

 
#side-bar-right h1 {
  color: black;
  background-color: #99CC99;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 0 0.5ex 0;
}

#side-bar-right p {
  padding: 0 .5em .5em .25em;
  margin: .5em 0 .5em 0;
}

#side-bar .whiteBackground h1 {
  color: #000000;
  background-color: inherit;
  text-align: left;
  font-size: 105%;
  font-weight: bold;
  margin: 0 0 .25em 0;
  padding: 0;
}

#side-bar .otherBackground h1 {
  color: black;
  background-color: inherit;
  text-align: left;
  font-size: 105%;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: 0;
}

.sideBarText {
  line-height: 1.5em;
  font-size:95%;
  padding: .25em 1.5ex 0 2.5mm;
  display: block;
}

.sideBarTextBigger {
  line-height: 1.5em;
  font-size:100%;
  padding: .25em 1.5ex 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a, #side-bar-right .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover #side-bar-right .sideBarText a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

#side-bar-right .sideBarText a:hover {
  background-color: transparent;
  text-decoration: none;
}

#side-bar-right .biggernav li {
  font-weight:900;
  font-size:105%;
  padding-bottom: .75em;
  }
  
  .hilite  {
  background-color:#FFFF6A
}

.whiteBackground {
  color: inherit;
  background-color: white;
  padding: .25em;
  border-bottom: 1px solid rgb(153,153,153);
}

.noPaddingBackground {
  color: inherit;
  background-color: white;
  border-bottom: 1px solid rgb(153,153,153);
}

.otherBackground {
  color: black;
  background-color: #99CC99;
  padding: .25em 0 .25em .25em;
}


/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 13em 0 15em;
  padding: 2mm 5mm 5mm 5mm;
  height:100%;
}

#main-copy-2-col {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 15em;
  padding: 2mm 5mm 5mm 5mm;
  height:100%;
}

#main-copy p, #main-copy-2-col p {
  margin: 1em 1ex 1em 1ex;
  padding: 0;
}

#main-copy th, #main-copy-2-col th {
  background-color: #D8F1DD;
  color: black;
  text-align:left;
  margin-left:2px;
  border: thin solid #4E9C81;
  padding: .05em .5em .05em .5em;
}

#main-copy a, #main-copy-2-col a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover, #main-copy-2-col a:hover {
  text-decoration: none;
}

#main-copy h1, #main-copy-2-col h1 {
  color: white;
  background-color:#CC6666;
  font-size: 105%;
  font-weight: bold;
  margin: 0 0 .75em 0;
  padding: .1ex 0 0.5ex 1ex;
  text-transform: uppercase;
}

#main-copy h1 .linkbox, #main-copy-2-col .linkbox h1 {
  font-weight:bold;
  padding: .1ex 0 .5ex 1ex;
}

#main-copy h2, #main-copy-2-col h2 {
  color: black;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: 0 0 .25ex 1ex;
}

#main-copy h3, #main-copy-2-col h3 {
  font-size: 100%;
  font-weight: bold;
  margin: .25ex 0 .25ex .5ex;
  padding: 0.15ex 0 0 .25ex;
}

#main-copy h4, #main-copy-2-col h4 {
  font-size:100%; 
  font-weight:bold; 
  margin: .25em 0 0 .7em;
}

#main-copy .topOfPage, #main-copy-2-col .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy > .topOfPage, #main-copy-2-col .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

.NewsSpotLight {
  list-style-type:none;
  margin:.75em 0 .5em .5em;
  padding:0;
  font-size:90%;
}

.NewsSpotLight li {
  background-color:#f3eec4; 
  padding:.5em; 
  margin: 1px 0 4px 0; 
  border:1px solid #c7a44a;
}


.background  {
  color: black;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 0 0 .25ex 1ex;
  border-bottom-color:#CC9966;
  border-bottom-style:solid;
  border-bottom-width:1px;
}

.callout {
	padding:.25em; 
	background-color:#DDFFEE; 
	width:95%; 
	margin-left:1.5ex;
}

.nobackground  {
  color: #000000;
  font-size: 110%;
  font-weight: bold;
  margin: .25ex 0 .25ex 0;
  padding: 0.15ex 0 0 .25ex;
}

.picturebox  {
 float:right;
 padding:10px;
 margin-left:10px;
 margin-bottom:5px;
 text-align:center;
}

.leftpicturebox  {
 float:left;
 padding:1ex 2ex 2ex 0;
 margin: 1ex 1ex 1ex .75ex;
 text-align:center;
}

.bigtext  {
 font-size:120%;
 font-weight:bold;
}

.medtext  {
 font-size:105%;
 font-weight:900;
}

.linkbox  {
  float:right;
  margin: .5em .75em .5em 2.5em;
  text-align:left;
  color:#000000;
  border: .2em groove #4E9C81;
  padding:.5em;
}

.linkbox ul {
  list-style-type: none;
  margin: 0;
  padding: 0 .2em 0 .2em;
}

.linkbox li {
  margin-bottom: .15em
}  

.infoboxcontainer  {
  float:right; 
  width:50%; 
  margin-left:10px; 
  margin-top:2px;
  background-color: #DFFFDF;
}

.newslist li {
  margin-bottom: .4em;
  font-size:105%;
}

.infoboxcontainer h2 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 .5em 0;
  padding: 0 0 0 1ex;
  background-color:#4E9C81;
  color:#FFFFFF;
}

.infobox  {
  width: 98%;
  height: 250px;
  overflow: auto;
  margin-bottom: 10px;
}

.infobox ul {
  list-style-type:none;
  padding:.25em .5em .5em .25em;
  margin:.25em .5em .5em .25em;
}

.news  {
  height: 350px;
  overflow: auto;
  margin-bottom: 10px;
  font-size:95%;
}

.newshomepage  {
  height: 200px;
  overflow: auto;
  margin-bottom: 10px;
  font-size:90%;
  width:98%;
}

.newsLong  {
  width: 100%;
  height: 650px;
  overflow: auto;
  margin-bottom: 10px;
  font-size:95%;
}

.news ul {
  list-style-type:none;
  padding:.25em .5em .5em .25em;
  margin:.25em .5em .5em .25em;
}

.newshomepage ul {
  list-style-type:none;
  padding:.25em .5em .5em .25em;
  margin:.25em .5em .5em .25em;
}

.news span {
  font-weight:bold; 
  font-size:90%
}

.bignews  {
  width: 95%;
  height: 250px;
  overflow: auto;
  margin-bottom: 2em;
  margin-left: 1em;
  margin-top: 1em;
  background-color: #FFFFEC;
  border-width:thin;
  border-style:solid;
  border-color:#BF7830;
}

.news p  {
  margin: 1em 1ex .5em 1ex;
  padding: 0;
  font-size: 85%;
  text-align: left;
}

.biglist  {
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}

.biglist li  {
  margin-bottom:2em
}

.nobullet {
  list-style-type:none;
  margin: 0;
  padding: .5em .2em .5em 1em;
}

.nobullet li {
  margin: 0 0 .5em 0;
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}

hr.h {
	border: 2px ridge #4E9C81;
	width: 100%;
	height: 3px;
	margin: 10px auto 0 0;
	text-align: left;
	}


/* ##### Footer ##### */

#footer {
  color: black;
  background-color: #CC9966;
  font-size: 100%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}