* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F29400;
	background-repeat: repeat;
	background-image: url(../images_final/BGs/BG_Cross.png);
}

body > #wrap {
	height: auto; min-height: 100%;
}

#main {
	padding-bottom: 80px;
}  /* must be same height as the footer */

#header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
	background-image: url(../images_final/BGs/BG_Wrapper_01.png);
	background-repeat: repeat-x;
}
#header2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images_final/BGs/BG_Wrapper_01.png);
	background-repeat: repeat-x;
	height: 100px;
}
#contentArea {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#contentFooter {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(../images_final/BGs/BG_contentFooter.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#footer {
	position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;
	background-color: #333333;
} 
#colClearAll {
	width: 100%;
	clear: left;
}
a:link, a:visited {
	color: #FF6600;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF3300;
	text-decoration: underline;
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	color: #333333;
	padding-bottom: 10px;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
h2 {
	font-size: 30px;
	font-weight: bold;
	color: #F67C00;
}
h3 {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
h5 {
	font-size: 10px;
	font-weight: normal;
}
li {
	color: #333333;
}
ul {
	padding-left: 70px;
	padding-top: 0px;
	padding-right: 65px;
	padding-bottom: 0px;
	margin-left: 10px;
	font-size: 14px;
	list-style-type: square;
}

ol {
	padding-left: 70px;
	padding-top: 0px;
	padding-right: 65px;
	padding-bottom: 0px;
	margin-left: 15px;
	font-size: 14px;
}
table {
	margin-left: 70px;
	padding: 0px;
}
td {
	border: 1px solid #CCCCCC;
}
.colFull table p {
	margin: 0px;
	padding: 5px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* FORM ITEMS */
input.textBox {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 18px;
	border: 1px solid #CCCCCC;
	color: #333333;
	height: 28px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 18px;
	border: 1px solid #CCCCCC;
	color: #666666;
	margin: 3px 0px 15px 0px;
	padding: 6px 3px 0px 3px;}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.colFull {
	width: 880px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-image: url(../images_final/BGs/BG_Wrapper_03.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.colLeft {
	float: left;
	width: 395px;
	padding: 20px 20px 20px 20px;
	margin: 0px 10px 0px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-image: url(../images_final/BGs/BG_Wrapper_04.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.colRight {
	float: left;
	width: 395px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-image: url(../images_final/BGs/BG_Wrapper_04.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.eComColLeft {
	float: left;
	width: 195px;
	background-color: #4D7A11;
	padding: 20px 20px 30px 20px;
	margin: 10px 10px 0px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C0F302;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0F302;
}

.eComColRight {
	float: left;
	width: 595px;
	background-color: #4D7A11;
	padding: 20px 20px 30px 20px;
	margin: 10px 0px 0px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C0F302;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0F302;
}
.colFull p,
.colFull h1,
.colFull h2,
.colFull h3,
.colFull h4 {
	margin-top: 3px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 70px;
}
.colLeft p,
.colLeft h1,
.colLeft h2,
.colLeft h3,
.colLeft h4 {
	padding: 3px 0px 0px 50px;
}
.colRight p,
.colRight h1,
.colRight h2,
.colRight h3,
.colRight h4 {
	padding: 3px 0px 0px 50px;
}
.eComColLeft p,
.eComColLeft h1,
.eComColLeft h2,
.eComColLeft h3,
.eComColLeft h4 {
	padding: 3px 0px 0px 0px;
}
.eComColRight p,
.eComColRight h1,
.eComColRight h2,
.eComColRight h3,
.eComColRight h4 {
	padding: 3px 0px 0px 0px;
}

.photoBorderLeft {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 5px solid #E6E6E6;
}

.photoBorderRight {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 5px solid #E6E6E6;
}
.photoBorderThick {
	border: 5px solid #E6E6E6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	padding: 46px 20px 0px 0px;
}
.textBlack {
	color: #333333;
}
.textOrange {
	color: #FF6600;
}
.textWhite {
	color: #FFFFFF;
}
.textGrey {
	color: #666666;
}
.textGreen {
	color: #99CC00;
}
