@charset "utf-8";
/* CSS Document */

/*---------------------structure---------------*/

body {
 background: #fff;
 margin:  0;
 padding: 0;
 text-align: center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 behavior: url("/assets/js/csshover2.htc");
}


#container {
     width:1000px;
     border: 0px solid #444;
     margin: 0 auto 40px auto;
     text-align: left;

}
#header {
     width:1000px;
     height: 120px;
     padding-left: 10px;
     margin-top: 10px;
     margin-bottom: 15px;
     margin-left: auto;
     margin-right: auto;
}
#sidebar {
     position: relative;
	 clear:both;
     border: 0px solid #444;
     width: 188px;
     float:left;
     margin-top:0;
     margin-bottom: 40px;
     margin-right: 0px;
     margin-left: -5px;
     display: inline;
}
#main {
     border: 0px solid #444;
     width: 780px;
     margin: 0px;
	 position:relative;
	 float: right;
     display: inline;
	 margin-bottom: 40px;
    min-height: 300px;
    _height: 300px;
    
}

/*-------Style-------*/
p {
   font-size: 14px;
	 }

ul {
     font-size: 14px;
	 }
	 
.sectionheader{
	color: #106664;
	font-weight: bold;
	}

.info {
     font-size: 11px;
     font-style: italic;
	}

/*---------------------header---------------*/


#headermenu {
	background: url(images/fgheader.gif) no-repeat;
	width: 815px;
	height: 75px;
	float: right;
	display:inline;
}


#header img {
     border: 0px
     }
.logo {
     float: left;
     margin-right: 10px;
     margin-left: 0px;
}
.header {
     margin-left: 0px;
     float: right;
}
#language {
	
     background-color:#106664;
     float: right;
      color:#FFFFFF;
      margin-top: 10px;
      margin-right: 10px;
      padding: 5px;
}
#language a {
       color:#FFFFFF;
       text-decoration: none;
       font-size: 11px;
}

.headerhome {
     float: left;
     background-color:#106664;
     color:#FFFFFF;
     font-size:12px;
     font-weight:normal;
     padding-left:10px;
     margin-top: 0px;
     width:116px;
     height:45px;

     }
     
.headerhome a:link {
      color:#fff;
      text-decoration:none;
      font-size:12px;
      text-align: center;
      }
 
 .headerhome a:visited {
      color:#fff;
      text-decoration:none;
      font-size:12px;
      }
 
 .headerhome a:hover {
      color:#fff;
      font-size:12px;
      text-decoration: underline;
      }
#topmenu {
     background-color:#b3c697;
	height: 45px;
    width:689px;
    margin-top: 0px;
    float: right;

}
#topmenu  .active a {
     color:#106664;
}
.menutop {
    background-color:#b3c697;
	padding-top:0px;
	margin-top:0;
	width:100%;
	margin: 0px;
    padding: 0px;  
}

 .menutop ul, .menu ul {
      margin: 0px;
      padding: 0px;
   }

.menutop li  {
	float:left;
	width:18%;
	height:45px;
	background-color:#b3c697;
    font-size:12px;
    padding: 5px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	border-right: #fff 2px solid;
	display:inline;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;	
	margin-left: 0px;
}
.menutop .last {
     border-right: 0px;
	 }

 .menutop li a:link {
      color:#000000;
      text-decoration:none;
      font-size:12px;

      }
 
 .menutop li a:visited {
      color:#000000;
      text-decoration:none;
      font-size:12px;

      }
 
 .menutop li a:hover {
      color:#FFFFFF;
      font-size:12px;

      }
 

/*-------------------------sidebar---------------*/
#sidebar {
     background: #f0f4f0;
	 position:relative;
	 left:5px;
	 z-index:1000;
	 margin-bottom:40px;
}

.sideheader  {
     width:188px;
     height:32px;
   	 
     background-color:#889E67;
     color:#EEF4D3;
     font-size:14px;
     margin-left: 0px;
     margin-bottom:2px;
     text-align:center;
     padding-top:5px;
	 }


.menuleft {
	z-index:1000;
}

.menuleft li a:link{
     color:#FFFFFF;
     text-decoration:none;
     }

.menuleft li a:visited {
     color:#ffffff;
     text-decoration:none;

     }

.menuleft li a:hover {
     color:#0a4440;
     }
     
 #sidebar ul li .sideactive {
     color:#000;
     background:#889E67;
     } 
 #sidebar .menu .sideactive a {
     color:#000;
     background:#889E67;
     }
     

     
