* {
  margin: 0;
  padding: 0;
}
 
html, body {
     border:0;
     margin:0;
     padding:0;
     height: 100%;
}
 
body {
     font: 95%/1 arial, helvetica, sans-serif;
	 line-height: 130%;
     color: #000000;
     background: #172A29;
}

a {text-decoration: none;}

img {border: none;}

h2 {
  color: #172A29;
  font-weight: bold;
  font-size : 135%;
}

h3 {
  color: #172A29;
  font-weight: bold;
  font-size : 135%;
  margin: 0; 
}

h4, h5 {
  color: #172A29;
  font-weight: bold;
  font-size : 105%;
  margin: 8px 0 0 0; 
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

#container {
  width: 100%;
  height: 100%;
  margin-top: 10px;
}

#wrapper {
  width: 800px;
  background: url(../image/background.jpg) repeat-y top left;
  text-align: center;/* IE fix to center the page */
  margin: 0 auto;/* center the page in Firefox */
}

.endOfSection {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

#memu { 
	display: block;
    text-align: center;
    text-decoration: none;
}

#menu ul { 
	width: 798px; /*If your links text is bigger you will have to adjust this value*/
    height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
    background: url(../image/menu_bg.jpg) repeat-x left top;
}


#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}

#menu ul li.begin { 
margin-left: 25px;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 23px;
	color: #172A29;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
    background: url(../image/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(../image/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(../image/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: #172A29;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}

img.m {
float: left;
border: none;
}

#sidebar {
  display: block;
  float: left;
  width: 180px;
  text-align: left;
  color: Black;
}

#sidebar .sb_content {
  text-align: left;
  width: 180px;
}

#sidebar #navlist {
  width: 180px;
}

#sidebar #navlist a, #navlist a:visited , #sidebar #navlist p{
  display: block;
  height: 33px;
  padding: 0 2px 0 15px;
  border: none;
  color: black;
  font-size: 105%;
  text-align: left;
  line-height: 33px;/* this value must match the height in order to center vertically the text*/
  text-decoration: none;
  list-style: none;
}
#sidebar #navlist .nav, #sidebar #navlist .nav:visited {
  display: block;
  height: 35px;
  padding: 0 2px 0 15px;
  border: none;
  color: #172A29;
  font-size: 98%;
  text-align: left;
  line-height: 35px;/* this value must match the height in order to center vertically the text*/
  text-decoration: none;
  list-style: none;
  background: url(../image/menu_bg.jpg) repeat-x left top;
  background-color: transparent;
}

#sidebar #navlist a:hover {
  text-align: left;
  color: black;
}

#sidebar #navlist .nav:hover, #sidebar #navlist .nava  {
  text-align: left;
  color: #172A29;
  background: transparent url(../image/menu_over.jpg) repeat-x center top;
  font-weight: bold;
}

#sidebar img.simg {
padding: 2px 0 2px 22px;
}

#header {
  background: url(../image/header.jpg) no-repeat top left;
  display: block;
  clear: right;
  width: 800px;
  height: 165px;
  color: white;
  text-align: right;
}

#header a {
padding: 0 5px 0 0;
color: black;}

#header a:hover {
  border-bottom: 1px dotted black;
}

#header #intro {
  width: 100%;
  color: white;
}

#header #intro p{
padding: 2px 0 0 190px;
margin: 0;
font-size: 120%;
color: #172A29;
}

#header .intro_t {
  color: white;
  text-align: left;
}

#header #intro h1 {
  color: #172A29;
  font-size: 225%;
  padding: 25px 0 10px 160px;
}

#header #address {
margin-top: 0px;
}

#header #address li{
list-style: none;
color: #172A29;
padding: 0 0 0 0px;
text-align: center;
font-size: 85%;
}
#header img.alignright {
  float: right;
  margin: 4px 20px 0px 0px;
}

#content {
  display: block;
  float: left;
  width: 620px;
  text-align: left;
  margin: 0;
  margin-bottom: 40px;
  padding: 0;
}

#content img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}

#content img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
}

#content img.showleft {
  float: left;
  margin: 0 0 0 65px;
}

#content img.showright {
  float: right;
  margin: 0 65px 0 0;
}

#content img.alignmiddle {
  margin: 20px 0 20px 20px;
}

#content img.alignmiddle2 {
  margin: 20px 0 20px 75px;
}

#content div.figure {
  float: left;
  margin: 5px 10px 5px 0;
  border: none;
}
#content div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

#content #main {
  display: block;
  margin: 15px 30px 0 30px;
  color: #172A29;
}

#content #main p{
  margin: 10px 0px 10px 0;
}

#content #nav a, a:visited, a:hover{
  color: black;
}

#main ul{
  margin-top: 0px;
}

#main ul li{
  list-style: none;
}

#content #nav p{
  font-size: 70%;
  color: black;
  margin: 0 45px 0 45px;
  border-bottom: 1px dotted;
}

#sitemap a:link, #sitemap a:hover, #sitemap a, #sitemap a:visited{
  display: block;
  width: 9em;
  position: relative;
  color: black;
  text-align: left;
}

#sitemap ul li {
  list-style-image: none;
  list-style: none;
  text-decoration: none; 
  line-height:  1.8em;
  font-size: 135%;
  color:black;
}

#sitemap ul li ul {
  margin-top: -10px;
}

#sitemap ul li ul li{
  font-size: 80%;
  margin-left: -20px;
  margin-top: -5px;
}

#sitemap .col1 {
margin-left:50px;
}
 
#sitemap .col2 {
margin-left:380px;
}

#sitemap .coltopper {
margin-top: -12.6em;
}

#contact ul{ 
  margin-top: 2px;
}

#contact li{ 
  margin-top: 0;
  list-style: none;
}

#footer {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: 100px;
  font-size: 75%;
  color: #0000cd;
  background: url(../image/footer.jpg) no-repeat left top;
}

#footer a, a:visited{
  text-align:center; 
  color: #0000cd;
  padding:0;
  margin:0;
}
#footer a:hover{
  border-bottom: 1px dotted;
}

#footer p{
  text-align:center; 
  padding:0;
  margin:0;
}

#footer .contentfoot {
  display: block;
  float: right;
  width: 800px;
  padding:35px 0 0 0;
}

#footer .backtotop {
  float: right;
  clear: right;
  width: 30px;
  height: 30px;
  margin: 10px 10px;
}