/* Reset Styles - Thank you Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type:none;
}

/* Sticky Footer */
/*html, body { height: 100%; }*/
/*#wrapper { min-height: 100%; }*/
/*#container { overflow:auto; padding-bottom: 200px;}  /* this is overridden below if it needs changing */  /* must be same height as the footer */

/*Opera Fix*/
/*body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }*.
#footer { background: #0c4c2a; position: relative; margin-top: -200px; 
	/* negative value of footer height */ /*height: 200px; clear:both; padding-left: 370px; padding-right: 370px;
	color: #fff; line-height: 39px; font-size: 0.8em; }*/


/* End Sticky Footer */

body { font-family: 'Tahoma', 'Arial', 'sans-serif'; background-color: #c0c0c0; font-size: 10px; }
#container { display: block; position: relative; clear: both; width: 940px; height: auto; margin: auto; padding: 0 40px 75px 40px; text-align: left; background-color: transparent; }

#header { height: 150px; margin: 0 0 20px 0; padding:0; width: 940px; -webkit-border-bottom-right-radius: 6px; background-color: #fff; -webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

#header a.logo { display: block; float: left; margin: 23px 20px 0px 30px; }
#header h1 { display: block; float: left; font-size: 3.2em; margin-left: 30px; margin-top: 43px; }
#header h1 span { font-size: 0.5em; }
#header div.contact-details { display: block; float: right; margin: 45px 30px 0 0; }
#header div.contact-details p { font-size: 2em; }


/* Slideshow Region */
#slideshow { display: block; position: relative; clear: both; width: 940px; height: 208px; background-color: transparent; }
#strip { margin-bottom: 32px; }

	/* Image Slider */
	.main_view { float: left; position: relative; }
	.window { width: 940px; height: 208px; overflow: hidden; position: relative; }
	.image_reel { position: absolute; top: 0; left: 0; }
	.image_reel img { float: left; }
	.paging { position: absolute; bottom: 40px; right: -7px; width: 178px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; background: url(paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ }
	.paging a { padding: 5px; text-decoration: none; color: #fff; }
	.paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
	.paging a:hover { font-weight: bold; }

	.paging { display: none !important; }


#content { margin: 0; padding:0; width: 940px; -webkit-border-radius: 6px; background-color: #fff; -moz-border-radius: 6px; border-radius: 6px; }

#content #navigation ul { clear: both; height: 50px; font-size: 1.3em; margin-left: 10px; }
#content #navigation ul li { display: block; float: left; line-height: 50px; margin: 0 10px; }
#content #navigation ul li a { color: #0c4c2a; text-decoration: none; }
#content #navigation ul li a:hover { text-decoration: underline; }

#content h2 { font-size: 2em; color: #0c4c2a; margin-left: 30px; margin-top: 20px; }
#content ul { margin-left: 60px; }
#content ul li { font-size: 1.7em; list-style-type: disc; }

ul.ctas { clear: both; margin: 20px 60px; }
ul.ctas li { display: block; float: left; width: 30%; text-align: center; margin: 0 10px; }
ul.ctas li a { display: block; width: 250px; height: 200px; background-color: #000; }

/* Form Controls */
div.control { display: block; margin: 0 0 20px 150px; }
div.control label { display: block; float: left; font-size: 2.1em; width: 120px; color: #444; }
div.control label span { color: #ff0000; }
input { -webkit-border-radius: 6px; background-color: #fff; -moz-border-radius: 6px; border-radius: 6px; }
div.control input.txt, div.control textarea { width: 450px; font-size: 2.1em; font-family: 'Tahoma', 'Arial', 'sans-serif'; border: 1px solid #cfcfcf; padding: 5px; color: #333; }
div.control textarea { height: 150px; } 
div.control input.btn { margin-left: 120px; width: 464px; background-color: #0c4c2a; color: #fff; padding: 5px; font-size: 2.1em; font-family: 'Tahoma', 'Arial', 'sans-serif'; }

#content p { font-size: 1.6em; margin: 10px 30px; }

.clr { clear: both; }
#footer { padding-top: 20px; background: #0c4c2a; position: relative; height: 80px; clear:both; padding-left: 370px; padding-right: 370px; color: #fff; font-size: 1.8em; text-align: center; }


.errors, .info { display: block; margin: 10px 0px 10px 30px; padding: 10px; width: 75%; }
.errors {
	border: 1px solid #ff0000;
	background-color: #ffe5e5;
	color: #c73939;
}

.info {
	border: 1px solid #00d337;
	background-color: #bfe2c8;
	color: #208e3d;
}

.errors strong, .info strong { font-weight: bold; }