/*	=========================================================================
	css-main.css
	========================================================================= */

* {
	margin:				0;
	padding:			0;
	font-family:		Verdana, Helvetica, sans-serif;}

body {
	background-color:	#ad9b6d;
	font-size:			12px;}

p, h2, h3 {font-size:	12px;}

a img {border:			none;}

.ColorEmphasis {
	font-weight:		bold;
	color:				#67470f}

a {
	/* general use text links */
	padding:					1px 2px 3px 2px;
	text-decoration:			underline;
	color:						#362706;}
	a:link		{}
	a:visited	{}
	a:focus		{}
	a:hover		{color:#fdefc6;background-color:#362706;}
	a:active	{color:#fff;}

/* ========================================================================= */

#PageWrapper {
	background-color:	#ad9b6d;
	width:				1004px;
	/*	if the calculations are pixel precise ie6 w2000 cannot manage the 
		floated right column correctly. The 2 columns are 1000px wide. 
		Adding 3px to the outer container seems to allow ie6 to function. */}


/*	left column, main content  
	========================================================================= */

#LeftColumn		{
	width:				773px; /* this is the width of the banner image */ 
	background-color:	#ad9b6d;
	background-image:	url(BannerImage.jpg);
	background-repeat:	no-repeat;}

	a#LogoLink,
	a#LogoLink:link,
	a#LogoLink:visited,
	a#LogoLink:focus,
	a#LogoLink:hover,
	a#LogoLink:active {
		background-color:	transparent;
		margin:				0px;
		padding:			0px;}

	#LogoLinkImage {
		float:			left;}

	#BannerKicker {
		color:			#362706;
		font-family:	cursive;
		text-align:		center;
		font-size:		22px;}

	#PictureBanner {
		margin-top:		10px;
		margin-left:	22px;}

	#PageContent {
		background-color:	#fff;
		margin-right:		26px;
		margin-left:		22px;
		padding-bottom:		1em;}

		#PageContent p {
			padding:			10px;
			line-height:		16px;}

		h2 {
			padding-top:		6px;
			padding-bottom:		6px;
			background-color:	#ad9b6d;
			padding-left:		10px;}
			
		h3 {
			padding-top:		6px;
			padding-bottom:		6px;
			padding-left:		10px;}
			
		h2 span {color: 		#fdefc6;}	

		#PageContent ul, #PageContent ol {
			margin-left:		3em;
			padding:			0px;
			color: 				#483401;}

		p#HomePageParagraphOne {
			padding-top:		10px;
			padding-bottom:		10px;
			padding-left:		10px;
			line-height:		16px;}

		div#ServiceButtons {
			float:				right;
			width:				244px;
			height:				218px;
			padding-top:		20px;	/* set to 20px after gfp upgrade */
			padding-top:		40px;}
			
			img.ServiceButtonImage {
				cursor:			pointer;
				float:			left;}

			img.SubmitButtonImage {
				cursor:			pointer;}

		div.EmphasizedParagraph {
			background-color:	#fff;
			background-image:	url(ParagraphGradient.gif);
			background-repeat:	repeat-y;
			line-height:		16px;}
			
		p.HomePageParagraph {
			padding-top:		10px;
			padding-bottom:		10px;
			padding-left:		10px;
			line-height:		16px;}

	div#Footer {
		margin-right:		10px;
		margin-left:		10px;
		border-top:			1px solid #dbc791;
		border-bottom:		1px solid #dbc791;
		padding-top:		4px;
		padding-bottom:		4px;
		font-size:			11px;
		color:				#ac9a6c;}

	div#Footer a {
		padding:			4px 4px 4px 4px;
		text-decoration:	none;
		font-size:			11px;
		color:				#ac9a6c;}
		div#Footer a:link	{}
		div#Footer a:visited	{}
		div#Footer a:focus	{}
		div#Footer a:hover	{text-decoration:underline;color:#56370b;background-color:#fcf3da;}
		div#Footer a:active	{text-decoration:underline;color:#56370b;background-color:#ebe2c9;}

	div#PageContent div#GeographicLinks p {
		/* This is highly specific to override p settings on survey pages */
		padding:			10px;
		line-height:		16px;
		font-size:			11px;
		color:				#ac9a6c;}

	div#GeographicLinks p a {
		text-decoration:	none;
		font-size:			11px;
		color:				#ac9a6c;}
	div#GeographicLinks p a:link	{}
	div#GeographicLinks p a:visited	{}
	div#GeographicLinks p a:focus	{}
	div#GeographicLinks p a:hover	{text-decoration:underline;background-color:transparent;}
	div#GeographicLinks p a:active	{text-decoration:underline;}


/*	Right column, Sidebar  
	========================================================================= */
	
