﻿/* DEFAULT VALUES */
body					{background:#F1F2F0; margin:0; padding:0; font: 0.75em Trebuchet MS, Trebuchet, arial, sans-serif;}
fieldset				{margin:0; padding:0; border:0;}
legend					{display:none;}
p						{margin-bottom:1em;}
a						{color:#000;}
img						{border-style: none;}
a img					{border:0;}
ul						{list-style-type:square;}

/* ALIGNMENT */
.left					{text-align:left;}
.right					{text-align:right;}
.center					{text-align:center;}
.floatLeft				{float:left;}
.floatRight				{float:right;}
.imgFloatLeft			{float:left; margin:0 .5em .5em 0;}
.imgFloatRight			{float:right; margin:0 0 .5em .5em;}
.clearBoth				{clear:both;}

/* HTML HEADER attributes */
h1						{font-size:1.6em;}
h2						{font-size:1.4em;}
h3						{font-size:1.2em;}
h4						{font-size:.9em;}
h1, h2, h3, h4, strong  {padding:0; color:#D31E14;}

/* TABLES & BOXES */
table, th, td			{border-collapse:collapse; border:1px solid #D31E14;}
table					{margin-bottom:10px; width:100%;}
table.small				{font-size:.75em;}
td, th					{text-align:center; padding:0.2em;}
.halfContainer			{width:42%; float:left; margin-right:12px; padding:5px;}
.thirdContainer			{width:27%; float:left; margin-right:5px; padding:5px; clear:both}
.twoThirdContainer		{width:69%; float:left; margin-right:5px; padding:5px;}

/* FORM */
div.container,			/*div rule for 2 col app forms */
p.container				{margin:0; margin-bottom:1em; padding:0; clear:both;}
.label					{float:left; width:10em; margin:0 1em 1em 0; padding:0.2em 0;}
.formCol				{float:left; width:15em; margin:0; padding:0} /* creates multi colomns in app forms */
.calcCol				{float:left; width:8em; text-align:center} /* creates multi colomns in calculator forms */
.noBorder				{border:0;}

/* WEBSITE CONSTRUCTION */

#websiteContainer		{background:#fff url(/images/build/bodyBg.jpg) top left repeat-y; width:801px; margin:50px auto; position:relative;}

#menu		            {background:#fff url(/images/build/headerBg.jpg) top left no-repeat; height:205px; margin:0 auto;}
#menu div.m1			{position:absolute; top:105px; left:30px;}
#menu div.m1 a			{color:#fff; text-decoration:none; font-weight:bold; display:block; padding-left:5px; width:246px;}
#menu div.m1 a:hover	{background:#ccc url(/images/build/menuHover.jpg) top left repeat-y;}

#menu2		            {background:#fff url(/images/build/greyFade.jpg) top left repeat-y; width:735px; height:20px; margin:5px auto; text-align:right; padding-right:5px;}
#menu2 div.m2			{}
#menu2 div.m2 a			{color:#000; font-weight:bold;}
#menu2 div.m2 a:hover	{background:#ccc;}

#content				{width:740px; margin:0 auto;}

#footer					{text-align:right; clear:both; border-top:1px solid #000; width:740px; margin:0 auto;}

#bottom					{background:#fff url(/images/build/bodyBgBottom.jpg) top left no-repeat; height:39px;}