/* 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 */

/* Set default HTML tag behaviors
------------------------------------------------------------ */
/* BODY style */
body {
	color: #333333;
	text-align: left;
	background-color: #FFF;
	font-family: arial, sans-serif;
	font-size: 72.5%;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 30px;
}
/* 72.5% font-size sets default font to be approximately 11px */

/* HEADER styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
h1, .headline { font: 180%/1.2em georgia, serif; color: #53351A; margin-bottom: 0.7em; }
h2, .subheadline {
	color: 333333;
	margin-bottom: 0.3em;
	font-family: georgia, serif;
	font-size: 140%;
	line-height: 1.4em;
}
h3, .header { font: 120%/1.3em arial, sans-serif; color: #333333; margin-top: -0.5em; margin-bottom: 0.7em; }
h4, .smallText { font: 90%/1.0em arial, sans-serif; margin-bottom: 1em; }
h5, .disclosure { font: 95%/1.0em arial, sans-serif; color: #999; margin-bottom: 1em; }
h6, .caption { font: 87%/1.1em arial, sans-serif; color: #000; margin-bottom: 1em; }

/* ANCHOR styles */
a:link, a:visited {
	color: #CC6600;
	text-decoration: underline;
	font-weight: bold;
}
a:hover, a:active {
	color: #3189B4;
	text-decoration: underline;
	font-weight: bold;
}

h5 a:link, h5 a:visited {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
h5 a:hover, h5 a:active {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}

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

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

/* LIST formatting styles */
ul, ol {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 3em;
}
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 {
	padding: 5px;
	background-color: #FFFFFF;
	margin-left: 25px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
/* 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; }

/* Setup footerStickAlt sticky footer method - Source: http://www.themaninblue.com/writing/perspective/2005/08/29/
------------------------------------------------------------ */
html { height: 100%; }
body {  }
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: 5px; height: 30px; }

/* Setup containers
------------------------------------------------------------ */
div.nonFooter {
	width: 898px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #999999;
}

div.music {
	width: 898px;
	margin: 0 auto;
	height: 30px;
	text-align: right;
	padding-bottom: 5px;
}

div.branding_1 {
	height: 87px;
	background-image: url(../images/top_bkgrd.jpg);
	background-repeat: no-repeat;
}
div.branding_2 { height: 55px; background-color: #FFFFFF; }

div.branding_2 ul {
	margin: 0;
}

div.branding_2 ul li {
	margin: 0 0 0 -0.5em;
	text-align: center;
	list-style: none;
}

div.branding_2 a:link, div.branding_2 a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 95%;
	text-transform: uppercase;
	letter-spacing: .3em;
}
div.branding_2 a:hover, div.branding_2 a:active {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 95%;
	text-transform: uppercase;
	letter-spacing: .3em;
}


div.supplemental_1 { background-color: magenta; }
div.supplemental_2 {  }
div.columnWrapper_1, div.columnWrapper_2, div.columnWrapper_3 { background-color: #FFF; }

/* left column */
div.column_1 {
	float: left;
	width: 185px;
	padding: 0;
}
/* right column */
div.column_2 { float: right; width: 155px; padding: 0 10px; background-color: gold; }
/* center column */
div.column_3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	background-image: url(../images/bkgrd_damask.jpg);
	background-repeat: no-repeat;
	padding-right: 50px;
	padding-left: 0px;
}

/* NOTE: Set footer height value in footerStickAlt set of definitions above */
div.footer { width: 898px; margin-bottom: 0; margin-left: auto; margin-right: auto; }

div.footerSupp { width: 90%; 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: 0px; border-width: 0 0 0 1px; }
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: yellow; font-weight: bold; text-align: center; text-transform: uppercase; }

/* 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; }