/*
ENTERING PADDING VALUES
1 value: {padding: 50px} - all four sides padding = 50px 
2 values: {padding: 50px 10px} - top/bottom = 50px, left/right = 10px 
3 values: {padding: 50px 10px 20px} - top = 50px, left/right = 10px, bottom = 20px
4 values: {padding: 50px 10px 20px 30px} - top=50px, right=10px, bottom=20px, left=30px

MEADOWBROOK COLOR SCHEME
#0A51A1 Dark Blue (top menu)
#BFCBE2 Pale Blue (divider)
#5A85BD Light Blue (hover actions)
*/

/*START--Layout styles*/

html, body 
{ 	border: 0;
	margin: 0;
	padding: 0;}

body
	{	margin: 5px 0;
		padding: 0;
		font: 12px arial, hevetica, sans-serif;
		text-align: center;
		background-color: #0A50A1;
		background-image: url(images/bg.gif);
		background-repeat: repeat-x} 

#printheader
	{	display: none;
		width: 400px;
		height: 109px;}

#container
	{	margin: 0 auto;
		width: 760px;
		background-image: url(images/layout_images/blue_bg_809CC9.gif);
		background-repeat: repeat;
		text-align: left;}

#header
	{	float:left;
		width: 760px;
		height: 125px;
		background: no-repeat top left url(images/layout_images/header.jpg);}
		
#skipnav
	{	position: absolute;
		left: 0;
		top: 0;
		border: none;
		width: 40px;
		height:1px;
		margin: 0;
		padding: 0;}
		
		#skipnav a img
			{	border: none;} 

#navbar
	{	float: left;
		width: 577px;
		height: 36px;
		margin-top: 90px; /* = header height - navbar height */
		margin-left: 183px;
		display: inline; /*ie6 fix*/}
				
