@charset "utf-8";

html, body, div, p, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}

h1 img {
	display: block;
}

img {
	border: 0;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.more {
	text-align: right;
}

.clear {
	clear: both;
}
/** layout **/
#refresh {
	text-align: left;
	margin: 0px auto;
	width: 1000px;
	background: #ffffff;
    position: relative;
}

#header {
  background: #f4eddb url("../slideShow/Images/slide3.jpg");
  height: 140px;
}

/* Menu */

ul#menu {
	width: 100%;
	height: 43px;
	background: #FFF url("../template_images/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font: 12px sans-serif, arial, verdana;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#menu li {
	font-size: 0.8em;
	font: 12px sans-serif, arial, verdana;
	display: block;
	float: left;
	border: none;
	margin: 0 0 0 0;
	/*margin: 0 0 0 1.25em;*/
}

ul#menu li a, ul#menu li a:visited {
	height: 43px;
	background: #FFF url("../template_images/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font: 12px sans-serif, arial, verdana;
	color: #060;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	border: none;
	padding: 0.7em 1.25em 0 1.25em;
	margin: 0 0 0 0;
}

ul#menu li a:hover  {
	color: #060;
	background: #FFF url("../template_images/current-bg.gif") top left repeat-x;
	border: none;
	padding: 0.7em 1.25em 0 1.25em;
	margin: 0 0 0 0;
}

td a, td a:visited {
	font-size: 0.8em;
	font: 12px sans-serif, arial, verdana;
	color: #060;
	text-decoration: none;
	font-style:italic;
}

td a:hover  {
	color: #060;
	padding: 0.7em 1.25em 0 1.25em;
	text-decoration: underline;
	font-style:italic;
}


ul#menu li a#current{
	color: #060;
	background: #FFF url("../template_images/current-bg.gif") top left repeat-x;
	border: none;
	padding: 0.7em 1.25em 0 1.25em;
	margin: 0 0 0 0;
}

#menu_body {
  padding-top: 3px;
  background-color:#FFF;
}

/* Links on the Left Hand Side */

#categories {
  font-size: 12px;
  float: left;
  width: 192px;
  height: 575px;
  background-color: #fff;
  border: 1px solid #06C;
}

#categories .inner, #newslinks .inner {
  padding: 6px 12px;
}

#categories #upperinner, #newslinks #upperinner {
  padding: 8px 18px 0px 20px;
}

#categories p {
  margin: 0.9em 0;
}

#categories h2 {
  color: #fff;
  padding: 0px 0 8px 10px;
}

#categories li {
  background: left url(../images/bullet1.png) no-repeat;
  list-style: none;
  font-size: 12px;
  border-bottom: 1px solid #039;
  padding: 7px 0px 8px 14px;
}

#categories a {
  text-decoration: none;
  color:#036;
}

#categories a:hover {
  text-decoration: underline;
  color:#C60;
}

/* Handling the Page Content in Template 1 */

#contents {
  float: left;
  width: 550px;
  margin-bottom: 2px;
}

#contents .inner {
  color: #003;
  padding: 6px 12px;
}

#contents .inner ol, #contents .inner ul  {
  font-size: 12px;
  padding: 5px 0px 5px 15px;
}

#contents .inner li {
  font-size: 12px;
  padding: 5px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}

#contents .inner a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents .inner a:hover, #contents .inner a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents .inner .highlightbox ol, #contents .highlightbox .inner ul  {
  font-size: 12px;
  padding: 0px 0px 5px 30px;
}

#contents .inner .highlightbox li {
  font-size: 12px;
  padding: 5px 0px 0px 7px;
  margin: 0px 0px 0px 0px;
}

#contents .inner h2 {
  clear: both;
  font: 24px "arial narrow", arial, sans-serif;
  padding: 0px 0px 3px 0px;
  margin: 10px 0px 0px 0px;
  text-align: left;
  color: #003;
}

#contents .inner p {
  text-align: justify;
  margin: 5px 0;
}

