/* In this CSS
site, header, navigation, content, forms, footer, global, extra
*/

/*/////// site /////////////////////////////////////////////////////////////*/

body {
	margin:0;
	padding:0;
	background-color:#8cb7cc;
	font: normal 13px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #787060;
}

.wrapper {
	margin: 0 auto;
	width:1000px;
	background-color:#FFFFFF;
}
.wrapper_padding {padding:0;
}

.contentbg {
	background-color:#f0ebe0;
}

.logo-position{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left:-430px;
	z-index: 5;
}

.secondarynav_bg{
	background: url(/Images/CommonImages/sectionnavbg.gif) repeat no-repeat;

}
	

/*/////// header /////////////////////////////////////////////////////////////*/

.header {
	height:140px;
	margin-bottom:48px;
	color:#006600;
	font-size:11px;
	line-height:16px;
	vertical-align:middle;
}
.header_padding {}

.header a {color: #006600; text-decoration: underline;}
.header a:link {color: #006600;}
.header a:visited {color: #006600;}
.header a:active {color: #006600;}
.header a:hover {color: #006600; text-decoration: none;}

.headerbg {
	background-color:#72654e;
}

.headerborder {
	background-color:#575147;
}

.header_orange {
	margin:0;
	padding:0;
	font: normal 15px Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height:16px;
	color: #c68d43;
}

.header_orange a {color: #c68d43; text-decoration: none;}
.header_orange a:link {color: #c68d43;}
.header_orange a:visited {color: #c68d43;}
.header_orange a:active {color: #c68d43;}
.header_orange a:hover {color: #c68d43; text-decoration: none;}

.photo_padding_right {padding:0px 5px 0px 0px; margin-bottom: 5px;}

.photo_padding_left {padding:15px 13px 0px 23px; margin-bottom: 10px;}

/*/////// navigation /////////////////////////////////////////////////////////////*/

.primary_nav {
	color:#007650;
	font-size:12px;
	line-height: 15px;
	height:34px;
}
.primary_nav_padding {padding:15px 13px 0px 23px; margin-bottom: 10px;}

.primary_nav a {color:#007650;text-decoration: none; padding: 4px 0 4px 2px; display: block;}
.primary_nav a:link {color:#007650;}
.primary_nav a:visited {color:#007650;}
.primary_nav a:active {color:#007650;}
.primary_nav a:hover {color:#000000;text-decoration: none;}

.primary_nav a.on {color:#000000;text-decoration: none; padding: 4px 0 4px 2px; display: block;}
.primary_nav a:link.on {color:#000000;}
.primary_nav a:visited.on {color:#000000;}
.primary_nav a:active.on {color:#000000;}
.primary_nav a:hover.on {color:#000000;text-decoration: none;}

.secondarynav_text {
	margin:0;
	padding:0;
	font: normal 17px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #787060;
}
.secondarynav_text a {color: #787060; text-decoration: none;}
.secondarynav_text a:link {color: #787060;}
.secondarynav_text a:visited {color: #787060;}
.secondarynav_text a:active {color: #787060;}
.secondarynav_text a:hover {color: #c68d43; text-decoration: none;
}

.secondarynav_text_on {
	margin:0;
	padding:0;
	font: normal 17px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #c68d43;
}
.secondarynav_text_on a {color: #c68d43; text-decoration: none;}
.secondarynav_text_on a:link {color: #c68d43;}
.secondarynav_text_on a:visited {color: #c68d43;}
.secondarynav_text_on a:active {color: #c68d43;}
.secondarynav_text_on a:hover {color: #c68d43; text-decoration: none;
}

.secondarynav_text_small {
	margin:0;
	padding-left: 10px;
	font: bold 13px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #787060;
}
.secondarynav_text_small a {color: #787060; text-decoration: none;}
.secondarynav_text_small a:link {color: #787060;}
.secondarynav_text_small a:visited {color: #787060;}
.secondarynav_text_small a:active {color: #787060;}
.secondarynav_text_small a:hover {color: #c68d43; text-decoration: none;
}

.secondarynav_text_small_on {
	margin:0;
	padding-left: 10px;
	font: bold 13px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #c68d43;
}
.secondarynav_text_small_on a {color: #c68d43; text-decoration: none;}
.secondarynav_text_small_on a:link {color: #c68d43;}
.secondarynav_text_small_on a:visited {color: #c68d43;}
.secondarynav_text_small_on a:active {color: #c68d43;}
.secondarynav_text_small_on a:hover {color: #c68d43; text-decoration: none;
}

/*/////// content  /////////////////////////////////////////////////////////////*/


.home_content {background: url(/Images/Home/homecenterbg.gif);
}

.maintext_orange {
	margin:0;
	padding:0;
	font: normal 13px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #c68d43;
}
.maintext_orange a {color: #c68d43; text-decoration: underline;}
.maintext_orange a:link {color: #c68d43;}
.maintext_orange a:visited {color: #c68d43;}
.maintext_orange a:active {color: #c68d43;}
.maintext_orange a:hover {color: #c68d43; text-decoration: underline;
}

.maintext_orange_large {
	margin:0;
	padding:0;
	font: normal 14px Tahoma, Verdana, Arial, sans-serif;
	line-height:16px;
	color: #c68d43;
}
.maintext_orange_large a {color: #c68d43; text-decoration: underline;}
.maintext_orange_large a:link {color: #c68d43;}
.maintext_orange_large a:visited {color: #c68d43;}
.maintext_orange_large a:active {color: #c68d43;}
.maintext_orange_large a:hover {color: #c68d43; text-decoration: underline;
}

.maintext {
	margin:0;
	padding:0;
	font: normal 14px Tahoma, Verdana, Arial, sans-serif;
	line-height:18px;
	color: #787060;
}
.maintext a {color: #c68d43; text-decoration: underline;}
.maintext a:link {color: #c68d43;}
.maintext a:visited {color: #c68d43;}
.maintext a:active {color: #c68d43;}
.maintext a:hover {color: #c68d43; text-decoration: underline;
}


/*/////// forms /////////////////////////////////////////////////////////////*/

form { display:inline }

.form {margin-top:25px;}

.form fieldset {
	border:none;
	padding:10px;
}
.form .focused {
	background-color: #FFE6CC;
}
.form .focused .radio_boxes input{
	background-color: #FFE6CC;
}

.form .form_title {
	color:#3C5D64;
	font-size:13px;
	line-height:15px;
	padding-bottom:3px;
	font-weight:bold;
	margin: 0 0 2px 0;
}

.form input,.form  select,.form  textarea {
	color : #000000;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	margin:0;
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	background:#ffffff url(../Images/Form/bgField.gif) repeat-x left top;
	clear:both;
}

.form label {
	color:#666666;
	font-size:9px;
	line-height:12px;
	padding-top:2px;
	display:block;
}

.form div.form_cont { float:left; padding:4px 5px;}

.form .radio_boxes { clear:both;}
.form .radio_boxes input{ border:none; margin: 1px 5px 0 0; background:none !important;}
.form .radio_boxes label{ display:inline; }



.form .form_req input,.form  .form_req select,.form  .form_req textarea { background-color:#CCFFFF !important;} 
/*  !important attribut can be useful if we need to keep the bg-color */
/*  But this might not be good if you want google toolbar to show fields they can auto-fill */
.form .form_req label {color:#000000; border:none; font-weight:bold;}

.form .form_err {border: 1px #FF0000 solid;margin: 3px 0;}
.form .form_err input,.form  .form_err select,.form  .form_err textarea {}
.form label.form_err {color: #FF0000; border:none; display:block;}
.form .form_multi label.form_err { clear:both; }

.form .form_key {position:relative; float:right; width:180px; margin-right:0;}

input, textarea { padding:2px 3px; }

.no_border { border:none; }
.no_border input { border:none; }
input[type='checkbox'] { border: none; }
input[type='radio'] { border: none; }

.formcell {
	color : #787060;
	text-align: right;
	background-color: #e2dcd1;
	padding-right: 5px;
	font: 13px Tahoma, Verdana, Arial, sans-serif;
}
.formcell a {color: #787060; text-decoration: underline;}
.formcell a:link {color: #787060;}
.formcell a:visited {color: #787060;}
.formcell a:hover {color: #787060;}


/*/////// footer /////////////////////////////////////////////////////////////*/

.footertext {
	color:#6f8596;
	font: 12px Tahoma, Verdana, Arial, sans-serif;
	line-height:35px;
}

.footertext a {color: #FFFFFF; font: 12px Tahoma, Verdana, Arial, sans-serif; text-decoration: underline;}
.footertext a:link {color: #FFFFFF;}
.footertext a:visited {color: #FFFFFF;}
.footertext a:active {color: #FFFFFF;}
.footertext a:hover {color: #FFFFFF; text-decoration: none;}

.footertext_small {
	color:#FFFFFF;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	line-height:19px;
}

.footertext_small a {color: #FFFFFF; font: 10px Tahoma, Verdana, Arial, sans-serif; text-decoration: underline;}
.footertext_small a:link {color: #FFFFFF;}
.footertext_small a:visited {color: #FFFFFF;}
.footertext_small a:active {color: #FFFFFF;}
.footertext_small a:hover {color: #FFFFFF; text-decoration: none;}


.footerborder {
	background-color:#c7bbad;
}


/*/////// global /////////////////////////////////////////////////////////////*/

a {color: #00744F; text-decoration: underline;}
a:link {color: #00744F;}
a:visited {color: #00744F;}
a:active {color: #00744F;}
a:hover {color: #00744F; text-decoration: none;}

p {margin:0 0 8px 0; padding: 0 0 7px 0 ;}
p.indent { text-indent:30px;}
blockquote{font-style:italic}

h1 {
	font-size:20px;
	margin: 10px 0 15px 0;
	color: #f47820;
}

h2 {
	font-size:13px;
	margin: 10px 0 2px 0;
	color: #117e5b;
}

h3 {
	font-size:13px;
	margin: 7px 0 4px 0;
	color: #cc6600;
}

h4, h5, h6 {
	font-size:13px;
	margin: 7px 0 4px 0;
	color: #cc6600;
}


table.basic {
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border:none;
	width:100%;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
}
table.basic td {
	padding:0;
	vertical-align:top;
}

.float_left {
	float:left;
	position:relative;
}
.float_right {
	float:right;
	position:relative;
}
.clear { clear:both;}

.hr {
	background-color : #E6E6E6;
	margin: 1px 0;
}
.hr_list {
	background-color : #E6E6E6;
	margin: 15px 0 15px 0;
}

.vr_dotted { background: url(Images/CommonImages/vr_dotted.gif) repeat-y 15px 0;  }

ul { 
	margin: 2px 0px 7px 15px;
	padding: 2px 0px 7px 15px;
} 
li { margin-bottom: 3px; }

ul ul { 
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
} 

.errtext {
	/*error attributes*/
	color : #FF0000;
	padding-left:2px;
	font: normal 11px/15px Tahoma, Verdana, Arial, sans-serif;
}
.errtext a {color: #FF0000; text-decoration: underline;}
.errtext a:link {color: #FF0000;}
.errtext a:visited {color: #FF0000;}
.errtext a:active {color: #FF0000;}
.errtext a:hover {color: #FF0000; text-decoration: underline;}

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align:middle;
}
img.icon {
	margin:0 8px 0 5px;
	display:inline;
}

.img_mask {
	position:absolute;
	z-index:100;
}

.button { 
	/*use to make a button-like element on a link*/
	color:#333333; 
	font-size: 11px;
	line-height: 22px; 
	background:#CCCCCC; 
	border-top:2px solid #E5E4E4; 
	border-right:2px solid #B2B1B1; 
	border-bottom:2px solid #B2B1B1; 
	border-left:2px solid #E5E4E4; 
	margin: 3px 0;
}
.button a {color: #666666; text-decoration: none; padding:3px 5px; }
.button a:link {color: #666666;}
.button a:visited {color: #666666;}
.button a:active {color: #666666;}
.button a:hover {color: #AF7215; text-decoration: none;}


/*/////// extra /////////////////////////////////////////////////////////////*/

/* **************** start sifr **************** */

/* these "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sifr text metrics since the sifr text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sifr-hasflash .sifrheader {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 36px;
	line-height: 27px;
}

.sifr-hasflash .sifrsubhead {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
}

/* these are standard sifr styles... do not modify */

.sifr-flash {
	visibility: visible !important;
	margin: 0;
}

.sifr-replaced {
	visibility: visible !important;
}

span.sifr-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}

/* **************** end sifr **************** */

@media print {
	
}
