@charset "UTF-8";
body  {
	margin: 0;
	text-align: center;
	color: #3F3F3F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background: #FFFFFF url(images/png/background.png) repeat-x;
}
h2 {
	color: #ffffff;
	position: absolute;
	top: 304px;
}
h3 {
	color: #0A85F3;
}

hr {

background:url(images/jpg/hr.jpg) center top no-repeat;

height:16px;

border:none;

margin-bottom:20px;

}		
a img   { 
	border: none
}
a {
	color: #0099FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #3399CC;	
}		
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a.navlink {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover.navlink {
	text-decoration: none;
	color: #FFFFFF;
}		
.list_pdf li {
	list-style-image: url(images/gif/pdf_icon.gif);
	padding-right: 20px;
}
.list_word li {
	list-style-image: url(images/gif/word_icon.gif);
	padding-right: 20px;
}
.main #container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
} 
#header {
	
}
#space_top {
	height: 20px;
	background-color:#019DE0;
	background-image: url(images/png/stripe.png);
	background-position: top;
	background-repeat: repeat-x;
}

#lava {
	position:relative;
	text-align:center;
	width:1024px;
	height:20px;
	margin:0 auto;
	background-color: #0090e0;
}

#lava ul {
	/* remove the list style and spaces*/  
    margin:0;
	padding:0;
	list-style:none;
	display:inline;
	/* position absolute so that z-index can be defined */  
    position:absolute;
	/* center the menu, depend on the width of you menu*/  
   left:200px;
	top:0px;
	/* should be higher than #box */  
   z-index:100;
	padding-top: 0px;
}  
 
#lava ul li {  
      
/* give some spaces between the list items */  
     margin:0 30px;   
      
/* display the list item in single row */  
    float:left;  
}  
  
#lava #box {
	/* position absolute so that z-index can be defined and able to move this item using javascript */  
    position:absolute;
	left:0px;
	top:0;
	/* should be lower than the list menu */  
    z-index:50;
	/* image of the right rounded corner */  
    background:url(images/jpg/lava_tail.jpg) no-repeat right center;
	height:20px;
	/* add padding 8px so that the tail would appear */  
    padding-right:8px;
	/* self-adjust negative margin to make sure the box display in the center of the item */  
    margin-left:-10px;
	padding-top: 0px;
}  

#lava #box .head {
	/* image of the left rounded corner */  
    background:url(images/jpg/lava_head.jpg) no-repeat 0 0;
	height:20px;
	/* self-adjust left padding to make sure the box display in the center of the item */  
    padding-left:10px;
}
#space_bottom {
	height: 20px;
	background-color: #E0D9C1;
}

#main_content {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
#date {
	position: absolute;
	left: 933px;
	top: 217px;
	z-index:150;
}

	
#title {
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/gif/top_title.gif);
	background-repeat: no-repeat;
	height: 70px;
}
#content {
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
}	
	
#form_content {
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/gif/form_background.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}
#footer {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}


/* classes */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.nomargin {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0;
padding-top: 0;
} 

.error {
	color:#FF0000
}