#RightColumn {
	float:				right;
	width:				227px;
	background-color:	#ad9b6d;}
	
	div#SidebarMenu {
		padding-top:	82px;
		font-size:		11px;
		line-height:	16px;}

		#SidebarMenu a {
			display:				block;
			float:					left;
			width:					90px;
			padding:				0px 4px 0px 4px;
			text-align:				left;
			text-decoration:		none;
			color:					#362706;}
			#SidebarMenu a:link	{}
			#SidebarMenu a:visited	{}
			#SidebarMenu a:focus	{}
			#SidebarMenu a:hover	{color:#fdefc6;background-color:#362706;}
			#SidebarMenu a:active	{color:#fff;}

	#RightColumn h2 {
		margin-left:			0em;
		background-color:		#dcc892;
		border-bottom:			1px solid #ffd202;}

	#RightColumn p {
		margin-bottom:			4px;
		background-color:		#dcc892;
		padding:				5px 10px 10px 10px;
		color:					#483401;}

	#RightColumn p a {
		/* general use text links in the sidebar */
		padding:					1px 2px 3px 2px;
		text-decoration:			underline;
		color:						#362706;}
		#RightColumn p a:link		{}
		#RightColumn p a:visited	{}
		#RightColumn p a:focus		{}
		#RightColumn p a:hover		{color:#fdefc6;background-color:#362706;}
		#RightColumn p a:active		{color:#fff;}

	div#EightHundredNumber {
		background-color:		#dcc892;
		height:					57px;
		margin-top:				31px;
		margin-bottom:			29px;
		/* this is set for XP/IE other browsers have their own values in an override file */
		padding-top:			33px;
		padding-bottom:			33px;
		padding-left:			12px;
		color:					#483401;
		font-size:				16px;}
		
		body#index	div#EightHundredNumber {
		margin-bottom:			42px;}

		body.SurveyPage	div#EightHundredNumber {
		margin-bottom:			4px;}

	#RightColumn div#SidebarImages {
		background-color:	#dcc892;
		margin-bottom:		4px;
		padding-top:		4px;}
		
		div#SidebarImages img {
			background-color:	#dcc892;
			margin-left:		13px;}

		#LogoMBI {
			margin-bottom:		4px;}

		#LogoNPSA {
			margin-bottom:		4px;}

		#LogoMSSA {
			margin-bottom:		4px;}
		
	p#UsesForOTs {}

	.SidebarBullet {
		color:		#ffd200;}

	#PageContent .SiteNotes {color:red;}

/* Individual page styles ================================================== */

/* Survey Page  */

	#PageContent.SurveyPageOne {
		color:				#362706;}

	#PageContent.SurveyPageOne h2 {
		margin-top:			10px;
		margin-bottom:		1em;
		background-color:	#ffd202;
		font-size:			13px;
		color:				#fff;}

	#PageContent.SurveyPageOne h2 span {
		color:				#362706;}

	#PageContent.SurveyPageOne h3 {
		margin:				15px 10px 5px 0px;
		padding:			0px 0px 10px 0px;
		font-size:			14px;
		font-weight:		normal;}

	#PageContent.SurveyPageOne p {
		/* the questions are in a simple p. Careful! */
		margin:				0px 10px 0px 0px ;
		border-top:			1px solid #ffd202;
		padding:			5px 0px 0px 0px;}

		#PageContent.SurveyPageOne p.NoOverline {
			border-top:			none;
			padding:			0px 0px 0px 0px;}

		#PageContent.SurveyPageOne div.EmphasizedParagraph {
			background-image:	none;
			background-color:	#FDF0C6;
			padding-top:		10px;
			padding-bottom:		10px;
			padding-left:		10px;}

	form#gfpForm {
		margin-left:		10px;}

		span.questionText {
			font-weight:		bold;}

			span.helptag {
			font-weight:		normal;
			color:				#ac9a6c;}
	
		div.Answer {
			margin:				10px 0px 10px 20px;
			line-height:		20px;}

		div.Answer .txtOther {
			margin-left:		16px;}
			
		div.Answer label {
			padding-left:		6px;}
			
		div.Answer .numberinput {
			width:				32px;
			margin-right:		4px;
			text-align:			right;}

		#txtZipCode {
			width:				64%;}
		
		.NoteToVisitor {
			margin-left:		20px;
			color:				#ac9a6c;
			line-height:		1;}

		#txtAdditionalComments {
			margin:				10px 0px 0px 20px;
			width:				64%;
			height:				60px;}

		div#SubmitButtons {
			margin:				0px 30px 5px 0px;
			padding:			10px 0px 0px 0px;
			text-align:			right;}

		div#SubmitButtons.NoPadding {
			padding:			0px 0px 0px 0px;}
			
		body.SurveyPage textarea {
			/* needed by some browsers */
			font-size:	12px;}

	div#steelBuildingNote {
	
	display:none;		/* we will show this once the gfp upgrade is done */
	
		position:			absolute;
		top:				10px;
		left:				135px;
		width:				230px;
		background-color:	#fdf6dd;
		padding:			8px;
		border: 			1px solid #ffd202;
		font-size:			11px;
		line-height:		150%;}