#contents .inner p strong {
  color: #00773C;
}

#contents .highlightbox {
  background: #fff;
  margin: 0px 0px px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #06C;
}

#contents .inner .highlightbox #nav-line {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 2px;
}

#contents .inner .highlightbox #nav-line .nav-container {
  float: left;
  width: 290px;
  padding: 3px 0 4px 0px;
  color: #F00;
}

#contents .inner .highlightbox #nav-line .nav-container .nav-msg {
  display: block;
  font-size: 12px;
  padding: 3px 0 4px 0px;
  font-weight: bold;
}

#contents .inner .highlightbox #nav-line .nav-container .nav-msg a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents .inner .highlightbox #nav-line .nav-container .nav-msg a:hover, #contents .inner .highlightbox #nav-line .nav-container .nav-msg a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents .inner .highlightbox .template_header {
  font: 22px "arial narrow", arial, sans-serif;
  color: #060;
  padding: 3px 0 3px 0px;
  text-align: justify;
}

#contents .inner .highlightbox .template_header a:hover, #contents2 .inner .highlightbox .template_header a:visited {
  color: #000000;
  text-decoration: underline;
}

#contents .highlightbox p {
  text-align: justify;
  padding:  0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#contents #highlightboxlast {
  background:  rgb(193, 193, 250);
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #06C;
}

#contents #highlightboxlast p {
  text-align: justify;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#contents .highlightbox h3, #contents #highlightboxlast h3 {
  color: #06C;
}

#contents .inner .highlightbox .green {
  color: #333;
  background-color: #FFDEB0;
  padding: 3px 3px 3px 3px;
}

#contents .inner .highlightbox .green ul {
  margin: 3px 3px 3px 3px;
  padding: 0px 0px 0px 0px;
}

#contents .inner .highlightbox .green li {
  background: left #003 url(../images/bullet1.png)no-repeat;
  list-style: none;
  font-size: 12px;
  padding: 0px 0px 3px 20px;
}

#contents .inner .highlightbox .green li a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents .inner .highlightbox .green li a:hover, #contents .inner .highlightbox .green li a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

/* Handling the Page Content in Template 2 */

#contents2 {
  float: left;
  width: 800px;
  margin-bottom: 2px;
}

#contents2 .inner {
  color: #333;
  padding: 6px 5px 5px 5px;
}

#contents2 .inner a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner a:hover, #contents2 .inner a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner .highlightbox ol, #contents2 .highlightbox .inner ul  {
  font-size: 12px;
  padding: 0px 0px 5px 30px;
}

#contents2 .inner .highlightbox li {
  font-size: 12px;
  padding: 5px 0px 0px 7px;
  margin: 0px 0px 0px 15px;
}

#contents2 .inner .mytable {
  padding: 3px 5px 3px 5px;
  margin: 2px 2px 0px 2px;
  color: #333;
}

#contents2 .inner .mytable table {
  color: #333;
  border: thin #FFF;
  background-color: #E7FEE8;
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 3px 0px
}

#contents2 .inner .mytable tr {
  line-height: 20px;
  vertical-align: text-top;
}

#contents2 .inner .mytable table a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner .mytable table a:hover, #contents2 .inner .mytable table a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner .highlightbox #nav-line {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 2px;
}

#contents2 .inner .highlightbox #nav-line .nav-container {
  float: left;
  width: 290px;
  padding: 3px 0 4px 0px;
  color: #F00;
}

#contents2 .inner .highlightbox #nav-line .nav-container .nav-msg {
  display: block;
  font-size: 12px;
  padding: 3px 0 4px 0px;
  font-weight: bold;
}

#contents2 .inner .highlightbox #nav-line .nav-container .nav-msg a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner .highlightbox #nav-line .nav-container .nav-msg a:hover, #contents2 .inner .highlightbox #nav-line .nav-container .nav-msg a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner .highlightbox .template_header {
  font: 22px "arial narrow", arial, sans-serif;
  color: #060;
  padding: 3px 0 3px 0px;
  text-align: center;
}