/*START--NAVIGATION MENU Styles*/
		.mlddm /* main menu box that encloses all 1st level items */
		{	/*visibility: hidden; -- i didn't think this was needed*/
			margin: 0;
			padding: 0;
			height: 28px;	
			width: 558px;
			background: #0A51A1;}
				
			.mlddm li
			{	display: inline;
				float: left;
				list-style: none;
				margin: 0;
				padding: 0}
		
			.mlddm li a, .mlddm li a#buttonnohover /*1st level links*/
			{	display: block;
				margin: 0 0 0 0; /*can use 2nd/4th values as dividers 		
									revealing bkgrd color of .mlddm */
				padding: 6px 7px; /*adjusts clickable space around text*/
				width: auto;
				font: bold 13px arial;
				text-align: center;
				text-decoration: none;
				white-space: nowrap;
				color: #FFF;
				background: #0A51A1;
				border-left: 1px solid #BFCBE2; /*divider*/}
		
			.mlddm li a:hover, .mlddm li a#buttonhover /*1st level: hover*/
			{	color: #FFF;
				background: #5A85BD}
		
				.mlddm ul /*2nd level box that contains links???*/
				{	position: absolute;
					visibility: hidden;
					margin: 1px 0 0 0; 	/*shifts box position since
										position is "absolute" */
					padding: 0;	
					clear: both;
					background: #BFCBE2;
					border: 1px solid #0A51A1} /*box's border*/
				
					.mlddm ul li
					{	float: none}
		
					.mlddm ul li a /*2nd level links*/
					{	/*white-space: nowrap;*/
						width: auto;
						padding: 2px 18px 2px 7px; /*right-side padding must accomodate icons used*/
						text-align: left;
						font-weight: normal;
						color: #0A51A1;
						/*text-decoration: none;*/
						background: #BFCBE2}
		
					.mlddm ul li a:hover
					{	color: #FFF;
						/*padding: 8px 15px;
						border: 1px solid #528BFF;
						border-width: 1px 0px*/}
		
			.mlddm .hsub /*horizonal submenu indicator*/
			{	background: #BFCBE2 no-repeat right url(images/mlddm_icons/arrow.gif)} /*color same as mlddm ul*/
			
				.mlddm .hsub:hover
				{	background: #5A85BD no-repeat right url(images/mlddm_icons/arrow.gif)}
	
			.mlddm .separatorbelow
			{	border-bottom: solid 1px #0A51A1;}
			
			.mlddm .linebreak
			{	background: #0A51A1;
				clear: both;
				padding: 0;
				margin: 0;
				height: 1px;
				width: 170px;}
	
				.mlddm .linebreak:hover
				{	background: #0A51A1}
		
			.mlddm .formicon
			{	background: no-repeat right url(images/mlddm_icons/form_menu_icon.gif)}
			
				.mlddm .formicon:hover
				{	background: #5A85BD no-repeat right url(images/mlddm_icons/form_menu_icon.gif)}				

		
			.mlddm .galleryicon
			{	background: no-repeat right url(images/mlddm_icons/gallery_menu_icon.gif)}
			
				.mlddm .galleryicon:hover
				{	background: #5A85BD no-repeat right url(images/mlddm_icons/gallery_menu_icon.gif)}				
/*END--NAVIGATION MENU Styles*/

#breadcrumbs
	{	float: left;
		width: 539px;
		height: 20px; /* = height + "padding-top" = total height */
		background: no-repeat top left url(images/layout_images/breadcrumbs_logo.gif);
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		padding-top: 8px;
		font-weight: normal;
		/*padding-bottom: 5px*/
		padding-left: 38px;
		text-align: left;
		/*background-color: red;*/}
	
		#breadcrumbs a:link, .breadcrumbs a#buttonnohover
		{	color: #0A51A1;
			text-decoration: underline;}

		#breadcrumbs a:visited
		{	color: #1F4191;
			text-decoration: underline;}

		#breadcrumbs a:hover, .breadcrumbs a#buttonhover
		{	color: #BFCBE2;
			text-decoration: underline;}
			
		#breadcrumbs h3
		{	font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			color: #0A51A1;}

#sitetools
	{	float: left;
		height: 20px;
		width: 139px;
		margin-left: 19px;
		color: #FFFFFF;
		text-align: left;
		font-size: 12px;
		padding-top: 8px;
		padding-left: 25px;
		display:inline;
		background: no-repeat top left url(images/layout_images/sitetools_logo.gif);}
		
		#sitetools a:link, .sitetools a#buttonnohover
		{	color: #FFFFFF;
			text-decoration: underline;}
	
		#sitetools a:visited
		{	color: #FFFFFF;
			text-decoration: underline;}
				
		#sitetools a:hover, .sitetools a#buttonhover
		{	color: #BFCBE2;
			text-decoration: underline;}
			
#sidebar /* contains addressinfobox, searchbox_border, searchbox, linksbox_border, linksbox */
	{	clear: both;
		float: left;
		width: 183px;
		min-height: 300px;
		display: inline; /*IE6 double margin fix*/}
		
		* html #sidebar 
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 300px}



#searchbox_border
	{	float: left;
		background-color: #5A85BD;
		border: solid #0A51A1 1px;
		margin-left: 19px;
		padding-bottom: 7px;  /*border*/
		width: 164px;
		min-height: 48px;
		display: inline; /*IE6 double margin fix*/}
		
		* html #searchbox_border 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 164px; /* = regular width */
			wid\th: 162px; /* = regular width - total L/R borders */}
		
		* html #searchbox_border
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 48px}
		
		#searchbox_border h3 /*label*/
		{	color: #FFFFFF;
			font-size: 12px;
			font-family: Arial;
			font-weight: bolder;
			text-align: left;
			margin: 5px 7px 0 7px;} /* leave bottom = 0 or it will
									affect child's margin-bottom*/

#searchbox
	{	clear: both;
		float: left;
		border: none;
		margin-left: 7px; /*border*/
		margin-right: 7px; /*border*/
		margin-top: 1px; /*border*/
		margin-bottom: 0px; /*border*/
		width: 148px; /* = parent width - margins - borders*/
		display: inline; /*IE6 double margin fix*/}

		* html #searchbox
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 148px;
			wid\th: 148px; /* = width - total L/R borders */}
			
		#searchbox:after /* necessary for parent div to
							envelop this content block */
		{	content: "."; 
			clear: both; 
			display: block; 
			visibility: hidden; 
			height: 0;}
			
/*START--Quick search styles*/
		#searchbox form
		{	margin: 0;}
		
			#searchbox form input.form_text
			{	font-family: Arial;
				font-size: 12px;
				width: 110px;
				height: 16px;
				border: solid #0A51A1 1px;
				margin-right: 2px;}
			
			#searchbox form input.form_submit
			{	font-family: Arial;
				font-size: 12px;
				width: 28px;
				margin-right: 0;}
/*END--Quick search styles*/
		
		#searchbox p
		{	color: #FFFFFF;
			font-size: 11px;
			font-family: Arial;
			text-align: left;
			margin: 0px;
			padding: 2px 2px 0px 2px}
			
			#searchbox p a:link, .searchbox a#buttonnohover
			{	color: #FFFFFF;
				text-decoration: underline;}
			
			#searchbox p a:visited
			{	color: #FFFFFF;
				text-decoration: underline;} 
		
			#searchbox p a:hover, .searchbox a#buttonhover
			{	color: #BFCBE2;
				text-decoration: underline;}	

#addressinfobox
	{	float: left;
		background-color:;
		border: solid #0A51A1 0px;
		margin-left: 19px;
		margin-top: 6px;
		padding-bottom: 2px;  /*border*/
		min-height: 78px;
		width: 164px;
		display: inline; /*IE6 double margin fix*/}
		
		* html #addressinfobox 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 164px;
			wid\th: 162px; /* = width - total L/R borders */}
			
		* html #addressinfobox
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 78px}
									
		#addressinfobox p
		{	color: #FFFFFF;
			font-size: 11px;
			font-family: Arial;
			text-align: left;
			margin: 0px;
			padding: 4px 2px 4px 7px}	
			
			#addressinfobox p a:link, .searchbox a#buttonnohover
			{	color: #FFFFFF;
				text-decoration: none;}
			
			#addressinfobox p a:visited
			{	color: #FFFFFF;
				text-decoration: none;} 
		
			#addressinfobox p a:hover, .searchbox a#buttonhover
			{	color: #BFCBE2;
				text-decoration: underline;}	
			
#linksbox_border
	{	float: left;
		background-color: #5A85BD;
		border: solid #0A51A1 1px;
		margin-left: 19px;
		margin-top: 8px;
		padding-bottom: 7px;  /*border*/
		min-height: 128px;
		width: 164px;
		display: inline; /*IE6 double margin fix*/}
		
		* html #linksbox_border 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 164px;
			wid\th: 162px; /* = width - total L/R borders */}
			
		* html #linksbox_border
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 128px}
			
		#linksbox_border h3 /*label*/
		{	color: #FFFFFF;
			font-size: 14px;
			font-family: Arial;
			font-weight: bolder;
			text-align: center;
			margin: 5px 7px 0 7px;} /* leave bottom = 0 or it will
									affect child's margin-bottom*/
		
#linksbox
	{	clear: both;
		float: left;
		background: #FFFFFF;
		border: solid #0A51A1 1px;
		margin-left: 7px; /*border*/
		margin-right: 7px; /*border*/
		margin-top: 5px; /*border: margin-bottom achieved
							with padding in parent div & below*/
		padding-bottom: 7px; /*border*/
		min-height: 102px; 	/* = at least: parent height - vertical 
							margins (not parent's padding) - borders
							- label's font height & vert. margins*/
		width: 148px; /* = parent width - margins - borders*/
		display: inline; /*IE6 double margin fix*/}
		
		* html #linksbox 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 148px;
			wid\th: 146px; /* = width - total L/R borders */}
		
		* html #linksbox 
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 102px}
			
		#linksbox:after /* necessary for parent div to
							envelop this content block */
		{	content: "."; 
			clear: both; 
			display: block; 
			visibility: hidden; 
			height: 0;}
		
		#linksbox p
		{	color: #c93;
			font-size: 12px;
			font-family: Arial;
			font-weight: bolder;
			text-align: center;
			margin: 8px 5px 2px;
			bottom: 5px; }
	
		#linksbox a:link, #linksbox a#buttonnohover
		{	color: #c93;
			font-family: Arial;
			font-weight: bolder;
			text-decoration: none;
			text-align: center;}
			
		#linksbox a:visited  
		{	color: #960;
			font-family: Arial;
			font-weight: bolder;
			text-decoration: none;
			text-align: center;}
			
		#linksbox a:hover, #linksbox a#buttonhover 
		{	text-decoration: underline;}
		
		
		
#maincontent_border
	{ 	float: left;
		background-color: #5A85BD;
		border: solid #0A51A1 1px;
		margin-left: 8px;
		padding-bottom: 7px;  /*border*/
		min-height: 297px;
		width: 546px;
		display: inline; /*IE6 double margin fix*/}
		
		* html #maincontent_border 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 546px;
			wid\th: 544px; /* = width - total L/R borders */}
			
		* html #maincontent_border
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 297px}
			
