/* CSS Document */

body{
	font-family:Arial;
	font-size:12px;
	background-color:#F3F3F3;
	margin:0px;
	padding:0px;
	color:#000000;
	
	}
	
p{
	line-height:25px;
	text-align:justify;
	}

li{
   line-height:20px;
   }

.fstmodule{
background-repeat: repeat-y; background-image:url(images/lborder.jpg); width:9px; padding:0px;;
}

.fstmodule_r{
background-repeat: repeat-y; background-image:url(images/rborder.jpg); width:10px; padding-right:1px;
}
.pathway a{
	color:#666666;
	}

.test{
		background-image:url(images/linkbg.jpg);
		height:65px;
}
.contentheading{
	color:#1F567E;
	font-size:18px;
	font-weight:bold;
	}
	
.componentheading{
	color:#1F567E;
	font-size:18px;
	font-weight:bold;
}
.subheading{
	color:#1F567E;
	font-size:13px;
	font-weight:bold;
	}
.subheading1{
	color:#1F567E;
	font-size:11px;
	font-weight:bold;
	}
	
#pillmenu {
	height:65px;
	margin:0 auto 25px;
	overflow:hidden;
}

#pillmenu ul {
	padding:0;
	margin:0;
	list-style: none;
	overflow:hidden;
	vertical-align:bottom;

}

#pillmenu li {
	float:left;
	height:45px;
	background-color:#333333;
	color:#036C9E;
	font-size:13px;
	font-weight:bold;
	width:120px;
	background-image:url(images/linkbg.jpg);
	padding-top:20px;

}

#pillmenu li a {
	float:left;
	cursor:pointer;
		text-decoration:none;

}

#pillmenu li a span {
	color:#036C9E;
	}
#pillmenu li a hover {
	text-decoration:none;
	}

.footer_link{
	color:#036C9E;
	font-size:12px;
	font-weight:bold;
	}
	
.footer_link a{
	color:#036C9E;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-right:12px;
	}
.copyright{
	font-size:12px;
	}
.copyright a{
	font-size:12px;
	color:#036C9E;
	text-decoration:none;

	}
.heading{
	color:#036C9E;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:35px;
	}
	
	
	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		height:40px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
			vertical-align:bottom;
			font-family:Arial;

				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:0px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
			padding-top:20px;	

		/* give some spaces between the list items */
		margin:0 16px; 
		
		/* display the list item in single row */
		float:left;
	}
	#lava ul li a{
	font-size:12px;
	font-weight:bold;
	color:#036C9E;
	height:45px;
	text-decoration:none;
	
			}
			
	#lava ul li a:hover{
		color:#C30;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
			padding-top:10px;	

		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		/*background:#ccc; 
		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:url(../images/gelbuttonleft.gif) top left no-repeat, url(../images/gelbuttonright.gif) top right no-repeat, url(../images/gelbuttoncenter.gif) top center repeat-x;

		height:50px;
		padding:10px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		/*padding-left:10px;*/
	}
/*.contentpaneopen{
	font-size:12px;
	font-weight:bold;
	}*/