/**
* -----------------------------------------------------------------------------------
* kleyweg.info screen stylesheet
* Creator: A. van Ettinger
* Date(mm-dd-yyyy): 04-23-2009
* -----------------------------------------------------------------------------------
*/
*
{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

html
{
	
}
body
{
	background: url(../assets/content_container_bottom.jpg) top center repeat-y;	
}

a,
a:visited
{
	color: #252C63;
	text-decoration:none;
	outline:none;
}

a:hover
{
	color: #A0BEE2;
	text-decoration:none;
}

h1{font-size:18px;}

#switcher
{
	width:350px;
	margin-left:10px;
	margin-bottom:5px;	
	float:right;	
}

#container
{
	margin-left: auto;
	margin-right: auto;
	color:#222D63;
	/*background: url(../assets/container_bg.jpg) no-repeat;*/
	background: url(../assets/html_bg.jpg) repeat-y;
	width:961px;
	padding: 0px 0px 0px 0px;
}

.clear{
clear: both;
height: 0px;
}

.error
{
	height:40px;
	width:500px;
	background-color:#FFE5E5;
	border: red 1px solid;
	margin-top:10px;
	padding:5px;
}

/*********************************************************************************************
CSS for header starts here
*********************************************************************************************/
#header
{
	width: 961px;
	height: 159px;
	float: left;
	background: url(../assets/header_bg.jpg) no-repeat;
	/*margin-left: 20px;*/
	position: relative;
}

#contactHeader {
  position: absolute;
  right: 36px;
  top: 105px;
  text-align: right;
  font-weight: bold;
}

#contactHeader p, #contactHeader a {
  font-size: 14px;
 }
 
 #contactHeader a:hover {
  color: white;
}


/*********************************************************************************************
CSS for header ends here
*********************************************************************************************/

/*********************************************************************************************
CSS for menu starts here
*********************************************************************************************/

#column1_container
{
	float:left;
	background: url(../assets/column1_bg.jpg) no-repeat;
	height: 495px;
	width:202px;
	/*margin-left:20px;*/
	
}
		#column1_container ul
		{
			list-style:none;
			line-height:22px;	
			margin-left:10px;
		}
	    
		#column1_container a
		{
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size: 16px;
		}
		#column1_container a:hover
		{
			background: url(../assets/menu_rollover_arrow.png) right no-repeat;
			color:#222B64;
			font-style:italic;
			font-size: 16px;
		}
		#column1_container a.active
		{
			background: url(../assets/menu_rollover_arrow.png) right no-repeat;
			color:#222B64;
			display:block;
			font-style:italic;
			font-size: 16px;
			/*padding:0px 5px;
			/*line-height:27px;*/
		}	
		

/*********************************************************************************************
CSS for menu ends here
*********************************************************************************************/

/*********************************************************************************************
CSS for content starts here
*********************************************************************************************/				



#column2_container
{
	width:729px;
	min-height:350px;
	_height:350px;
	float:left;	
	line-height:20px;
}

	#column2_container h1
	{
		margin:20px 0px 5px 0px;
	}

	#column2_content
	{
		padding-left:10px;
		/*padding-right:30px;*/
		width:700px;
		float:left;
		/*background: url(../assets/content_container_bgrepeat.jpg) repeat-y;*/
		min-height: 600px;
	}
		#content_img_container
		{
			float:right;
			margin-top:50px;
		}
		
		#column2_content ul
		{
			margin-left: 15px;
		}
		
		/////////////////////
		//Form styles
		/////////////////////
		.button
		{
			background: white;
			color: #222B64;
		}
		
		#column2_content input, #column2_content textarea, #column2_content select
		{
			border: #222B64 solid 1px;
			margin-bottom:10px;
		}
		#column2_content input:hover, #column2_content textarea:hover, #column2_content select:hover
		{
			background-color: #DBF8FF;
		}
		
		#column2_content .requiredInput
		{
		    background-color: #FFE5E5;
		    border: 1px solid red;
		}
		
/*********************************************************************************************
CSS for Column2 ends here
*********************************************************************************************/	
/*********************************************************************************************
CSS for Footer starts here
*********************************************************************************************/
#footer
{
	float:left;
	width:730px;
	margin-left:200px;
	margin-top: 10px;
	/*background: url(../assets/content_container_bgrepeat.jpg) repeat-y;*/
}
	
	#footer_content
	{
		border-top: #83A4CF solid 2px;
		width:570px;
		padding-left:140px;
		padding-top:5px;
		margin-left:10px;	
		/*font-size:10px;*/		
	}
	
	#footer a
	{
		text-decoration:none;
		font-weight:normal;
		/*font-size:10px;*/
	}
	
	#footer a:hover
	{
		color:#A0BEE2;
	}
	
	span.smallFont, a.smallFont
	{
		font-size: 10px;
	}
	span.leftPadding
	{padding-left: 50px;}
/*********************************************************************************************
CSS for Footer ends here
*********************************************************************************************/