@import "reset.css";

.clearFix		{clear: both;}

body	 		{font-family: Arial, sans-serif; font-size: 12px; background: url(../img/bgGray.jpg) repeat-x top left #d2d2d2; width: 100%; height: 100%;}
input				{border: 0;}

#page										{position: relative; margin: 0 auto; background: url(../img/bg.jpg) center top no-repeat; width: 991px; padding-top: 15px;}
	#banners								{position: absolute; top: 230px; left: 50%; margin-left: -375px; width: 750px; height: 101px;}
	#logo									{position: relative; top: 50px; left: 20px; background: transparent url(../img/logo.png) no-repeat; width: 327px; height: 57px;}
	#bodyContainer							{width: 988px; margin-top: 318px;}
		#contentHead						{background: transparent url(../img/contentHead.png) center top no-repeat; width: 988px; height: 20px; z-index: -2;}
		#crumbs								{position: absolute; top: 416px; left: 236px; padding: 18px 0 0 20px; width: 735px; height: 55px; line-height: 16px; background: transparent url(../img/breadcrumb.png) no-repeat; font-family: Arial, sans-serif; font-size: 12px;}
			#crumbs .starter					{font-weight: bold; margin-right: 14px;}
			#crumbs a						{color: #434343; text-decoration: underline;}
			#crumbs .limiter					{margin: 0 14px;}
			#crumbs .lastitem				{font-weight: bold;}
		#contentBody						{background: url(../img/contentBody.png) repeat-y; width: 988px; padding: 35px 0 30px 0; min-height: 386px; height: 100%}
			#contentBody h1					{margin: 30px 0 0 60px; font-size: 14px; color: #434343;}
			#contentBody #contentContainer	{padding: 15px 0 0 60px; width: 605px; line-height: 2em; color: #434343;}
			#contentBody #contentContainer p	{padding: 15px 0 0 0; text-align: justify;}
			#contentBody #contentContainer a	{color: #3e3e3e;}
			#contentBody #contentContainer ul	{list-style: outside disc; padding: 0 0 0 30px;}
			#contentBody #contentContainer ol	{list-style: outside decimal; padding: 0 0 0 30px;}
			#contentBody #contentContainer img{margin: 0 10px 10px 0;}
				#search						{position: absolute; top: 488px; left: 735px; width: 212px; height: 145px; background: transparent url(../img/search.png) no-repeat;}					
				#search p.title				{position: absolute; top: 20px; left: 51px; color: #3e3e3e; font-size: 12px; font-weight: bold; font-family: Arial, sans-serif;}
				#search p.input				{position: absolute; top: 61px; left: 12px; width: 187px; height: 33px; background: url(../img/input.png) no-repeat;}
				#search p.input input			{position: absolute; top: 8px; left: 8px; width: 167px; height: 16px; line-height: 16px; font-size: 12px; padding: 0px; margin: 0px; border: 0;}
				#search input.submit			{position: absolute; top: 97px; left: 102px; width: 102px; height: 37px; background: url(../img/searchButton.png) no-repeat; cursor: pointer;}
				#search input.submit:hover	{background: url(../img/searchButtonHover.png) no-repeat;}
				
				#newsletter					{top: 633px; left: 736px; position: absolute; background: transparent url(../img/newsletterBg.png) no-repeat; width: 211px; height: 221px; margin: 10px 0 0 0;}
				#newsletter p.title			{position: absolute; top: 20px; left: 50px; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #3e3e3e;}
				#newsletter p.text			{color: #424242; font-family: Arial, sans-serif; font-size: 11px; line-height: 16px; position: absolute; top: 57px; left: 12px;}
				#newsletter p.input			{position: absolute; top: 140px; left: 12px; width: 187px; height: 33px; background: url(../img/input.png) no-repeat;}
				#newsletter p.input input		{position: absolute; top: 8px; left: 8px; width: 167px; height: 16px; line-height: 16px; font-size: 12px; padding: 0px; margin: 0px; border: 0;}
				#newsletter p.submit input	 		{position: absolute; top: 174px; left: 102px; width: 102px; height: 37px; background: url(../img/newsletterButton.png) no-repeat; cursor: pointer;}
				#newsletter p.submit input:hover 	{background: url(../img/newsletterButtonHover.png) no-repeat;}
		#contentFooter					{position: relative; z-index: 1; clear: both; background: transparent url(../img/contentFooter.png) no-repeat; width: 988px; height: 10px; font-size: 0;}
		#footer							{position: relative; top: -5px; z-index: 0; margin: 0 auto; font-size: 11px; background: transparent url(../img/footerMenu.png) no-repeat; width: 896px; height: 89px; text-align: center; font-family: Arial, sans-serif;}
			#footer ul					{position: absolute; top: 13px; left: 20px;}
			#footer li					{float: left; margin: 0 10px; display: inline;}
			#footer p					{position: relative; top: 45px; font-size: 11px; color: #3e3e3e; margin: 0 auto;}
			#footer a					{color: #3e3e3e; text-decoration: none;}
			#footer a:hover				{text-decoration: underline;}