#maincontent
	{ 	float: left;
		color: #000000;
		background-color: #FFFFFF;
		border: solid #0A51A1 1px;
		margin-left: 7px; /*border*/
		margin-right: 7px; /*border*/
		margin-top: 7px; /*border: "margin-bottom" achieved
							with padding in parent div & below*/
		padding-bottom: 7px; /*border*/
		min-height: 288px; /* = parent height - vertical margins 
							(not parent's padding) - borders */
		width: 530px; /* = parent width - margins - borders*/
		display: inline; /*IE6 double margin fix*/}
		
		* html #maincontent 
		{   /*** sIE5.x/win box model (borders) fix ***/
			width: 530px;
			wid\th: 528px; /* = width - total L/R borders */}
			
		* html #maincontent 
		{   /* IE6 height fix. It won't recognize "min-height"
			value above but it already treats height as min-height */
			height: 288px}
	
		#maincontent:after /* necessary for parent div to
							envelop this content block */
		{	content: "."; 
			clear: both; 
			display: block; 
			visibility: hidden; 
			height: 0;}
			
		#maincontent h1
		{	color: #000;
			font-size: 16px;
			font-family: Arial;
			font-weight: bolder;
			text-align: center;
			margin: 6px 5px 0 5px;}
					
		#maincontent h2
		{	color: #000;
			font-size: 14px;
			font-family: Arial;
			font-weight: bold;
			margin: 0px 7px 0 7px;}

		#maincontent h3
		{	color: #000;
			font-size: 12px;
			font-family: Arial;
			font-weight: bold;
			font-style: italic;
			margin: 0 7px 0 7px;}
			
		#maincontent p 
		{	color: #000;
			font-size: 12px;
			font-family: Arial;
			margin: 5px 7px 7px 7px;}
			
		#maincontent strong, em /* emphasis without visual change */
		{	text-decoration: none;
			font-style:normal;
			font-weight:normal;}

