/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */



  body {

    font-family: verdana;

    font-size: 11pt;

    line-height: normal;

    }



  h1 { font-size: 22pt;

    font-weight: normal;

    font-style: normal;

    text-transform: none;

    text-align: left;

    }



  h2 { font-size: 16pt;

    font-weight: normal;

    font-style: normal;

    text-transform: none;

    text-align: left;

    }

  

  .backgroundimage{

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    min-height: 100%;

    min-width: 100%;

    background-color: #DBDAE1;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

    background-image: url(img/logo_bg_600_new.jpg);

    z-index: 0;

    }

  

  .header_top {

    color: black;

    font-size: 38px;

    font-weight: normal;

    position: fixed;

    margin: 0px;

    top: 0px;

    left: 150px;

    right: auto;

    bottom: auto;

    z-index: 3;

    }

    

  .header_divider {

    position: fixed;

    margin: 0px;

    top: 45px;

    left: 230px;

    right: auto;

    bottom: auto;

    z-index: 3;

    }

    

  .header_bottom {

    font-size: 30px;

    font-style: italic;

    position: fixed;

    margin: 0px;

    top: 53px;

    left: 260px;

    right: auto;

    bottom: auto;

    z-index: 3;

    }

    

   .header_hidetext {

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: auto;

    height: 100px;

    background-color: #DBDAE1;

    z-index: 2;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

    background-image: url(img/logo_bg_600_new.jpg);

    }

	         

  .menu_bg {

    position: fixed;

    width: 300px;

    height: 300px;

    top: -50px;

    left: -50px;

    right: auto;

    bottom: auto;

    z-index: 3;

    }

    

  .menu_logo {

    position: fixed;

    width: 100px;

    height: 100px;

    top: 10px;

    left: 10px;

    right: auto;

    bottom: auto;

    z-index: 4;

    }



	.mainmenu {

		width:144px;

		height:auto;

		padding-top:10px;

		padding-bottom:10px;

		padding-left:0;

		padding-right:0;

		text-align:center;

		z-index:4;

		visibility:visible;

		border-style:inset;

		position:fixed;

		top:0;

		left:0;

		right:auto;

		bottom:auto;

		color: #320D44;

		font-size: 14pt;

		}

	

  

   #mainmenu a {

   text-decoration:none;

   color:#320D44;

   }



   #mainmenu a img {

    border: 0px;

    }



   .txt_menu_item1 {

    position: fixed;

	width: auto;

    height: auto;

    top: 115px;

    left: 10px;

    bottom: auto;

    right: auto;

    z-index: 4;

	border-style:hidden;

	border-color:#320D44;

    }

  

  .txt_menu_item2 {

    position: fixed;

    margin: 0;

    width: auto;

    height: auto;

    top: 155px;

    left: 10px;

    bottom: auto;

    right: auto;

    z-index: 4;

    border-style:none;

	border-color:#320D44;

	border-width:thin;

    }

 

   .txt_menu_item3 {

    position: fixed;

    margin: 0;

    width: auto;

    height: auto;

    top: 195px;

    left: 10px;

    bottom: auto;

    right: auto;

    z-index: 4;

    border-style:none;

	border-color:#320D44;

	border-width:thin;

    }

  

    .txt_menu_item4 {

    position: fixed;

    margin: 0;

    width: auto;

    height: auto;

    top: 235px;

    left: 10px;

    bottom: auto;

    right: auto;

    z-index: 4;

    border-style:none;

	border-color:#320D44;

	border-width:thin;

    }

	

	.txt_menu_item5 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 275px;

    left: 10px;

    bottom: auto;

    right: auto;

    z-index: 4;

    border-style:none;

	border-color:#320D44;

	border-width:thin;

    }

  

   .menu_item1 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 5px;

    left: 175px;

    bottom: auto;

    right: auto;

    z-index: 4;

    }    



   .menu_rollover1 {

    position: fixed;

    margin: 0;

    width: 54px;

    height: 54px;

    top: 3px;

    left: 173px;

    bottom: auto;

    right: auto;

    z-index: 5;

    visibility: hidden;

    }  

    

  .menu_item2 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 60px;

    left: 150px;

    bottom: auto;

    right: auto;

    z-index: 4;

    }

    

  .menu_rollover2 {

    position: fixed;

    margin: 0;

    width: 54px;

    height: 54px;

    top: 58px;

    left: 148px;

    bottom: auto;

    right: auto;

    z-index: 5;

    visibility: hidden;

    }

    

  .menu_item3 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 110px;

    left: 113px;

    bottom: auto;

    right: auto;

    z-index: 4;

    }



  .menu_rollover3 {

    position: fixed;

    margin: 0;

    width: 54px;

    height: 54px;

    top: 108px;

    left: 111px;

    bottom: auto;

    right: auto;

    z-index: 5;

    visibility: hidden;

    }

 

  .menu_item4 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 150px;

    left: 65px;

    bottom: auto;

    right: auto;

    z-index: 4;

    }



  .menu_rollover4 {

    position: fixed;

    margin: 0;

    width: 54px;

    height: 54px;

    top: 148px;

    left: 63px;

    bottom: auto;

    right: auto;

    z-index: 5;

    visibility: hidden;

    }

    

  .menu_item5 {

    position: fixed;

    margin: 0;

    width: 50px;

    height: 50px;

    top: 175px;

    left: 5px;

    bottom: auto;

    right: auto;

    z-index: 4;

    }



  .menu_rollover5 {

    position: fixed;

    margin: 0;

    width: 54px;

    height: 54px;

    top: 173px;

    left: 3px;

    bottom: auto;

    right: auto;

    z-index: 5;

    visibility: hidden;

    }

    

  .main_text {

    position: absolute;

    top: 100px;

    left: 0px;

    bottom: 200px;

    right: 0px;

    padding-left:165px;

    margin-top: 0px;

    margin-right: 15px;

    margin-bottom: 200px;

    padding-bottom:200px;

    list-style-image: url(img/logo_bullet_20.gif);

    text-align: justify;

    color: #320D44;

    z-index: 1;

    visibility: visible;

    max-width: 800px;

    }

  

  .main_text_hidden {

    position: absolute;

    top: 100px;

    left: 0px;

    bottom: 200px;

    right: 0px;

    margin-top: 0px;

    padding-left: 165px;

    margin-right: 15px;

    margin-bottom: 10px;

    list-style-image: url(img/logo_bullet_20.gif);

    text-align: justify;

    color: #320D44;

    z-index: 1;

    overflow:hidden;

    visibility: hidden;

    }

    

  .main_image {

    position: fixed;

	  top:300px;

		left:5px;

    width: 140px;

    z-index: 2;

		font-size:9px;

		font-style:italic;

    }



  .main_image_hidden {

    position: fixed;

		top:300px;

		left:5px;

    width: 140px;

    z-index: 2;

    visibility: hidden;

    }

		

	.w3c {

		position: fixed;

		bottom:0;

		left:0;

		top:auto;

		right:auto;

		width:auto;

		height:auto;

		z-index:4;

	}

	

	a img {

	border-style:none;

	}

	

	.herb {

		position:fixed;

		bottom:0;

		left:0;

		top:auto;

		right:0;

		height:auto;

		z-index:4;

		font-size:9px;

		width:400px;

		margin-left:auto;

		margin-right:auto;

		text-align:justify;

	}

	

	.herb_hidden {

		position:fixed;

		bottom:0;

		left:0;

		top:auto;

		right:0;

		height:auto;

		z-index:4;

		font-size:9px;

		width:400px;

		margin-left:auto;

		margin-right:auto;

		visibility:hidden;

		text-align:justify;

	}

	

	.herb img {

		position:relative;

		top:0;

		left:0;

		width:auto;

		height:auto;

		float:left;

		padding-right:10px;

	}

	

	.herb_hidden img {

		position:relative;

		top:0;

		left:0;

		width:auto;

		height:auto;

		float:left;

		padding-right:10px;

	}

	

	.padding {

		position:relative;

		top:auto;

		left:0;

		right:0;

		bottom:0;

		height:200px;

	}



	.italicText {

		font-style:italic;

	}

	

	.herb_hidetext {

		position: fixed;

    top: auto;

    left: 150px;

    right: 0px;

    bottom: 0px;

    height: 100px;

		background-color: #DBDAE1;

		z-index: 2;

		background-repeat: no-repeat;

		background-position: center;

		background-attachment: fixed;

    background-image: url(img/logo_bg_600_new.jpg);

  }

	

	.floatright {

		position:relative;

		right:0;

		float:right;

		margin-left:10px;

	}

	

	.level2list {

		position:relative;

		padding-left:20px;

		list-style-image:none;

	}

	

 .filelist

 {

 	width:100%;

 	border:1;

 	font-size:10pt;

 }

 

 .loginbanner

 {

 	font-size:10pt;

 }

 

 a.tip

 {

     position:relative; /*this is the key*/

     z-index:24;

     text-decoration:underline;

 }

 

 a.tip:hover

 {

 z-index:25; 

 background-color:#DDDCE4;

 }

 

 a.tip span

 {

 display: none;

 }

 

 a.tip:hover span

 { /*the span will display just on :hover state*/

     display:block;

     position:absolute;

     top:2em; 

     left:-10em; 

     width:30em;

     border:1px solid #FFFFCC;

     background-color:#DDDCE4; color:#000000;

     text-align: center;

 }
 
 form div {
	float:left;
	width:8em;
	margin:0.5em 0.5em 0 0;
	text-align:right;
	padding:0
}

form input, textarea, button {
	float:left;
	width:30em;
	height:2em;
	border: 1px solid #FFFFCC
}

form textarea {
	height:auto
	}

form button {
	height:auto;
	border:0;
	background-color: #320D44;
	color: #FFFFCC;
	text-align:center;
	padding: 1em 0 1em 0
}