/**************** for responsive behaviour **********************/
@viewport{
    zoom:1.0;
    width:extend-to-zoom;
	max-width:950px;
}
@-ms-viewport{
    width:extend-to-zoom;
    zoom:1.0;
}

img {
	max-width:100%;
}

/****************************************************************/

body	{
	background-color:#e4e4e4;
	font-size: 1em;
}

p	{
	margin-top:0px;
	margin-bottom:6px;
}

.clr	{
	clear:both;
}

.outer	{
		width:100%; /*950px*/
		max-width:950px;
		min-width:320px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#ffffff;
		border-radius:15px;
}

/****************** Banner area styles ***************************/
.logo	{
	width:40.9%; /*389px*/
	min-width:320px;
	float:left;
	margin-left:1.6%; /* 15px*/

}
.bannerContainer	{
	width:57.5%;
	float:left;
	/*background-color:#FFC;*/
	margin-top:30px;
}

.bannerText	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#000000;
	text-align:center;
	margin-top:15px;
}

/**************** end of Banner area styles ***********************/

/********************************** Horizontal Menu *************************************/

.menuBar	{
	height:39px;
	width:100%;
	background-color:#c4c5c5;
}

ul.horizMenu {
	list-style:none;
	 font-family: Verdana, Helvetica, sans-serif;
	 font-size: 1em;
	 font-weight:normal;
	 margin-bottom:0px;
	 padding-left:20px;
	 margin-top:0px;
}

ul.horizMenu li {
	float:left;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:6px;
	margin-bottom:5px;
	
}

ul.horizMenu li a {
	text-decoration:none;
	margin-left:26px;
	padding-left:14px;
	padding-right:14px;
    padding-top:4px;
	padding-bottom:4px;
	color:#fafdfb;
	border-radius:12px;
	background-color:#227722;
	
}
ul.horizMenu li a:hover { 
	    text-decoration:none;
		color:#333333;
		background-color:#eeeeee;
}

/***********************************************/
/************ Controls *************/

ul.horizMenu li .sub { 
	    /*visibility:hidden;*/
		display:none;
}
ul.horizMenu li:hover .sub	{ 
	    /*visibility:visible;*/
		display:block;
		/*transition-duration:2s;*/
}


/***********************************************/
#picturePanel	{
	z-index:1;
}

ul.sub { 
	 text-decoration:none;
	 list-style:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 line-height:14px;
	 font-weight:normal;
	 /*controls indents for the ul container*/
	 margin-top:4px;
	 float:left;
	 /* this insets all menu items from the left side of the ul container */ 
	 padding-left:0px;
	 /*background-color:#ff0000;*/
	 position:absolute;
	 border-radius:6px;
	 width:150px;
	 margin-left:30px;
	 z-index:2;
}

ul.sub li {
		
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:10px;
	margin-left:-20px;
	margin-top:3px;
	margin-bottom:0px;
	display:block;
}

ul.sub li a {
	text-decoration:none;
	padding-left:12px;
	padding-top:7px;
	padding-bottom:7px;
	border-radius:12px;
	border:1px solid #227722;
	color:#fafdfb;
	width:110px;
	display:block;
}

ul.sub li a:hover { 
	    text-decoration:none;
		color: #333333;
		background-color:#eeeeee;
		border:1px solid #cccccc;
}

/********************************** End Horizontal Menus *************************************/



/*****************************************************************************************/
/******************************* Content area styles *************************************/
/*****************************************************************************************/

.contentLeft	{
		width:40.6%; /*386px*/
		min-width:320px;
		margin-left:4%; /*38px */
		background-color:#f6f6f6;
		border-radius:15px;
		margin-top:13px;
		float:left;
}

.contentRight	{
		width:48.4%; /*460px*/
		min-width:320px;
		margin-left:3.7%; /*35px 
		background-color:#999999;*/
		border-radius:15px;
		margin-top:13px;
		float:left;
}






.bodyNormal	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	color:#227722;
	margin-top:10px;
	line-height:20px;
}

.bodyNormal a	{
	font-weight:bold;
	color:#333399;
	text-decoration:none;
}
.bodyNormal a:hover	{
	font-weight:bold;
	color:#6666bb;
	text-decoration:underline;
}

.bodyNormal2	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	/*color:#753744;*/
	color:#227722;
	margin-top:10px;
	line-height:20px;
	margin-left:15px;
	margin-right:15px;
}

.bodyNormal2 a	{
	font-weight:bold;
	color:#333399;
	text-decoration:none;
}
.bodyNormal2 a:hover	{
	font-weight:bold;
	color:#6666bb;
	text-decoration:underline;
}





.bodySubHead	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#333377;
		text-align:left;
		margin-top:10px;
}



/*****************************************************************************************/
/****************************** End Content area styles **********************************/
/*****************************************************************************************/

/*****************************************************************************************/
/******************************** Footer area styles *************************************/
/*****************************************************************************************/
#footerPanel		{
					width:94%; /* 
					min-width:320px;
					/*height:100px;*/
					margin-right:auto;
					margin-left:auto;
					margin-top:17px;
					border-radius:12px;
					border:2px solid #bcc4c9;					
				}
#footerPanel2		{
					width:94%; /* 
					min-width:320px;
					/*height:100px;*/
					margin-right:auto;
					margin-left:auto;
					margin-top:17px;
					border-top-right-radius:12px;
					border-bottom-right-radius:12px;
					border:1px solid #bcc4c9;					
				}

.footer1	{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#444444;
				/*display:block;*/
				float:left;
				margin-left:2.2%;
				margin-top:8px;
			}
.footer2	{
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				line-height:22px;
				font-weight:bold;
				color:#227722;
				/*display:block;*/
				width:48%;
				min-width:320px;
				float:left;
				margin-left:3%;
				margin-top:5px;
				font-style:italic;
			}



/***********************************************************************/
/********************* local links *************************************/
/***********************************************************************/			
				
ul.localLinks { 
	list-style:none;
	margin-left:20px;
	margin-right:20px;
	padding-left:0px;
	padding-top:3px;
	margin-top:8px;
	text-align:center;
	background-color:#e6fef0;
	border-radius:11px;
	border:1px solid #bcc4c9;
	/*margin-bottom:0px;*/
}
ul.localLinks li {
	color: #25266b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	display:inline;
	padding-top:3px;
	padding-bottom:3px;
	line-height:20px;
}
ul.localLinks li a {
	color: #3333cc;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:7px;
	padding-right:7px;
	padding-top:3px;
	padding-bottom:3px;
}
ul.localLinks li a:hover { 
	    text-decoration:none;
		color: #ffffff;
		background-color:#9db0a5;
}
/***********************************************************************/
/********************* end local links *********************************/
/***********************************************************************/

/***********************************************************************/
/********************* Application form ********************************/
/***********************************************************************/

.fieldContainer	{
	width:90%;
	min-width:320px;
	margin-left:4%;
	background-color:#eeffee;
}

.button	{
	background-color:#227722;
	color:#ffffff;
	border-radius:16px;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
}
/***********************************************************************/
/********************* end Application form ****************************/
/***********************************************************************/

/*****************************************************************************************/
/****************************** End footer area styles ***********************************/
/*****************************************************************************************/

/***********************************************/
.lance {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	color:#777777;
	padding-left: 50px;
	padding-top: 4px;
	width: 50%;
	margin-left:5%;
	}
	.lance a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	color:#555555;
	padding-left: 0px;
	}