/*START--FAQ styles*/
		#maincontent .faqcontent h2
		{	}

		#maincontent .faq_q
		{	font-weight:bold;}
		
		#maincontent .faq_a
		{	margin-bottom: 20px;}
/*END--FAQ styles*/

/*START--Testimonial styles*/
		#maincontent .testimonial
		{	font-weight:bold;
			font-size:13px;
			color:#0033CC;
			font-style:italic;
			margin-top:20px}
/*END--Testimonial styles*/
				
/*START--List styles*/
		#maincontent ul
		{	margin: 6px 10px 0px 10px;
			padding: 0;
			list-style: none;
			text-align:center;}
			
			#maincontent li /* heading of list (affects list items
							if same property is not overridden below) */
			{	list-style: none;
				text-align:left;
				font-size: 12px;
				font-weight: bold;
				/*text-decoration: underline;*/
				}
				
				#maincontent li ul /*spacing for list vs heading*/
				{	margin-top:4px;
					margin-left:20px;
					/*text-decoration:none;*/}

					#maincontent li ul li 
					{	list-style: outside disc;
						text-align:left;
						font-size: 12px;
						font-weight: normal;
						/*text-decoration: none;*/}
						
		#maincontent ul.arrowlist /*style for overall list*/
		{	margin: 5px 0px 5px 20px;}
			
			#maincontent ul.arrowlist li /*top list items*/
			{	list-style:url(images/layout_images/list_arrow.gif);
				margin: 5px 0px 5px 10px;
				font-size:14px;}
			
				#maincontent ul.arrowlist li ul li /*lower items*/
				{	font-size:12px;}
			
