/* ###### General Colors ###### */

/*** Text Color (darker): ***/
  body, #header2 a, .sideBar a, h4, .sideBar .sideBar span, .subFooter a
  { color: #22464f; }

/*** Text Color (lighter): ***/
  #header, #header a, .header, .menuBar, .menuBar *, .sideBar a:hover, #footer, #footer a
  { color: #FFFFFF; }

/*** Border Color: ***/
  #bodyText .boxedDark, #bodyText .boxedLight, .sideBar a, .sideBar a:hover, .sideBar span, .subFooter a
  { border-color: #71828A; }

/*** Background Color (darker): ***/
  #header, #footer, .sideBarTitle
  { background-color: #71828A; }

/*** Background Color (lighter): ***/
  #bodyText .boxedLight
  { background-color: #F7FCFE; }


/* ###### Special Colors ###### */

/* #header { border-color: white; } */

.menuBar a:hover { color: #71828A; }

#bodyText .boxedDark { color: black; }

#bodyText a { color: #71828A; }

#bodyText a:hover { color: #22464f; }

#header2 a { color: #22464f; }

#header2 a:hover { color: #71828A; }

body { background-color: #F2F2F2; }

#footer a { border-color: white; }

.sideBar a:hover { color: #999999; }

.highlight { color: #71828A;}


/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, sans-serif;
  font-size: small;
  margin: 0;
}

p, blockquote {
  font-size: 80%;
}

li {
  font-size: 80%;
}

td {
  font-size: 80%;
}
 
h1, h2, h3 {
  font-family: verdana, tahoma, sans-serif;
}

h1 {
  font-size: 160%;
  font-weight: bold;
  margin-top: 0.25em;
}

h2 {
  font-size: 140%;
  font-weight: bold;
  margin-top: 0.25em;
}

h3 {
  font-size: 110%;
  font-weight: bold;
  margin-top: 0.25em;
}

h4 {
  font-size: 100%;
  font-weight: bold;
  font-variant:small-caps;
  margin-top: 1em;
}

img {
  border: none;
}

hr {
  height: 1px;
}

#bodyText {
  text-align: left;
  line-height: 1.5em;
  margin: 15px 5px 0 130px;
  padding: 0 10px 10px 10px;
}

#bodyText a, a:hover {
  text-decoration: none;
}

#bodyText .boxedLight {
  margin-bottom: 1em;
  margin-left: 20px;  
  padding: 10px 10px 15px 20px;
  border-style: dotted;
  border-width: 1px;
}

.boxedDark {
  margin-bottom: 1em;
  margin-left: 20px;
  padding: 20px 10px 15px 20px;
  border-style: solid;
  border-width: 1px;
  height: 100%;
}

.highlight {
	border: 1px solid #999999;
	font-size: 80%;
	color: #000000;
	padding-left: 10px;
	
}

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

#header {
  height: 7em;
  padding: 0 2.5mm 0 4mm;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  background-image: url(graphics/site/TitleHeader_background.jpg);
  background-position: right;
  background-repeat: no-repeat;
}

#header a, a:hover {
  text-decoration: none;
}

#header2 {
  height: 15px;
  text-align: right;
  text-size: 8pt;
  font-weight: bold;
  padding: 2mm 5mm 2mm 1mm;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#header2 a, a:hover {
  text-decoration: none;
}

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

.sideBar {
  font-size: 10pt;
  text-align: right;
  width: 11em;
  float: left;
  clear: left;
}

.sideBarTitle {
  font-weight: bold;
  padding: 0.5ex 1em 0.5ex 0.5ex;
  border-top-style: none;
}

.sideBar a, .sideBar span {
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1ex 1em 1ex 0.5ex;
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBar a:hover {
  background-color: #71828A;
  border-color: #71828A;
  color: #FFFFFF;
}

.sideBar .sideBarText {
  text-align: justify;
  padding: 1ex 1.5ex;
}


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

.sideBar_images {
  font-size: 10pt;
  text-align: right;
  width: 11em;
  float: left;
  clear: left;
}

.sideBar_imagesTitle {
  font-weight: bold;
  padding: 0.5ex 1em 0.5ex 0.5ex;
  border-top-style: none;
}

.sideBar_images a, .sideBar_images span {
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1ex 1em 1ex 0.5ex;
}

.sideBar_images .sideBar_imagesText {
  text-align: justify;
  padding: 1ex 1.5ex;
}

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

#footer {
  padding: 1ex 4mm;
  clear: left;
}

#footer div {
  font-size: 8pt;
  text-align: right;
  line-height: 1.25em;
}

#footer a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.footerLHS {
  text-decoration: none;
  float: left;
  clear: left;
}

/***************Image Box with Caption**************/
/***************Image used must be 500px wide*******/

dl.contentimagebox500right
{
  border: 0px solid #71828A;
  background-color: #F2F2F2;
  width: 520px;
  text-align: left;
  padding: 0 0 0 0;
  float: right;
  margin: 0 0 0 0;
  font-size: small;
}

.contentimagebox500right dd
{
  margin: 0;
  padding: 10px 5px 5px 10px;
  font-size: small;
}