#contents2 .inner .highlightbox .template_header a:hover, #contents2 .inner .highlightbox .template_header a:visited {
  color: #000000;
  text-decoration: underline;
}

#contents2 .inner .highlightbox .green {
  color: #333;
  background-color: #FFDEB0;
  padding: 3px 3px 3px 3px;
  margin: 0px 12px 0px 12px;
}

#contents2 .inner .highlightbox .green ul {
  background: #E7FEE8;
  margin: 3px 3px 3px 3px;
  padding: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green #detailA, #contents2 .inner .highlightbox .green #detailB, #contents2 .inner .highlightbox .green #detailC, #contents2 .inner .highlightbox .green #detailD, #contents2 .inner .highlightbox .green #detailE, #contents2 .inner .highlightbox .green #detailF, #contents2 .inner .highlightbox .green #detailG, #contents2 .inner .highlightbox .green #detailH, #contents2 .inner .highlightbox .green #detailI, #contents2 .inner .highlightbox .green #detailJ, #contents2 .inner .highlightbox .green #detailK, #contents2 .inner .highlightbox .green #detailL, #contents2 .inner .highlightbox .green #detailM {
  background-color: #E7FEE8;
  font-size: 12px;
  line-height: 20px;
  padding: 3px 10px 3px 20px;
  margin: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green #detailA li, #contents2 .inner .highlightbox .green #detailB li, #contents2 .inner .highlightbox .green #detailC li, #contents2 .inner .highlightbox .green #detailD li, #contents2 .inner .highlightbox .green #detailE li, #contents2 .inner .highlightbox .green #detailF li, #contents2 .inner .highlightbox .green #detailG li, #contents2 .inner .highlightbox .green #detailH li, #contents2 .inner .highlightbox .green #detailI li, #contents2 .inner .highlightbox .green #detailJ li, #contents2 .inner .highlightbox .green #detailK li, #contents2 .inner .highlightbox .green #detailL li, #contents2 .inner .highlightbox .green #detailM li {
  list-style: decimal;
  background: #E7FEE8;
  line-height: 20px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green #detail, #contents2 .inner .highlightbox .green #detail1, #contents2 .inner .highlightbox .green .detail2, #contents2 .inner .highlightbox .green #detail3, #contents4 .inner .highlightbox .green #detail4, #contents5 .inner .highlightbox .green #detail5, #contents6 .inner .highlightbox .green #detail6, #contents7 .inner .highlightbox .green #detail7, #contents8 .inner .highlightbox .green #detail8, #contents9 .inner .highlightbox .green #detail9, #contents10 .inner .highlightbox .green #detail10 {
  background-color: #E7FEE8;
  font-size: 12px;
  padding: 3px 10px 3px 20px;
  margin: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green #detail1 strong, #contents2 .inner .highlightbox .green #detail2 strong, #contents2 .inner .highlightbox .green #detail3 strong {
  color: #00773C;
}

#contents2 .inner .highlightbox .green li {
  background: left #E7FEE8 url(../template_images/bullet3.gif) no-repeat;
  list-style: none;
  font-size: 12px;
  padding: 0px 10px 3px 20px;
  margin: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green li a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner .highlightbox .green li a:hover, #contents2 .inner .highlightbox .green li a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner .highlightbox .green .mytable {
  padding: 0px 0px 0px 0px;
  margin: 2px 2px 2px 2px;
  color: #333;
  background-color: #FFDEB0;
}

#contents2 .inner .highlightbox .green .mytable table {
  color: #333;
  border: thin #FFF;
  background-color: #E7FEE8;
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 3px 0px
}

#contents2 .inner .highlightbox .green .mytable tr {
  line-height: 20px;
  vertical-align: text-top;
}

