/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-weight: normal; font-size: 13px; font-family: Arial; color: #333333; line-height: 17px; }  /* Default font for all items */
div { -moz-box-sizing:border-box;box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; background: url('../images/layout/bodybg2.gif') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 4px solid #96AF5A; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #336600; font-size: 18px; margin: 0px 0px 15px 0px; }
h2 { color: #02679A; font-size: 16px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
p  { color: #333333; font-size: 12px; line-height: 20px; margin: 0px 0px 15px 0px; }
a  { color: #7E9644; font: bold 12px Arial; text-decoration: none; }
a:hover { text-decoration: underline; }
b { font-weight: bold; }
th { font-weight: bold; }





/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 920px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
	background: url('../images/layout/right_column_bg2.gif') top right repeat-y;
}

#leftColumn {
	width: 660px;
	float: left;
}

#rightColumn {
	width: 240px;
	float: right;
}

#headerContainer {
	border-width: 1px;
	border-color: #CCCCCC;
	border-bottom-style: dashed;
	margin-top: 30px;
	height: 130px;

}

#header { /* CONTAINS SLOGAN */
	color: #FFFFFF;
	font-size: 24px;
	font-weight:  normal;
	font-family: Arial;
	height: 75px;
	line-height: 20px;
}

#nav { }

#nav a {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
    height: 26px; line-height: 26px;
	font-size: 16px;
}

#nav a:hover {
	background: #96AF5A;
	color: #FFFFFF;
}


#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
	margin-top: 20px;
}



#authorName {
	color: #333333;
	font-size: 18px;
	text-align: center;
	height: 50px;
	font-family: Arial;
	margin-top: 25px;
	line-height: 25px;

}

#footer { margin: 0px auto; width: 920px; font-weight: normal; margin-top: 10px; }

#footerLeft { width: 300px; float: left; color: #333333; font-weight: normal; }
#footerRight { float: right; text-align: right; color: #333333; margin-right: -8px; font-weight: normal;}
#footerLeft a, #footerRight a { color: #333333; padding: 2px 8px 2px 8px; text-decoration: none; }
#footerLeft a:hover, #footerRight a:hover { color: #333333; text-decoration: underline; }








/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactMe {   }
.contactMe th { color: #336699; font-weight: normal; text-align: right; padding-top: 5px; padding-right: 5px; font-size: 10px; }
.contactMe td { color: #336699; padding-top: 5px; font-size: 10px; }
.contactMe input { width: 160px; height: 16px; line-height: 16px; }
.contactMe select { width: 165px; height: 16px; line-height: 16px; }
.contactMe textarea { width: 160px; height: 80px; line-height: 16px; }

.contactMe #checkbox input { width: 16px; margin-right: 10px; }
.contactMe #checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactMe #radio input { width: 16px; margin-right: 10px; }
.contactMe #radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }