@charset "utf-8";
/* CSS Document */

/******************************************************************/
/* START BASE CSS (INCLUDES RESET, TEXT, AND 960 LAYOUTS          */
/******************************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

/* RESET ALL TAGS */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/* END RESET ALL TAGS */



/* START 960 GRID LAYOUTS */

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_1_snug,
.grid_2, .grid_2_snug,
.grid_3, .grid_3_snug,
.grid_4, .grid_4_snug,
.grid_5, .grid_5_snug,
.grid_6, .grid_6_snug,
.grid_7, .grid_7_snug,
.grid_8, .grid_8_snug,
.grid_9, .grid_9_snug,
.grid_10, .grid_10_snug,
.grid_11, .grid_11_snug,
.grid_12, .grid_12_snug
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11
{
	position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_1_snug {
	width: 80px;
	margin: 0px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_2_snug {
	width: 160px;
	margin: 0px;
}

.container_12 .grid_3 {
	width: 220px;
}

.container_12 .grid_3_snug {
	width: 240px;
	margin: 0px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_4_snug {
	width: 320px;
	margin: 0px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_5_snug {
	width: 400px;
	margin: 0px;
}

.container_12 .grid_6 {
	width: 460px;
}

.container_12 .grid_6_snug {
	width: 480px;
	margin: 0px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_7_snug {
	width: 560px;
	margin: 0px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_8_snug {
	width: 640px;
	margin: 0px;
}

.container_12 .grid_9 {
	width: 700px;
}

.container_12 .grid_9_snug {
	width: 720px;
	margin: 0px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_10_snug {
	width: 800px;
	margin: 0px;
}

.container_12 .grid_11 {
	width: 860px;
}

.container_12 .grid_11_snug {
	width: 880px;
	margin: 0px;
}

.container_12 .grid_12 {
	width: 940px;
}

.container_12 .grid_12_snug {
	width: 960px;
	margin: 0px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3
{
	padding-left: 240px;
}

.container_12 .prefix_6
{
	padding-left: 480px;
}

.container_12 .prefix_9
{
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
	padding-right: 240px;
}

.container_12 .suffix_6
{
	padding-right: 480px;
}

.container_12 .suffix_9
{
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3
{
	left: 240px;
}

.container_12 .push_6
{
	left: 480px;
}

.container_12 .push_9
{
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3
{
	left: -240px;
}

.container_12 .pull_6
{
	left: -480px;
}

.container_12 .pull_9
{
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* END 960 GRID LAYOUTS */


/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}

/******************************************************************/
/* END BASE CSS (INCLUDES RESET, TEXT, AND 960 LAYOUTS          */
/******************************************************************/


body
{
	background: no-repeat top center #000 url(../images/framework/bg.jpg);
}

a {
	color: #8a0000;
}

#framework
{
	background: #FFF;
}

#header-right
{
	background:url(../images/framework/header-right-bg.jpg);
	height: 177px;
}

#header-right-content {
	padding: 137px 20px 10px 10px;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	color: #7c4601;
}

#header-menu
{
	background: #ece9d7;
	text-align: right;
	padding: 3px 0px;
}

#header-menu ul
{
	float: right;
}

#header-optional-alert
{
	background: #e4ba74;
	text-align: center;
}

#header-optional-alert h1
{
	font-size: 22px;
	color: #000;
	padding: 5px;
	margin: 0px;
}

#header-optional-alert h1 a {
	color: #8a0000;
}

#section-header {
	border-bottom: 3px solid #ece9d7;
	margin: 5px 0px 20px 0px;
}

#section-header h1 {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 0px;
	color: #8a0000;
}

#section-header a {
	color: #8a0000;
	text-decoration: none;
}

#section-header a:hover {
	text-decoration: underline;
}

#section-header h4 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #7c4601;
}

#left-menu ul
{
	background: #ece9d7;
	width: 80%;
	padding: 10px 0px;
	border: 1px solid #CCC;
	list-style: none;
}

#left-menu ul li {
	margin: 0px 10px;
}

#left-menu ul a {
	font-size: 11px;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	margin: 3px;
	display: block;
	color: #7c4601;
	text-decoration: none;
}

#left-menu ul a:hover {
	background: #7c4601;
	color: #ece9d7;
}

#left-menu h2 {
	color: #8a0000;
	font-size: 18px;
	margin-bottom: 2px;
}

#left-menu h3 {
	color: #8a0000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

#left-menu h4 {
	color: #8a0000;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
	text-transform: capitalize;
}

#left-menu p {
	font-size: 11px;
}

#otherPromos h4 {
	color: #8a0000;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #8a0000;
	text-align: right;
}

.subsection-splash .indent {
	padding-left: 20px;
}

.subsection-splash h1 {
	color: #8a0000;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 3px;
}

.subsection-splash h2 {
	color: #8a0000;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 0px;
}

.subsection-splash h3 {
	color: #8a0000;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0px;
}

.subsection-splash p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 15px;
}

.subsection-splash a.more-detail {
	font-size: 11px;
}

#body-content-inner {
	background: #FFF;
}

#body-content-inner h1 {
	color: #8a0000;
	font-size: 28px;
}

#body-content-inner h2 {
	color: #8a0000;
	font-size: 18px;
	margin-bottom: 2px;
}

#body-content-inner h3 {
	color: #8a0000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

#body-content-inner p {
	font-size: 12px;
	line-height: 24px;
}

#body-content-inner li {
	margin-bottom: 4px;
}

#body-content-inner .smallerText p {
	font-size: 11px;
}

#body-content-inner .ui-widget h2 {
	font-size: 14px;
}

#body-content-inner .ui-widget h3 {
	font-size: 12px;
}

#body-content-inner .ui-widget h5 {
	font-size: 11px;
	padding: 3px;
	margin: 0px;
}

#body-content-inner .ui-widget p {
	font-size: 10px;
}

#body-content-inner .shadow {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}

#footer-separator {
	background: #e4ba74;
	height: 13px;
}

#footer {
	height: 137px;
	background: url(../images/framework/footer-bg.jpg) no-repeat #000;
}

#footer-text p {
	color: #FFF;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}

#footer-text a {
	color: #FFF;
}

.hidden {
	display:none
} 
.shown {
	display:inline
}