#contents2 .inner .highlightbox .green .mytable table a, #contents2 .inner .highlightbox .green .mytable a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner .highlightbox .green .mytable table a:hover, #contents2 .inner .highlightbox .green .mytable table a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner .highlightbox .green .mytable .tool #checkbox {
  background: #E7FEE8;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 3px 0px 3px;
  border: 1px solid #84D67A;
}

#contents2 .inner .highlightbox .green .mytable .tool #checkbox .entity {
  float: left;
  text-align: left;
  color: #060;
  vertical-align: middle;
  width: 93px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green .mytable .tool #checkbox .point {
  float: left;
  text-align: left;
  color: #060;
  width: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green .mytable .tool #checkbox .entity input {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 15px;
  vertical-align: middle;
  display: block;
}

#contents2 .inner .highlightbox .green .mytable .tool {
  font: 16px "arial narrow", arial, sans-serif;
  height: 26px;
  line-height: 25px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#contents2 .inner .highlightbox .green .mytable .tool .inlabel {
  float: left;
  vertical-align: middle;
  padding: 2px 3px 0px 0px;
  margin: 0px 0px 0px 5px;
}

#contents2 .inner .highlightbox .green .mytable .tool .inlabel .fixed {
  width: 73px;
  float: left;
  text-align: left;
  vertical-align: middle;
}

#contents2 .inner .highlightbox .green .mytable .tool .inelement {
  float: left;
  vertical-align: middle;
}

#contents2 .inner .highlightbox .green .mytable .tool .inelement select, #contents2 .inner .highlightbox .green .mytable .tool .inelement input {
  float: left;
  display: block;
  font-size: 13px;
  padding: 2px 2px 2px 2px;
  margin: 3px 0px 2px 2px;
}

#contents2 .inner .highlightbox .green .mytable .tool .inelement .longer select {
  font-size: 10px;
  padding: 2px 0px 2px 0px;
  margin: 5px 0px 2px 0px;
}

#contents2 .inner .highlightbox .green .mytable .tool .rt_element input {
  float: right;
  vertical-align: middle;
}


#contents2 .inner .highlightbox .green .mytable .tool .inelement option {
  float: left;
  line-height: 25px;
}

#contents2 .inner .highlightbox .green .mytable input {
  vertical-align: middle;
  display: block;
  height: 25px;
  padding: 0px 5px 1px 5px;
  margin: 0px 0px 0px 10px
}

#contents2 .inner .highlightbox .mytable {
  padding: 3px 5px 3px 5px;
  margin: 2px 2px 0px 2px;
  color: #333;
}

#contents2 .inner .highlightbox .mytable table {
  color: #333;
  border: thin #FFF;
  background-color: #E7FEE8;
  padding: 0px 5px 0px 5px;
  margin: 0px 0px 3px 0px
}

#contents2 .inner .highlightbox .mytable tr {
  line-height: 20px;
  vertical-align: text-top;
}

#contents2 .inner .highlightbox .mytable table a {
  color: #060;
  font-size: 13px;
  text-decoration: none;
}

#contents2 .inner .highlightbox .mytable table a:hover, #contents2 .inner .highlightbox .mytable table a:visited {
  color: #000000;
  font-size: 13px;
  text-decoration: underline;
}

#contents2 .inner h2 {
  clear: both;
  font: 24px "arial narrow", arial, sans-serif;
  padding: 0px 0px 3px 0px;
  margin: 10px 0px 0px 0px;
  text-align: left;
  color: #00773C;
}

#contents2 p {
  text-align: justify;
  margin: 5px 0;
}

#contents2 p strong {
  color: #00773C;
}

#contents2 .highlightbox {
  background: #E7FEE8;
  margin: 0px 0px 3px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #84D67A;
}

#contents2 .highlightbox p {
  text-align: justify;
  padding:  0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#contents2 .highlightbox p.message {
  color: #C00;
  font-size: 14px;
  text-align: justify;
  margin: 10px 10px 5px 10px;
}

#contents2 #highlightboxlast {
  background: #E7FEE8;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border:  1px solid #84D67A;
}

#contents2 #highlightboxlast p {
  text-align: justify;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