/*END--List styles*/
		
/*START--Position & Image Styles*/			
		#maincontent img
		{	margin: 7px;
			border: none;}
				
		#maincontent div /* mainly used for images w/ captions
						or for images grouped together */
		{	}
			
			#maincontent div img /* for image inside a div */
			{	margin: 0px;
				padding: 0px; 
				border: 0px;}
			
		#maincontent .imgwcaption
		{	text-align: center;
			font-size: 11px;
			font-family: Arial;
			margin: 0 7px 7px 7px;}
		
		#maincontent .nomargins
		{	margin: 0px;}
			
		#maincontent .goldframe
		{	border: solid 2px #c93;}
			
		#maincontent .alignright
		{	text-align:right;}
		
		#maincontent .alignleft
		{	text-align:left;}
		
		#maincontent .aligncenter
		{	text-align:center;}
		
		#maincontent .floatleft
		{	float: left;}
		
		#maincontent .floatright
		{	float: right;}
		
		#maincontent .floatnone
		{	float: none;}
			
		#maincontent .clearboth /*also useful for <br> tags*/
		{	clear: both;}
		
		#maincontent .clearleft
		{	clear: left;}
		
		#maincontent .clearright
		{	clear: right;}
/*END--Position & Image Styles*/	
		

		#maincontent a:link, #maincontent a#buttonnohover
		{	color: #c93;
			font-family: Arial;
			font-weight: bolder;
			text-decoration: none;}
				
		#maincontent a:visited  
		{	color: #960;
			font-family: Arial;
			font-weight: bolder;
			text-decoration: none;}
				
		#maincontent a:hover, #maincontent a#buttonhover 
		{	text-decoration: underline;}

/*START--Form styles*/
		#maincontent form
		{	font-family: Arial;
			font-size: 14px;
			margin:5px;}
				
			#maincontent form label
			{	display:block; /*consistent with "form input" */
				float: left; /*consistent with "form input" */
				margin-bottom: 5px; /*consistent with "form input" */
				text-align: right;
				padding-right: 10px;
				width: 140px;}
				
				#maincontent form label.checkbox
				{	text-align: left;
					padding-left: 5px;
					width: 220px;}			
					
			#maincontent form select /* drop down list boxes */
			{	display:block;
				float: left;
				margin-bottom: 5px;}
				
			#maincontent form input
			{	display:block;
				float: left;
				margin-bottom: 5px;}
			
				#maincontent form input.text
				{	width: auto;}
					
				#maincontent form input.checkbox
				{	margin-left: 6px;}
				
				#maincontent form input.button
				{	margin: 0px 2px 5px 0}
							
			#maincontent form fieldset
			{	border: 1px solid #CCCCCC;
				margin-left: 140px; /*same as "form label" width*/
				margin-bottom: 5px; /*consistent with "form input select*/
				width: 300px;
				padding-left: 6px;
				padding-right: 6px;}
			
			#maincontent form legend
			{	color:#000000;
				text-align: center;}
			
			#maincontent form textarea
			{	width: 200px;
				height: 80px;
				margin-bottom: 5px;} /*consistent with "form input select*/
				
			#maincontent form br
			{	clear: left;}
			
			#maincontent form p
			{	clear: left;
				margin: 0px 0 10px 0}
				
			#maincontent form.ContactForm /*contact pg*/
			{ 	background: no-repeat 330px /*<--left*/ 0px /*<--top*/ url(images/contact_images/mbmantruck.gif);}
			
				#maincontent form.ContactForm label /*contact pg*/
				{	width: 100px;}		

/*END--Form styles*/

		#maincontent .redtext
		{ color: #FF0000;}
				
#footer
	{	clear: both;
		height: 50px;
		background: no-repeat center right url(images/layout_images/footer.gif);
		color: #c93;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		padding-left: 30px;
		padding-top: 14px;}
/*END--Layout styles*/

/*START Original MB 1.0 styles*/	
/*now #linksbox p */ .helpboxclass           { color: #c93; font-size: 12px; font-family: Arial; font-weight: bolder; text-align: center; margin: 8px 5px 2px; bottom: 5px }
/*now #maincontent h1*/ .mainheaderclass { color: #000; font-size: 16px; font-family: Arial; font-weight: bolder; text-align: center; margin: 6px 5px 0 }
/*now #maincontent h2*/ .mainsubheadclass { color: #000; font-size: 12px; font-family: Arial; margin: 0 5px }
/*now #maincontent p*/ .mainboxclass { color: #000; font-size: 12px; font-family: Arial; margin: 5px 5px -5px}
.mainboxnomarginclass { color: #000; font-size: 12px; font-family: Arial; margin-bottom: -5px }
.formheaderclass { color: #000; font-size: 16px; font-family: Arial; font-weight: bolder; text-align: left; margin: 6px 2px 4pt }
.formclass { font-size: 14px; font-family: Arial }
.picclass  { margin: 5px; border: solid 2px #c93 }
.picrightclass { margin: 5px 3px 5px 5px; border: solid 2px #c93 }
.picleftclass { margin: 3px 5px 5px 3px; border: solid 2px #c93 }
/*END Original MB 1.0 styles*/

/*START--Search styles*/
		#searchcontent form
		{	font-family: Arial;
			font-size: 14px;
			margin:5px;
			min-height: 30px;
			border-bottom: solid #0A51A1 2px;
			padding: 0 5px 5px 5px;}
			
			* html #searchcontent form 
			{   /* IE6 height fix. It won't recognize "min-height"
				value above but it already treats height as min-height */
				height: 30px}
				
			#searchcontent form label
			{	display:block; /*consistent with "form input*/
				float: left; /*consistent with "form input*/
				margin-bottom: 5px; /*consistent with "form input*/
				text-align: right;
				padding-right: 2px;
				width: auto;}
					
			#searchcontent form select
			{	display:block;
				float: left;
				margin-bottom: 5px;
				margin-right: 16px;}
			
			#searchcontent form input
			{	display:block;
				float: left;
				margin-bottom: 5px;
				margin-right: 16px;}
			
				#searchcontent form input.text
				{	width: 200px;}
				
			#searchcontent form br
			{	clear: left;}
			
			#searchcontent form p
			{	margin: 0px 0 10px 0;}
			
			#searchcontent form h1
			{	margin-bottom: 10px;}
			
		#searchcontent h2 
		{	margin-top: 10px}
		#searchcontent body,p,dl,dt,dd,td,th,.submit 
		{	font-family:verdana,sans-serif;
			font-size:10pt;
			margin-right: 5px;}	
			#searchcontent dt
			{	margin-left: 5px;}
			#searchcontent dd
			{	margin-left: 35px;}
		#searchcontent a:hover
		{	color:#ff4444;}
		#searchcontent b.hl1 
		{	font-weight:bold;}
		#searchcontent b.hl2
		{	font-weight:bold;
			font-style:italic;}
		#searchcontent .sr 
		{	font-size:10pt;}

		/* found in: cgi-bin/search/searchdata/templates/english/searchform.htm */
/*END--Search styles*/