body {
  color: black;
  background-color: #FFFFFF;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 12pt;
}
/* ##### Header ##### */

#banner {
width: 100%;
height: 130px;
background: #000000;
}
#banner2 {
margin-left:50px;
font-size: 130%;
color: #FFFFFF;
}

.TopHeader 
{ background-color: #000000;}

.SubHeader {
  color: white;
  background-color: #000000;
  margin: 0px;
  padding: 1ex 1ex 3ex 1.5mm;
}

.CardHeader {
  color: #FFFFFF;
  background-color: #000000;
  font-size: 140%;
  margin: 0px;
  padding: 1ex 1ex 3ex 1.5mm;
}

.greenhead{
clear: both;
padding: 5px;
margin: 0;
background-color: #900000;
color: #ffffff;
}
.greenhead a {
text-decoration: none;
color: #ffffff;
background-color:#900000;
}
.greenhead  a:hover {
background-color: #900000;
text-decoration: underline ;
font-weight: bold;
}

#bigbox {
background-color: #000000;
}

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

#side-bar {
  width: 15em;
  float: left;
  clear: left;
  border-right: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}

#side-bar div {
  border-bottom: 1px solid #000000;
}
.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 1em 0 0 0;
}

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

#side-bar li {
  margin: 0;
  padding: 0.1ex 0; 
}

#side-bar a, .thisPage {
  color: #FFFFFF;
  background-color: #006300;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
}

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



.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}
#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}


#side1 {
  width: 25em;
  float: left;
  clear: left;
  background-color: #000000;
  color: #FFFFFF;
  padding: 0 4em 0 1em;
  height: 800px;
  
}

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

#mainbody {
  color: #000000;
  background-color: #FFFFFF;
  text-align: justify;
  line-height: 1.2em;
  margin: 0 0 0 15em;
  padding: 0mm 5mm 1mm 5mm;
  border-left: 1px solid #000000;
}

#mainbody p {
  margin: 1em 1ex 1em 1ex;
  padding: 0;
}

#mainbody a {
  color: #006300;
  background-color: transparent;
  text-decoration: underline;
}

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

#mainbody h1 {
  color: white;
  background-color: #900000;
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#mainbody .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;
}

#mainbody > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

#main2
{  padding: 0px 50px;
	background-color: #000000;
	color: #FFFFFF;
}

#main2 h1 {
  background-color: #900000;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}



#main2 a:link {
text-decoration: none;
color: #FFFFFF;
background-color:#000000;

}
#main2 a:visited {
color: #900000;


}

#main2 a:hover {
text-decoration: underline ;
font-weight: bold;
}

#mainIndent {
margin-left: 40px;
}


/* CENTERED SECTION */

#container {
	width:600px;
	margin:20px auto 20px auto;
	height:auto !important;
	color:#000;
	}

#container h1 {
  background-color: #FFFFFF;
  margin: 1.5em 0 0 0;
 padding: 0.5ex 0 0.5ex 1ex;
}

#container2 {
	width:1000px;
	margin:20px auto 20px auto;
	height:auto !important;
	color:#000;
	font-size: 130%;
	}

#container2 h1 {
  background-color: #FFFFFF;
  margin: 1.5em 0 0 0;
 padding: 0.5ex 0 0.5ex 1ex;
}

		/* FOOTER */
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #006300;
color: #fff;
}
#footer a {
text-decoration: none;
color: #fff;
background-color:#006300;
}
#footer  a:hover {
text-decoration: none;
text-decoration: underline ;
font-weight: bold;
}

		/* FOOTER */
#redfooter {
clear: both;
padding: 5px;
margin: 0;
background-color: #900000;
color: #fff;
}
#redfooter a {
text-decoration: none;
color: #fff;
background-color:#900000;
}
#redfooter  a:hover {
text-decoration: none;
text-decoration: underline ;
font-weight: bold;

}

#navigation { float: left; width: 100%; } 
#nav2 {margin-left:50px; }/* Navigation */

#navigation ul 
{ 
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	float: left;
	width: 100%;
	background-color: #eff5e8;
}

#navigation li { float: left; margin: 0; padding: 0; }

#navigation li a
{
	float: left;
	display: block;
	padding: 5px 10px; 
}

#navigation li a:hover,
#navigation li a:active
{
	background-color: #000033;
	color: #ffffff;
}