﻿/* DEFAULT VALUES */
body					{background:#fcfefd url(/images/build/bodyBg.jpg) fixed repeat-x top left; 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:#006853;}
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; color:#006853;}
h2						{font-size:1.4em;}
h3						{font-size:1.2em;}
h4						{font-size:.9em;}
strong					{padding:0; color:#006853;}

/* TABLES & BOXES */
table, th, td			{border-collapse:collapse; border:1px solid #006853;}
table					{margin-bottom:10px; width:100%; font-size:0.9em;}
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;}
.footerLegal			{width:78%; text-align:left; font-size:.9em}
.footerLinks			{width:22%; text-align:right; float:right;}

/* 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/watermark.gif) bottom right no-repeat; width:748px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}

#header	                {padding:0;}
#header p.montage		{padding:1px 0; margin:0; border-bottom:1px solid #006853;}

.menu					{clear:both; background:url('/images/build/menuBg.jpg') repeat-x top left; border-top:1px solid #006853; border-bottom:1px solid #006853; margin:1px 0 0 0; padding:2px 0; text-align:center}
.menu a					{font-weight:bold; color:#fff; text-decoration:none; margin:0 2px 0 0; padding:2px; font-size:.8em;}
.menu a:hover			{background:#CCE0DE; color:#006853;}
.menu a.last			{margin:0;}

#dropmenudiv			{position:absolute; width:120px; margin:1px 0 0 1px; border:1px solid #006853; border-bottom-width:0; z-index:100; visibility:hidden; background-color:#FFF; text-align:center; font-weight:bold;}
#dropmenudiv a			{font-size:.9em; display: block; text-indent: 3px; border-bottom: 1px solid #006853; padding: 5px 0; text-decoration: none;}
#dropmenudiv a:hover	{background-color:#006853; color:#CCE0DE;} 

#leftContent			{clear:both; float:left; margin:7px; width:67%;}

#rightContent			{float:left; margin:7px; width:28%;}

.rightFeature			{border:1px solid #CCE0DE; margin-top:10px; padding:0 5px;}
.rightFeature h4		{background:#CCE0DE; margin:0 -5px; padding:2px 3px; font-size:1.1em;}
.rightFeature ul		{margin-top:5px; margin-bottom:10px;}

#footer					{border-top:1px solid #000; text-align:right; padding:2px 5px; clear:both;}

/* Custom rules */

h2.button				{color:#fff; border:1px solid #006853; width:70%; background:url('/images/build/menuBg.jpg') repeat-x top left; text-align:center; margin:20px auto;}
h2.button a				{color:#fff; text-decoration:none;}