/* User's contact info. survey page 2  */

	table#UserInfoTable {
		margin-top:			5px;}
	
		table#UserInfoTable td {
			/* a substitute for line-height */
			padding-bottom:	10px;
			vertical-align:	top;}

		#UserInfoTableColumn1 {
			width:			120px;}
	
		#FirstName,
		#LastName,
		#FirstName,
		#EmailAddress,
		#CompanyName,
		#Address1,
		#City,
		#zip {
			width:		229px;}
	
		#zip {
			margin-bottom:	6px;}
	
		#StateId {
			width:		233px;}
	
		#areacode,
		#prefix,
		#PhoneNumber,
		#ext {
			width:		40px;}
	
		span.NoteToVisitor {
			/*  This is specific to override a left margin 
				set on NoteToVisitor on survey page 1 */
			margin-left:		0px;
			color:				#ac9a6c;}


/* Thank You Page  */

	#PageContent.ThankYouPage {
		font-size:			12px;
		color:				#362706;}

	#PageContent.ThankYouPage h2 {
		margin-top:			.5em;
		margin-bottom:		1em;
		background-color:	#ffd202;
		font-size:			13px;
		color:				#fff;}

	#PageContent.ThankYouPage ul {
		margin-left:		44px;
		padding-left:		0px;}

	#PageContent.ThankYouPage p.ManualList {
		/* we need the high specificity here to override the 
			padding on #PageContent p {... above */
		margin-right:		200px;
		margin-left:		16px;
		padding-top:		0px;
		padding-bottom:		.25em;
		text-indent:		-16px;}


/* Article pages (body class="ArticlePage") */

	body.ArticlePage div#ServiceButtons {
		/*	lessen the top spacing on Article pages and provide
			space for only one button per page. The others will 
			be deleted by the page editor. */
		width:				124px;
		height:				auto;
		padding-top:		12px;}

	body.ArticlePage h3 {
			color:					#483401;}
	
	table#PreviousNext {
		margin-bottom:			4px;
		width:					100%;}
	
	table#PreviousNext td#Previous {
		padding-left:			6px}
	
	table#PreviousNext td#Next {
		padding-right:			6px;
		text-align:				right;}
		
	img#BtnPrevious, img#BtnNext {vertical-align:-14px;}
	
	a.PreviousButtonLink {
		text-decoration:		none;
		background-color:		transparent;
		cursor:					pointer;}


/* City State pages (body class="CityState") */

	body.CityState div#ServiceButtons {
		/*	lessen the top spacing on City-State pages and provide
			space for only one button per page. The others will 
			be deleted by the page editor. */
		width:				124px;
		height:				auto;
		padding-top:		12px;}

	body.CityState #PageContent h2 {
	font-size:	140%;}

	div#GetQuotesButton {padding-left:10px;}
	
	a.GetQuotesButtonLink {
		text-decoration:		none;
		background-color:		transparent;
		cursor:					pointer;}


/* Sitemap.html */

	div#Sitemap{
		margin-top:			10px;
		margin-bottom:		10px;
		margin-left:		10px;}

	div#Sitemap a {
		display:			block;
		width:				15em;
		text-decoration:	none;}

/* Terms Page  */

	body#Terms h1 {
			background-color:	#ad9b6d;
			padding-top:		6px;
			padding-bottom:		6px;
			padding-left:		10px;
			font-size:			12px;}

	body#Terms h2 {
			background-color:	#ad9b6d;
			padding-top:		6px;
			padding-bottom:		6px;
			padding-left:		10px;
			font-size:			10px;}



/* ================================================================================ */
/* Tool tip system																	*/
/* ================================================================================ */

.helptag {
	cursor:				help;
	font-weight:		normal;
	color:				#BB7044;}

span.tip {
	background-color:	#eef0f4 }

div#tipDiv {
	position:			absolute; 
	visibility:			hidden; 
	left:				0; 
	top:				0; 
	z-index:			10000;
	width:				240px; 
	background-color:	#fff; 
	border:				1px solid #dbc791; 
	padding-top:		6px; 
	padding-right:		8px; 
	padding-bottom:		10px; 
	padding-left:		10px; 
	font-size:			11px; 
	line-height:		1.3;
	color:				#362706; }

div#tipDiv div.img {
	text-align:			left; }
	
div#tipDiv div.txt {
	text-align:			left; 
	margin-top:			0px; }
	
/* for when the tooltip only displays text */
div#tipDiv div.otxt {
	text-align:			left;
	margin-top:			-4px; }
	
div#tipDiv .alt {
	text-align:			center; 
	color:				#336; 
	font-weight:		bolder;
	font-style:			italic; }

/* ========================================================================= */