/* --- Block Styles --- */

body{
 text-align:left;
 font-size: 11px;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 margin: 0; 
 padding: 0;
}
#wrapper {
	width:978px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
	padding:0;
}
.content {
 text-align: justify;
 font-size: 11px;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left: 5px;  
 }
.head {
 text-align: justify;
 font-size: 11px;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left: 12px; 
 }
.list {
 text-align: left;
 font-size: 11px;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 padding-left: 17px; 
 }


/* --- Font Styles --- */
#header h1 {display:none}
#header p {display:none}
h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 26pt;
 font-weight: 500;
 text-decoration: none;
 text-align: left;
 color: #006666;
 padding:0;
 margin:0;
 padding-left:5px;
}
h2 {
 height: 44px;
 color: white;
 background-color: #017cc2; 
 margin: 5px;
}
.h2_text {
 float: left;
 font-family: arial;
 font-weight: bold;
 font-style: italic; 
 font-size: 22pt;
 text-decoration: none;
 text-align: center;
 padding-top: 8px;
 padding-left: 5px;
}
h3 {
 color: #666666;
 text-align: justify;
 margin: 5px;
}
h4 {
 font-size: 13pt;
 color: #006666;
 text-align: center;
 margin: 15px;
 font-family: Arial, Helvetica, sans-serif 
}
p {
 margin: 12px;
}

#sitemenu a {
 display: block;
 float: left;
 width: 98px;
 height: 19px;  
 color: white;
 font-family: verdana, arial; 
 font-size:10pt;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 border-right: 1px solid white;
}
#sitemenu #sa {width: 186px;}
#sitemenu #end {border-right:0;}
#sitemenu a:hover {color: black; background-color: #dfeffc;}

#mainmenulist, #mainmenulist ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
#mainmenulist li {
 float: left;
 position: relative;
}

#mainmenulist li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
.mainmenuitem{}
#mainmenu a {
 display: block;
 float: left;
 color: white;
 font-family: verdana, arial; 
 font-size:10pt;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 padding-left: 7px;
 padding-right: 8px;
 padding-top: 0;
 border-right: 0;
}
#mainmenu a:hover {color: black; background-color: #dfeffc;}
.menu{
 text-align: left;
 width: 175px;
 left: 0;
 padding-left: 8px;-
 padding-right: 4px;
 font-family: verdana, arial; 
 font-size:9pt;
 color: #FFFFFF;
 font-weight: bold;
}
.footer{
 text-align: right;
 width: 978px;
 left: 0;
 padding-left: 8px;
 padding-right: 4px;
 font-family: verdana, arial; 
 font-size:10pt;
 color: #FFFFFF;
 font-weight: bold;
 background:#20785e;
}

ul { list-style: none; margin:0; padding:0;}

li {
 font-size: 12px;
 line-height: 15pt;
 font-weight: bold;
}
li a {}
a:hover {color: #c8d9e9;}

/* --- Other Styles --- */
a img {border:0}
a {text-decoration:none;}

/* --- ContentSlider --- */

.contentslide{
 width: 300px;
 height: 401px;
 margin-top:5px;
 margin-left:5px;
 border: 2px solid #d0d6e2;
 text-align:center;
 padding:5px;
}
.contentslide img {width:300px;}
.contentslide h3 {
 display: block;
 width: 290px;
 color: white;
 background-color: #017cc2; 
 font-family: arial;
 font-weight: bold;
 font-style: italic; 
 font-size: 12pt;
 text-decoration: none;
 text-align: center;
 margin:0;
 margin-top: 5px;
 padding: 5px;
 padding-bottom: 1em;
 overflow: hidden;
}
.contentslide p {
 text-align: justify;
 padding:0;margin:0;
 margin-top: 5px;
 font-family: arial; 
 font-size: 10pt;
 overflow:hidden;
}
.contentdiv a {color: black;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .rotating_newsitem{
display: none;
}

.pagination{
width: 310px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
display:none;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 300px; /*IE5 width*/
w\idth: 310px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/* expanding menu css */
ul#menu {
  width: 164px;
  list-style-type: none;
  border-top: solid 1px #999999;
  margin: 0;
  padding: 0;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
 font-size:9pt;
 color: #FFFFFF;
 font-weight: bold;
  padding-top: 4px;
    padding-bottom: 4px;
}

ul#menu li {
  border-bottom: solid 1px #999999;
  line-height: 15px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #277e67;
}

ul#menu a.active {
  color: #277e67;
}