/*------------------------------------------------------------------

TCU - Master Screen Styles

BY: 	MIGHTY // MIGHTYINTHEMIDWEST.COM
FOR:	Extra Credit Projects // extracreditprojects.com

Authors:		Chris Chiles & Cliff Wegner
Date Created:	12/18/2008	 
Last Modified:	12/24/2008

Copyright 2008, All Rights Reserved.

NOTES:

All the files, and CSS should validate. We had to group styles
for "header and header-archives" and "subcontent and subcontent-archives"
with the last-minute additions Extra Credit Projects requested.

Also, the site utilizes Flash on top of Flash. (Using sIFR for text
with the main Flash for the bear animation.) It all validates and works
on browsers down to IE6. If for some reason, you need to degrade IE6 to
just an image, you can uncomment the two classes in the ie6.css file.

-------------------------------------------------------------------
BEGIN Reset Styles
-------------------------------------------------------------------*/

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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*------------------------------------------------------------------
END Reset Styles
-------------------------------------------------------------------*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
@media screen {
  .sIFR-active #content h2 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 70px;
	margin-left: -5px;
  }
  .sIFR-active #content .copy {
    font-family: Arial;
    visibility: hidden;
	font-size: 19px;
  }
  .sIFR-active #subcontent h2, .sIFR-active #subcontent-archives h2 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 70px;
	margin-top: 60px;
  }
  .sIFR-active #subcontent h3, .sIFR-active #subcontent-archives h3 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 29px;
  }
}
body {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
a {
	color: #b42025;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
#content a {
	color: #FFF;
}
#content a:hover {
	color: #5a0104;
}
#wrapper {
	margin: 0px auto 100px auto;
	padding: 15px 0 0 0;
	width: 864px;
}
#flash-wrapper {
	width: 864px;
	position: relative;
	overflow: hidden;
	height: 550px;
}
#header {
	background: url('../images/header-bg.png') no-repeat left bottom;
	width: 864px;
	height: 100px;
}
#header-archives {
	background: url('../images/header-bg-archives.png') no-repeat left bottom;
	width: 864px;
	height: 100px;
}
#header h1, #header-archives h1 {
	margin: 0 0 0 32px;
	float:  left;
}
#header h1 a, #header-archives h1 a {
	display: block;
	width: 80px;
	height: 80px;
	text-indent: -3000px;
	float:  left;
}
#header ul, #header-archives ul {
	margin: 39px 0 0 2px;
	float:  left;
	width: 750px;
}
#header ul li, #header-archives ul li {
	height: 11px;
	font-size: 1px;
	display: inline;
	float:  left;
}
#header ul li a, #header-archives ul li a {
	display: block;
	height: 10px;
	text-indent: -3000px;
	margin: 0 0 0 19px;
	float: left;
}
#header ul li.income-issues a, #header-archives ul li.income-issues a {
	width: 91px;
	background: url('../images/nav-income-issues.png') no-repeat 0px 0px;
}
#header ul li.mortgage-concerns a, #header-archives ul li.mortgage-concerns a {
	width: 129px;
	background: url('../images/nav-mortgage-concerns.png') no-repeat 0px 0px;
}
#header ul li.investment-advice a, #header-archives ul li.investment-advice a {
	width: 120px;
	background: url('../images/nav-investment-advice.png') no-repeat 0px 0px;
}
#header ul li.budgeting-tools a, #header-archives ul li.budgeting-tools a {
	width: 107px;
	background: url('../images/nav-budgeting-tools.png') no-repeat 0px 0px;
}
#header ul li.seminars a, #header-archives ul li.seminars a {
	width: 61px;
	background: url('../images/nav-seminars.png') no-repeat 0px 0px;
}
#header ul li.specials a, #header-archives ul li.specials a {
	width: 55px;
	background: url('../images/nav-specials.png') no-repeat 0px 0px;
}
#header ul li.contact a, #header-archives ul li.contact a {
	width: 53px;
	background: url('../images/nav-contact.png') no-repeat 0px 0px;
}
#header ul li.selected a, #header-archives ul li.selected a {
	background-position: 0px -20px;
}
#header ul li a:hover, #header-archives ul li a:hover {
	background-position: 0px -10px;
}
#worksheets {
	float: left;
	width: 375px;
	margin-left: -30px;
}
#calculators {
	float: left;
	width: 225px;
}
#worksheets span {
	padding: 1px 0 8px 30px;
	background: url('../images/worksheets.gif') no-repeat;
	text-transform: uppercase;
}
#worksheets ul {
	margin-left: 30px !important;
}
#calculators span {
	padding: 1px 0 8px 25px;
	background: url('../images/calculators.gif') no-repeat;
	text-transform: uppercase;
}
#calculators ul {
	margin-left: 25px !important;
}
#worksheets ul li, #calculators ul li {
	width: 100%;
}
#savers-club {
	padding: 1px 0 8px 30px;
	background: url('../images/savers-club.gif') no-repeat;
	text-transform: uppercase;
	margin: -5px 0 0 0;
}
#main {
	left: 0;
	top: 0;
	position: absolute;
	width: 864px;
	height: 550px;
	background: url('../images/content-bg-tall.png') no-repeat; /* This background image appears if Flash is disabled. */
}
#content {
	color: #FFF;
	left: 0;
	top: 0;
	position: absolute;
	width: 580px;
	height: 576px;
	padding: 0px 121px 0 163px;
	line-height: 150%;
}
#content .copy {
	margin: 10px 0 25px 0;
}
#content ul {
	margin: 0 0 20px 0;
}
#content ul li {
	margin: 0 0 3px 0px;
}
#content ul li a {
	cursor: pointer;
	padding: 0 0 0 10px;
	background: url('../images/bullet.png') no-repeat 0px 6px;
}
#content ul li a:hover {
	padding: 0 0 0 10px;
	background: url('../images/bullet-hover.png') no-repeat 0px 6px;
}
#content ul li.archives a {
	font-weight: bold;
}
.disclaimer {
	padding-top: 3em;
	color: #999;
	font-size: .9em;
	line-height: 1.5em;
}
#subcontent {
	clear: both;
	margin: 200px 0 0 0;
	padding: 0 70px 50px 90px;
	line-height: 160%;
	color: #3e3e3e;
	float: left;
}
#subcontent-archives {
	clear: both;
	margin: 50px 0 0 0;
	padding: 0 70px 50px 90px;
	line-height: 160%;
	color: #3e3e3e;
	float: left;
}
#subcontent p, #subcontent-archives p {
	margin: .9em 0 1.2em 0;
}
#subcontent .top a, #subcontent-archives .top a {
	float: left;
	position: relative;
	top: 43px;
	left: -45px;
	background: url('../images/top-tcu.png') no-repeat;
	width: 28px;
	padding: 28px 0 0 0;
	height: 15px;
	text-align: center;
	font-weight: bold;
	font-size: .8em;
}
#subcontent .copy, #subcontent-archives .copy {
	position: relative;
}
#subcontent .logo, #subcontent-archives .logo {
	right: 0;
	position: absolute;
	top: 30px;
}
#subcontent ul li, #subcontent-archives ul li {
	padding: 0 0 0 10px;
	background: url('../images/bul.png') no-repeat 0px 7px;
}
#subcontent ul li a, #subcontent-archives ul li a {
	color: #3e3e3e;
}
#subcontent ul li a:hover, #subcontent-archives ul li a:hover {
	color: #b42025;
}
#subcontent div.small-heading, #subcontent-archives div.small-heading {
	clear: both;
	margin: -11px 0 20px 0;
	font-style: italic;
}
#subcontent h5, #subcontent-archives h5 {
	font-size: 12px;
	font-weight: bold;
}
#subcontent ol {
	list-style: decimal;
	margin: 0 0 0 25px;
}
table {
	margin: 1.2em 0 0 0;
}
table th {
	color: #b42025;
	white-space: nowrap;
	padding: 5px 50px 5px 0;
	vertical-align: bottom;
}
table td {
	padding: 5px 50px 5px 0;
}
.highlight {
	color: #b42025;
}
.center {
	text-align: center;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}