/* -------------------------------------------------------------- 
RGB Design Studio CSS Framework
Based on various bits of web frameworks. 960, Blue Print and Eric Meyers Reset.
http://www.rgbdesignstudio.com
Version: 1.0
Date: 09.03.08      

Eric Meyer's Reset
http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212
-------------------------------------------------------------- */
html {height:100%;} /*not sure if this is needed, added by rgb*/
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;}
td {vertical-align:top;}


/* Site General Font Treatment
-------------------------------------------------------------- */
body { 
	font: 17px/1.4  Times New Roman, Times, serif;
	color: #514c36;}

	
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #514c36;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font-size: 2em;line-height: 1.3em;font-style: italic;}
h2 {font-size: 1.5em;line-height: 1em;}
h3 {font-size: 1.2em;line-height: 1em;font-weight: bold;}
h4 {font-size: 1.3em;line-height: 1em;}
h5 {font-size: 1.2em;line-height: 1em;}
h6 {font-size: 1.2em;line-height: 1em;}


/* Text elements
-------------------------------------------------------------- */
a:focus, 
a:hover     {color: #000; }
blockquote  {
	margin: .5em 0;
	padding: .2em 2em;
	font-style: italic;
	color:#346a87;}
blockquote p {margin: .75em 0;}
strong,b      {font-weight: bold; }
em,dfn,i,address,cite {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }            
abbr, 
acronym     {border-bottom: 1px dotted #666; cursor:help;}
del         {color:#666; text-decoration:line-through; }
pre,code    {white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
sub {font-size: .8em;vertical-align: sub;}
sup {font-size: .8em;vertical-align: super;}

/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
li ul, 
li ol       {margin:0 1.5em; }
ul, ol      {margin: 0 1.5em }

/* Tables
-------------------------------------------------------------- */
th          { font-weight: bold; text-align:left;}
th,td       { padding: 0; margin:0; }
tfoot       { font-style: italic;}

/* HR
-------------------------------------------------------------- */
hr {
	border-color: #dfe9ef;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;}
	
/* Bottom Margins (set in pixels instead of em so all headings have the same bottome margin)
-------------------------------------------------------------- */
p,dl,hr,ol,ul,pre,table,address,fieldset {margin-bottom: 1em;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 2px;}

/* Margin and Style Overides
-------------------------------------------------------------- */

.top0 {margin-top: 0 !important;}
.top4 {margin-top: 4px !important;}
.top8 {margin-top: 8px !important;}
.top12 {margin-top: 12px !important;}
.top16 {margin-top: 16px !important;}
.top24 {margin-top: 24px !important;}
.top36 {margin-top: 36px !important;}

.bot0 {margin-bottom: 0px !important;}
.bot4 {margin-bottom: 4px !important;}
.bot6 {margin-bottom: 6px !important;}
.bot8 {margin-bottom: 8px !important;}
.bot12 {margin-bottom: 12px !important;}
.bot16 {margin-bottom: 16px !important;}
.bot24 {margin-bottom: 24px !important;}
.bot48 {margin-bottom: 48px !important;}

.imgLeft{float:left; margin:8px 8px 8px 0;}
.imgRight{float:right; margin:8px 0 8px 8px;}
.cAlign {text-align:center;}
.lAlign {text-align:left;}
.rAlign {text-align:right;}
.clear {clear:both;}
.alignleft {float: left; margin:5px 15px 3px 0;}
.alignright {float: right; margin:5px 0 3px 15px;}
.bottomLine {border-bottom: 1px solid #eee;margin-bottom:.4em;padding-bottom: .25em;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Site Structure 
-------------------------------------------------------------- */
html,body {  
		margin:0;
    	padding:0;
		height: 100%;
    	border:none}
    	
body {background-color: #c1ba9d;}

#stageBackground {
	width:960px;
	margin:0 auto;
	margin-top:60px;
	position:relative;}


/* Home 
-------------------------------------------------------------- */
#mainContent {
	border:1px solid #fff;
	width:958px;
	height:551px;
	background-color: #fff;
	position:relative;}
#splashImages {
	position: absolute;
	left:0;
	top:0;
	width:565px;
	height:551px;
	overflow: hidden;}
.wordBaner{
	z-index: 60;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url('images/home/homeWords.png') no-repeat;
	position: absolute;
	left:0;
	top:440px;
	width:517px;
	height:58px;}
.homeBands{
	position: absolute;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	z-index: 50;
	background:url('images/home/homeBands.png') repeat;
	left:517px;
	top:0px;
	width:46px;
	height:553px;}
.homeTextBox {
	position: absolute;
	right:0;
	top:0;
	background:url('images/home/homeTextBack.png') no-repeat #7b765e;
	width:393px;
	color:#fff;
	padding:115px 0 0 0;
	height:436px;}
.homeTextBox p{
	font-size: 1.3em;
	padding:0 20px;
	font-style: italic;
	text-align: center;}
.homeTextBox h2{
	font-size: 2em;
	padding:0 10px;
	color:#fff;
	margin:-10px 0 20px 0;
	font-style: italic;
	text-align: center;}
	
	
/* Interior Styles
-------------------------------------------------------------- */
#mainContentInt{
	border:1px solid #fff;
	min-height: 500px;
	width:958px;
	background:url('images/intBackground.png') repeat #fff;
		float:left;
	position:relative;
	display: inline;}

.menucol {
	float:left;
	position:relative;
	display: inline;
	margin: 0;
	padding: 0;
	width:200px;}
	
	.intNav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width:180px;}
	.intNav li {
		text-align: right;
		margin: 0;
		padding: 0;
		width:200px;}
.maincol {
	float:left;
	position:relative;
	display: inline;
	margin:0;
	padding:30px 54px 30px 72px;
	width:380px;}
.maincolSlideShow {
	float:left;
	position:relative;
	display: inline;
	margin:0 0 0 18px;
	width:740px;}
	
.quotecol {
	float:left;
	position:relative;
	display: inline;
	margin: 0;
	padding: 0;
	width:252px;}
	
.intNav {
	margin: 30px 0 0 0;
	line-height: 1.7em;
	font-style: italic;
	font-size: 1.3em;}
.menucol .intNav a.current {color: #de9e5e;}

.realList {list-style-type: none;}

.actualQuote {
	background: url('images/sideQuote.png') no-repeat;
	padding:8px 17px 10px 17px;
	margin: 15px 10px 5px 12px;
	font-size: 1.1em;
	line-height: 1.2em;
	color:#fff;
	font-style: italic;
	font-weight: bold;}
.quoteAuthor {
	text-align: right;
	font-size: .8em;
	padding:0 30px 0 0 ;
	color:#fff;}
.quotePicture {border-bottom:1px solid #fff}

.helpfulLinks p{line-height: 1.25em;font-size: .8em;}

/* Main Menu
-------------------------------------------------------------- */
#topmenu {
	border:1px solid #fff;
	height:28px;
	width: 958px;
	margin:0 0 10px 0;
	background: #514c36;	float:left;
	position:relative;
	display: inline;}
	
#topmenu ul {
	background: #888263;
	padding: 0;
	float: left;
	margin-left: 6px;}

#topmenu li {
	list-style-type: none;
	padding: 0;
	float: left;
	margin: 0;
	font-size: .9em;}
	
#topmenu ul li a{
	display: inline-block;
	height:18px;
	padding: 5px 15px;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-style: italic;	}

.leftbutton {border-left: 1px solid #fff;}

.dateCell {
	padding: 6px 12px 0 0 ;
	float:right;
	display: block;
	width: 200px;
	height:22px;
	text-align:right;
	color: #d1cfc9;
	font-size:.8em;}

#stageBackground #topmenu .current{
	color: #FFF; 
	background-color: #de9e5e;}
	
/* Footer
-------------------------------------------------------------- */
#legalText {
	float:left;
	text-align: right;
	width:960px;
	margin:10px 0 0 0;}
#legalText p, #legalText li{
	font-size: .8em;
	color: #e5dfd7;}
#legalText p, #legalText li{padding: 0 3px;}


/* Site Link Behavior
-------------------------------------------------------------- */
a:link    {color: #de9e5e; text-decoration:none;}
a:visited {color: #de9e5e; text-decoration:none;}
a:hover   {color: #514c36; text-decoration:none;}
a:active  {color: #de9e5e; text-decoration:none;}

.intNav a:link    {color: #514c36; text-decoration:none;}
.intNav a:visited {color: #514c36; text-decoration:none;}
.intNav a:hover   {color: #de9e5e; text-decoration:none;}
.intNav a:active  {color: #514c36; text-decoration:none;}

#topmenu A:link { color: #fff; background: #888263;}
#topmenu A:visited {color: #fff; background: #888263;}
#topmenu A:hover {color: #de9e5e; background-color:#fff;}
#topmenu A:active {color: #fff;	background: #888263;}

#legalText A:link { color: #e5dfd7;}
#legalText A:visited {color: #e5dfd7;}
#legalText A:hover {color: #00507b;}
#legalText A:active {color: #e5dfd7;}