@import url('reset.css');

body 
{
	background: #0369ab url('../img/layout/page_bg.png') repeat-x;
}


a { color: #202f9e; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 
{ 
	color: #80d400;
	font-size: 210%;
	line-height: 100%;
	margin: 0 0 20px 0; 
	padding-top: 20px;
}

h2 { color: #046aaa; }

strong 
{
	background: url('../img/layout/arrows.gif') no-repeat left 3px;
	color: #046aaa;
	display: block;
	font-size: 170%;
	font-weight: normal; 
	padding-left: 30px;
	position: relative;
	width: 850px;
}

div#page
{
	margin: 15px auto;
	=margin-top: 16px;
	width: 1000px;
}

	div#header
	{
		background: url('../img/layout/header_bg.png') no-repeat;
		height: 117px;
		margin: 0 14px;
		position: relative;
		width: 972px;
	}
	
	div#header a img
	{
		position: absolute;
			top: 12px;
			left: 24px;
	}
	
		div#header div#top_menu
		{
			background: #0469aa;
			height: 33px;
			position: absolute;
			 top: 84px;
			 left: 1px;
		}
			
			div#header div#top_menu a 
			{
				background: url('../img/layout/top_menu_anchor_bg.png') repeat-x;
				color: #fff;
				display: block;
				float: left;
				font-weight: bold;
				font-size: 85%;
				height: 33px;
				line-height: 33px;
				min-width: 80px;
				padding: 0 5px;
				position: relative;
				text-align: center;
				text-decoration: none;
			}
			
				div#top_menu a span 
				{
					 display: block; 
					 height: 33px; 
					 margin: 0; 
					 padding: 0;
					 position: absolute;
					   top: 0; 
					 width: 2px; 
				}
				
				div#top_menu a span.top_menu_left_spacer
				{
					background: url('../img/layout/top_menu_anchor_left_spacer_bg.png') no-repeat;
					left: 0;
				}
				
				div#top_menu a span.top_menu_right_spacer
				{
					background: url('../img/layout/top_menu_anchor_right_spacer_bg.png') no-repeat;
					right: 0;
				}				
				
				div#top_menu a:hover span.top_menu_left_spacer, div#header div#top_menu a.active span.top_menu_left_spacer
				{
					background: url('../img/layout/top_menu_anchor_hover_left_spacer_bg.png') no-repeat;
				}
				
				div#top_menu a:hover span.top_menu_right_spacer, div#header div#top_menu a.active span.top_menu_right_spacer
				{
					background: url('../img/layout/top_menu_anchor_hover_right_spacer_bg.png') no-repeat;
				}				
				
				div#top_menu a span.top_menu_last_right_spacer
				{
					background: url('../img/layout/top_menu_anchor_last_right_spacer_bg.png') no-repeat;
					right: 0;
				}
				
				div#top_menu a:hover span.top_menu_last_right_spacer, div#header div#top_menu a.active span.top_menu_last_right_spacer
				{
					background: url('../img/layout/top_menu_anchor_hover_last_right_spacer_bg.png') no-repeat;
					right: 0;
				}
				
				
			div#header div#top_menu a:hover, div#header div#top_menu a.active { background-image: url('../img/layout/top_menu_anchor_hover_bg.png'); }
			
					
			div#header div#top_menu_left_spacer, div#header div#top_menu_right_spacer 
			{
				height: 33px;
				position: absolute;
				 bottom: 0; 
			}
		
			div#header div#top_menu_left_spacer
			{
				background: url('../img/layout/top_menu_left_spacer_bg.png') no-repeat right;
				left: -14px;
				height: 65px;
				width: 14px;
				z-index: 1;
			}
			
			div#header div#top_menu_right_spacer 
			{
				background: url('../img/layout/top_menu_right_spacer_bg.png') no-repeat center center;
				right: -14px;
				width: 26px;
			}
			
	
	div#content_container
	{
		background: url('../img/layout/content_container_bg.png') repeat-y; 
		position: relative;
		 _top: -1px; /* IE6 bug - bad indentation */
		min-height: 650px;
		_height: 650px;
		width: 100%;
	}
	
	div#content_container div#content
	{
		font-size: 90%;
		line-height: 140%;
		margin: 0 auto;
		padding: 20px 40px 110px;
		width: 920px;
	}
	
		div#content_container div#content p { text-align: justify; width: 540px }
			
			div#content_container div#content li 
			{
				background: url('../img/layout/list-style-image.gif') no-repeat left 9px;
				padding: 2px 12px 0;  
			}		
			
			div#content_container div#content ul.high_line li
			{
	   			height: 40px;
	 		}			
	
	div#content_container div#content img { padding-left: 5px }
				
			div#content_container div#content_left_spacer
			{
				background: #0369ab url('../img/layout/content_left_spacer_bg.png') no-repeat right;
				height: 163px;
				position: absolute;
					bottom: 34px;
					left: 0px;
				width: 29px;
			}
			
			div#content_container div#content_bottom_spacer
			{
				background: url('../img/layout/content_bottom_spacer_bg.png') no-repeat;
				height: 54px;
				position: absolute;
					bottom: -20px;
					left: 0px;
				width: 271px;
			}
			
			div#content_container div#content_bottom_shadow
			{
				background: url('../img/layout/content_bottom_shadow_bg.png') no-repeat;
				height: 58px;
				width: 1031px;
				position: absolute;
				  bottom: -58px;
				  right: -3px;		
				z-index: -1;			
			}
			
	div#footer
	{
		color: #fff;
		font-size: 90%;
		font-weight: bold;
		padding-top: 15px;
		position: relative;
		text-align: center;
		z-index: 1;
	}
	
		div#footer a 
		{
			color: #fff;
			text-decoration: underline;
		}
		
		div#footer a:hover 
		{
			text-decoration: none
		}


form#contact_form
{
	display: block;
	padding: 0px 0 10px;
}

form#contact_form div { width: 410px; }

	form#contact_form label 
	{ 
		clear: left;
		display: block; 
		float: left;
		width: 150px;
	}

	form#contact_form input
	{
		 float: left; 
		 width: 150px;
	}

	form#contact_form input#fsubmit { clear: left; margin-left: 150px; width: 70px; } 

	form#contact_form textarea { float: left; height: 150px; width: 250px; }

	form#contact_form label, form#contact_form input, form#contact_form textarea  { margin-top: 8px; }

div#content div.reference_container
{
	background: url('../img/reference/container_bg.png') repeat-y;
	float: left;
	position: relative;
	margin: 10px 10px 10px 17px;
	min-height: 195px;
	text-align: center;
	width: 205px;
}

	div#content div.reference_container div.reference_container_header
	{
		background: url('../img/reference/container_header_bg.png') no-repeat;
		height: 3px;
		position: absolute;
		  top: -3px;
			left: 0;
		width: 100%;
	}
	
	div#content div.reference_container div.reference_container_footer
	{
		background: url('../img/reference/container_footer_bg.png') no-repeat;
		height: 5px;
		position: absolute;
		  bottom: -5px;
			left: 0;
		width: 100%;
	}
	
	div#content div.reference_container a 
	{
		display: block;
		padding: 5px 0;
	}
	
		div#content_container div#content div.reference_container a img
		{
			margin: 0;
			max-width: 185px;
			padding: 0;
		}

div#content_container div#content div#contacts p { width: 310px; }