#contents2 .highlightbox h3, #contents2 #highlightboxlast h3 {
  color: #003;
}

.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

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

/* Handling the Page Picture */

.inner .picture {
  background-color: #fff;
  border: 1px solid #003;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  font: 11px/1.4em Arial, sans-serif;
  text-align: center;
}

.inner .picture img {
  border: 1px solid #003;
  vertical-align: middle;
  margin-bottom: 3px;
} 

.inner .appear {
  margin: 0px 0px 0.7em 0px;
  float: left;
}

.inner .highlightbox .picture {
  background-color: #fff;
  border: 1px solid #003;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 5px;
  font: 11px/1.4em Arial, sans-serif;
  text-align: center;
}

.inner .highlightbox .picture img {
  border: 1px solid #84D67A;
  vertical-align: middle;
  margin-bottom: 0px;
}

.inner .highlightbox .appear {
  margin: 0px 0px 0.7em 0px;
  float: left;
}

.inner .highlightbox .appear_right {
  margin: 0px 0px 0.7em 0px;
  float: right;
}

/* Links on the Right Hand Side */

/* Static Vertical Links */

.rightlinks {
  float: left;
  width: 252px;
  padding: 0px 0px 5px 0px;
  margin: 5px 0px 0px 0px;
  background-color: #E7FEE8;
  border: 1px solid #84D67A;
}

.rightlinks .inner {
  padding: 6px 12px 0px 11px;
}

.rightlinks p {
  margin: 0.9em 0;
}

.rightlinks h2 {
  color: #fff;
  padding: 4px 0 5px 8px;
  background: #008C00;
}

.rightlinks li {
  background: left #E7FEE8 url(../images/bullet1.png) no-repeat;
  list-style: none;
  font-size: 12px;
  border-bottom: 1px solid #84D67A;
  padding: 7px 0 8px 25px;
}

.rightlinks a {
  color: #00AE00;
  text-decoration: none;
}

.rightlinks a:hover {
  text-decoration: underline;
  color: #000000;
}

/* Scrolling Vertical Links */

#rightlinks-id {
  float: left;
  width: 252px;
  background-color: #fff;
  padding: 0px 0px 0px 0px; 
  margin: 5px 0px 0px 0px;
  border: 1px solid #06C;
}

#rightlinks-id .inner {
  padding: 6px 12px 0px 11px;
}

#rightlinks-id h2 {
  color: #fff;
  padding: 4px 0 5px 8px;
  margin: 0px 0px 5px 0px;
  background: #06C;
}

#rightlinks-id a { text-decoration:none; color: #036; }

#rightlinks-id a:hover {
  text-decoration: underline;
  color: #000000;
}

#rightlinks-id .title {
  text-align: left;
  padding: 5px;
}

.rightlinks-class {
  width: 228px;
}

.rightlinks-class ul li {
  list-style: none;
  display: block;
  padding: 0px 0px 5px 0px;
  margin-bottom: 5px;
  border-bottom: 1px solid #06c;
}

.rightlinks-class .thumbnail {
  float: left;
  width: 10px;
}

.rightlinks-class ul li .info {
  float: right;
  width: 210px;
  padding: 0px 0px 5px 0px;
  text-align: justify;
}

.rightlinks-class ul li .info div {
  padding: 0px 0px 10px 0px;
}

.rightlinks-class .info span.cat {
  display: block;
  font-size: 10px;
  color: #808080;
}

/* General Header (H?) Formatting */

h3 {
  font: bold 14px "arial narrow", arial, sans-serif; 
  color: #1B1812;
}

h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #695F4C;
  padding-bottom: 10px;
}

/* Footer Display */

#footoutline {
    width: 100%;
	clear: both;
	margin: 0 0 0 0;
    color: #fff;
	background-repeat:repeat-y;
    background-color:#06c;
  border: 1px solid #06C;
}

#footer {
	padding: 6px 0px 6px 0px;
	font-size: 10px;
    text-align: center;
}