/*----------------------------main content-----------------*/     
     
.front {
     margin-top: 0px;
}
.content {
    position: relative;
    width: 100%;
	margin-right: 0px;
	font-size: 14px;
	text-align: left;
}
.content_alt {
    position: relative;

	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	font-size: 14px;
	text-align: left;
}
	 
.content a, .content a:link, .content a:hover, .content a:visited {
	color: #106664;
	text-decoration:underline;
	font-size: 14px;
}

h1 {
	font-size: 16px;
     }
     
 #breadcrumb  {
      width: 98%;
      border-bottom: 2px solid #106664;
      font-size:12px;
      margin: 10px;

 }
#breadcrumb a:link, #breadcrumb a:visited {
     font-size:12px;
     color: #106664;
     text-decoration: none;
}
#breadcrumb a:hover {
     color: #000;

}

.B_firstCrumb a:link, a:visited {
     font-size:12px;
     color: #106664;
     text-decoration: none;

     }
.B_currentCrumb, .B_crumb {
     font-size:12px;
     color: #106664;
	 text-decoration: none;
}

/*#button {
     background-color:#fff;
     margin-bottom: 0px;
     margin-top: 6px;
     margin-left: 5px;
     width: 100%;
}
#button_top {
     float: left;
     height: 30px;
     width: 800px;
     background-color:#fff;
     margin-bottom: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
}
.alt {
     margin-top: 0px;

}
*/
/*----------------------------footer------------------------*/

#footer {
     position:relative;
	 width:1000px;
     float:left;
     background-color:#106664;
     margin: 0 auto 0 auto;
}
.footertext {
     float: left;
     color:#FFFFFF;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
     padding: 3px;
     }

.update{
	position: relative;
	float:left;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom:10px;
}
	 
.credit {
	position: relative;
	float:right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom:10px;
	margin-right:14px;
}
.credit a, .credit a:link, .credit a:hover, .credit a:visited {
	color: #106664;
	text-decoration:underline;
	font-size: 10px;
}

/*.loginlink {
     float: right;
     color:#FFFFFF;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
     padding: 3px;
     margin-right: 10px;
}
.loginlink a {
     color:#FFFFFF;
}
.loginlink a:visited {
     color:#FFFFFF;
}

#WebLoginLayer0 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:14px;
     float: left;
     display: inline;
     vertical-align: top;
}
 .loginform {
 	margin-bottom:50px;
}

  */
  
/*----------------------------misc------------------------*/
.mceContentBody { 
     text-align: left;
     }
     /* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */


/* right menu */
/*.submenu {
	position:relative;
	float: right;
	width: 171px;
	padding: 2px 10px 2px 0px;
	border-style: double;
	border-color:#889E67;
	border-width:medium;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin:15px 0 15px 15px;
}

.submenu .subheader {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background:#889E67;
	padding-top:4px;
	padding-bottom:4px;
	width:100%;
	height:15px;
}

	.submenu li a, .submenu a {
		color:#006633;
		text-decoration:none;
	}
	.submenu li a:hover, .submenu li.active a {
		color:#716558;
		background-color: #e7ead7;
		text-decoration:none;
	}

	.submenu li {
	margin-left:-15px;
	margin-right:2px;
	}

*/

/*------News Section------*/

.LIn {
	position:relative;
	float: right;
	width: 350px;
	padding: 2px 0px 2px 0px;
	border-style: double;
	border-color:#b3c697;
	border-width:medium;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin:15px 0 15px 15px;
}

.LIn .subheader {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background:#b3c697;
	padding-top:4px;
	padding-bottom:4px;
	height:15px;
}

	.LIn li a, .LIn a {
		color:#006633;
		text-decoration:none;
      	}
	
        .LIn li a:hover, .LIn li.active a {
		color:#716558;
		background-color: #e7ead7;
		text-decoration:none;
	}

	.LIn li {
	margin-left:-15px;
	margin-right:5px;
        padding-bottom: 10px;
	}

 

/*------Progress Bar------*/

  div.progress-wrapper
      {
        position: relative;
        border: 1px solid black;
      }

      div.progress-bar
      {
        position: absolute;
        top: 0; left: 0;
        height: 100%;
      }

      div.progress-text
      {
        text-align: center;
        position: relative;
      }