body
{
    margin: 0px;
    padding: 0px;
}

body img
{
    border: 0px;
}

#main
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#header
{
    height: 89px;
    background-image: url(images/header_bg.jpg);
    background-repeat: repeat-x;
}

#logo
{
    float: left;
    width: 200px;
    padding-top: 10px;
    padding-left: 20px;
}


#banner
{
    text-align: center;
    background-image: url(images/flash_bg.jpg);
    background-repeat: repeat-x;
}

#banner img
{
    height: 312px;
}


#container
{
    background-image: url(images/bodybg.jpg);
    background-repeat: repeat-x;
    padding: 15px;
}

#leftcol
{
    float: left;
    padding-left: 60px;
    width: 40%;
}

#rightcol
{
    float: right;
    text-align: center;
    width: 50%;
}

#dummy
{
    clear: both;
    height: 10px;
}

#footer
{
    height: 155px;
    background-image: url(images/footer_bg.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 12px;
    color: #666;
}

#footer a
{
    text-decoration: none;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 12px;
    color: #666;
}

#footer a:hover
{
    text-decoration: underline;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 12px;
    color: #666;
}



#footerleft
{
    float: left;
    padding: 25px;
}

#footerright
{
    float: right;
    padding: 15px;
}



/** lava lamp **/

#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:600px; 
		height:40px;
		float: right;
        font-family: Arial, Sans-Serif, Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #7a7a7a;
        padding-top: 40px;
        padding-right: 20px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		list-style:none; 
		display:inline;
		padding-top: 0px;
		margin-top: 55px;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0 15px; 
		
		/* 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:0; 
		top:53px; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:#78d2fc; 
		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;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:#d9e8ef;
		height:20px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
	
	


#lava a
{
    text-decoration: none;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 12px;
    color: #7a7a7a;
}

#lava a:hover
{
    text-decoration: none;
}

.plaintext
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #666;
    text-align: justify;
    line-height: 180%;
}

.headtext
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #28b6f8;
    text-align: justify;
    line-height: 180%;
}

.headtext1
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #28b6f6;
    text-align: justify;
    line-height: 180%;
}
.button
{
    border: thin solid #0B447D;
    background-color: #006699;
    color: #FFFFFF;
    font-size: 8pt;
    cursor: pointer;
}