/* CSS Document */

/* Normalize selected browser defaults - Source: Transcending CSS, Andy Clarke
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
div > p { margin-top: 0; } /* old Netscape fix */

/* Consistent line spacing with <sup> <sub> - http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=5341&productId=1&loc=en_US */
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: .8ex; }
sub { top: .5ex; }

/* Set default HTML tag behaviors
------------------------------------------------------------ */
/* BODY style */
body {
	color: #5F503F;
	text-align: left;
	background: #D5BB85 url(../images/template/body_bkgrn_fade.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}



/* HEADER styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
h1, .headline { font: 170%/1.1em georgia, serif; font-style: italic; color: black; padding-bottom: 0.4em; }
h2, .subheadline { font: bold 120%/1.3em "Times New Roman", Times, serif; padding-bottom: 0.1em; padding-top: 0.1em; }
h3, .header { font: 90%/1.1em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 1em; }
h4, .quote { font: italic normal 180%/1.25em "Times New Roman", Times, serif; margin: 15px 10px 15px 0; }
h5, .photoCaption { font: bold 100%/1.1em Verdana, Arial, Helvetica, sans-serif; color: #5F503F; padding-bottom: 1em; }
h6, .photoCredit { font: 80%/1.1em Verdana, Arial, Helvetica, sans-serif; color: #000; padding-bottom: 1em; }


/* ANCHOR styles */
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { color: #7A572C; text-decoration: underline; }

/* TABLE formatting styles */
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; }
th, td { font: normal 100%/1.6em arial, sans-serif; vertical-align: top; padding: 6px 1px; }

/* P formatting styles */
p { margin-bottom: 1em; }

/* LIST formatting styles */
ul, ol { margin: 1em 0 1em 5em; }
ul { list-style: disc; }
ul ul { list-style: circle; margin: 0 2.5em; }
ul ul ul { list-style: square; margin: 0 2.5em; }
ol { list-style: decimal; }
ol ol { list-style: lower-alpha; margin: 0 2.5em; }
ol ol ol { list-style: lower-roman; margin: 0 2.5em; }

/* IMAGE formatting styles */
a img { border: 0; }

div.column_3 img {margin: 0 0 25px 0; padding: 0;}


div.column_3 h5 {margin-top: -15px; margin-bottom: 15px; }

div.column_3 h6 { margin: 25px 15px 2px 0; }



/*
div.column_3 img { background: transparent url(images/bkgrn_dropshadow.gif) no-repeat bottom right; padding: 0 10px 10px 0; margin: 10px 5px 0 15px; }
*/


/* NOTE: use noFormat class to remove pre-set image formatting in main content area */
div.column_3 img.noFormat { background-image: none; margin: 0; padding: 0; border: 0; }

/* FORM OBJECTS formatting styles */
fieldset { border: 1px solid #CCC; padding-left: 15px; margin-bottom: 15px; }
legend { color: #999; text-transform: uppercase; font: bold 12px/16px arial, helvetica, sans-serif; letter-spacing: .1em; padding-bottom: 3px; text-align: right; }
input { font-size: 11px; color: #333; border-color: #CCC; border-width: 1px; background-color: #fff; padding: 1px 3px; }
input.button { color: #FFF; padding: 4px 6px; font: bold 12px/120% arial, helvetica, sans-serif; background: url(images/bkgrn_inputButton.jpg) repeat-x bottom; border: none; cursor: pointer; }
input:hover.button { color: #000; }
label {
	color: #000;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
label.inputOption { font-weight: normal; color: #555; padding-right: 15px; }
textarea { width: 400px; color: #000; font: 11px/120% verdana, arial, helvetica, sans-serif; border: 1px solid #AAA; padding: 2px; background-color: #fff; }
select { color: #fff; font: 11px/120% verdana, arial, helvetica, sans-serif; border-width: 1px; background-color: #fff; }

/* Setup containers
------------------------------------------------------------ */
div.nonFooter {
	width: 900px; margin: 0 auto;}

div.branding_1 { height: 120px;}
div.branding_1 img.logo {margin: 8px 0 0 35px;}
div.branding_1 div.cta {width: 360px; float: right;  margin: 60px 20px 0 0;}
div.branding_1 h1 { font: italic normal 180%/1em "Times New Roman", Times, serif; color: #000;}
div.branding_1 h2 { display: inline; font: italic normal 140%/1em Georgia, "Times New Roman", Times, serif; color: #000;  padding-top: 0; line-height: .75em;}



div.primaryNav {height: 25px; background: #E9D9B9 url(../images/template/primaryNav_bkgrn.jpg) no-repeat;}
div.primaryNav ul {padding: 3px 0 5px 40px; margin: 0;}
div.primaryNav ul li {display: inline; font: normal 120%/1em "Times New Roman", Times, serif; color: #000; text-transform: uppercase; padding: 0; letter-spacing: 0.15em; }


div.primaryNav ul li a {text-decoration: none; padding: 5px 12px;}
div.primaryNav ul li a:link, div.primaryNav ul li a:visited {text-decoration: none; }
div.primaryNav ul li a:hover, div.primaryNav ul li a:active {
	text-decoration: none;
	background-image: url(../images/template/primaryNav_bkgrn_active.jpg);
	background-repeat: repeat-x;
}

div.primaryNav ul li.active {text-decoration: none;
	background-image: url(../images/template/primaryNav_bkgrn_active.jpg);
	background-repeat: repeat-x; padding: 5px 0;}




div.branding_2 {  }



/* Setup footerStickAlt sticky footer method - Source: http://www.themaninblue.com/writing/perspective/2005/08/29/
------------------------------------------------------------
html { height: 100%; }
body { height: 100%; }
div.nonFooter { position: relative; min-height: 100%; }
* html div.nonFooter { height: 100%; }
div.columnWrapper_1, div.columnWrapper_2, div.columnWrapper_3 { padding-bottom: 3.5em; }
div.footer { position: relative; margin-top: -30px; height: 30px; } */

/* NOTE IF USING STICKY FOOTER: Set footer height value in footerStickAlt set of definitions above, otherwise, set footer height here. */
div.footer {
	height: 25px;
	width: 900px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
div.footer ul {list-style: none;  margin: 0; padding: 7px 0 0 0; font: 90%/1.1em arial, sans-serif; font-weight: normal; color: #000;}
div.footer ul li {
	display: inline;
	border-left: solid 1px #000;
	padding: 0 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.footer ul li.firstItem {border: none;}

div.footer ul li a {text-decoration: none;}
div.footer ul li a:link, div.column_1 ul li a:visited { color: #000;  }
div.footer ul li a:hover, div.column_1 ul li a:active { color: #000; text-decoration: underline; }







div.footerSupp { display: none; width: 50%; height: 100%; float: right; text-align: right;  }

/* Setup alternate column display options
------------------------------------------------------------ */
div.columnWrapper_2 div.column_2 { display: none; }
div.columnWrapper_2 div.column_3 { /* margin-right: 20px; */ margin-right: 0;}
div.columnWrapper_1 div.column_1, div.columnWrapper_1 div.column_2 { display: none; }
div.columnWrapper_1 div.column_3 { /* margin: 0 50px; */ border-width: 0; }

/* Regularly used custom classes
------------------------------------------------------------ */
/* formatted table */
table.formatTable { border: 1px solid black; }
table.formatTable th, table.formatTable td { border: 1px solid black; padding: 2px 6px; }
table.formatTable th { background-color: #DBC2B1; font-weight: bold; text-align: center; text-transform: uppercase; }
 
/* .imgReplace { text-indent: -9999px; margin: 0; padding: 0; position: absolute; } */

h1.imgReplace {line-height:0;
margin:0;
padding-bottom:0;
text-indent:-9999px;}


/* define color palette */
.black { color: #000; }
.white { color: #FFF; }

/* define for in-line styling as necessary */
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; margin: 0; padding: 0; }
.clearLeft { clear: left; }
.clearRight { clear: right; }