/* -------------------------------------------------------------- 
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 { 
	text-rendering:optimizeLegibility;
	font: 13px/1.5  Arial, sans-serif;
	color: #4f463b;}

	
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #1c647c;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h1 {font-size: 1.5em;line-height:1.3em; color: #633f31;color: #1c647c; }
h2 {font-size: 1.1em;line-height:1.3em; font-weight: bold;}
h3 {font-size: 1.1em;line-height:1.3em; }
h4 {font-size: 1.1em;line-height:1.3em;}
h5 {font-size: 1em;line-height:1.3em;font-weight: bold;color: #4f463b;}
h6 {font-size: .9em;line-height:1.3em;color: #4f463b;}


/* Text elements
-------------------------------------------------------------- */
a:focus, 
a:hover     {color: #000; }
blockquote  {
	margin: .5em 0;
	padding: .2em 2em;
	font-style: italic;
	color:#346a87;
	background: url(../i/quote.png) no-repeat top left;}
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: #633f31;
	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:.3em;padding-bottom:.3em;}



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

.imageBorder {
	border:1px solid #f3f1ef;
	padding:4px;}

#stageBackground {
	width: 960px;
	margin:0 auto;}

#header {
position: relative;
	width:960px;
	height:106px;
	margin:23px 0 5px 30px;}
	#headerTagLine {
		position: absolute;
		top: 25px;
		right:60px;
		height:55px;
		width:238px;}
	
#navMenu {
	z-index: 100;
	height:45px;
	width:960px;
	position: relative;
	margin:20px 0;
	background: url(../i/navBackground.png) no-repeat;}

#mainContent {
	width:960px;
	margin-bottom: 10px;}
	
	#sideBar {
		width:210px;
		font-size: .8em;
		position: relative;
		float: left;
		display: inline;	
		margin:0 45px 0 30px;}

	#homeSplash {
		position: relative;
		float: left;
		display: inline;
		width:900px;
		margin:0 0 25px 30px;}

	#homeContent {
		position: relative;
		float: left;
		display: inline;
		width:405px;
		margin:0 30px 0 0;}
	
	#homeLeftsideBar{
		width:210px;
		font-size: .8em;
		position: relative;
		float: left;
		display: inline;	
		margin:0 45px 0 30px;}
	#homeRightsideBar{
		width:210px;
		font-size: .8em;
		position: relative;
		float: left;
		display: inline;	
		margin:0;}
	
	#intContent {
		position: relative;
		float: left;
		display: inline;
		margin: 0 45px 0 0;
		width:430px;}
	
	#intArtBar {
		position: relative;
		float: left;
		display: inline;
		width:178px;}
		
	#intArtBar img {
		border:1px solid #f3f1ef;
		padding:4px;
		margin:0 0 15px 0;}
	
	#footer{
		width: 960px;
		min-height: 90px;
		background: url(../i/footerBackground.png) no-repeat ;
		position:relative;
		margin: 0 auto;
		margin-top: 30px;
		padding:20px 0 0 30px ;}
		
	#footerLegal{
		width: 960px;
		position:relative;
		margin: 0 auto;
		padding: 15px 0 15px 0;
		color:#99b8c1;}
		#footerLegal p{
			text-align: center;
			font-size: .8em;
			margin:0;}
			
/* Dropdown menu
-------------------------------------------------------------- */
	
#navMenu ul.sub-menu 	{
	list-style-type:none;
	margin: 0;
	padding:0;}

#navMenu ul.sub-menu li	{

	float: none !important;
}

#menu-main-menu-left {
	height:25px;
	list-style-type:none;
	width:500px;
	padding-top:8px;
	float:left;}
#menu-main-menu-right {
	height:25px;

	list-style-type:none;
	width:350px;
	padding-top:10px;
	float:right;}

#menu-main-menu-right li {float:right;}

/* LEVEL ONE */
ul.dropdown                         { position: relative;}
ul.dropdown li                      { float: left; zoom: 1; background: #fff; }
ul.dropdown li a                    { display: block; padding: 4px 13px; }
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #fff; position: relative; }



/* 	LEVEL TWO */
ul.dropdown ul 						{ width: 160px; visibility: hidden; position: absolute; top: 100%; left: 20px; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }				  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;padding: 4px 8px; } 

/* 	LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }			
			


			
/* Sidebar Styles
-------------------------------------------------------------- */

.sideBox {
	 width:192px;
	 font-size: 11px;
	 border: 1px solid #f1efed;
	 padding: 8px;
	 margin:0 0 15px 0;
	 color:#464646;}
 	.sideBox h1 {color:#1c647c;line-height: 1.6em;}
 	.sideBox h2 {color:#464646;}
 	#sideNewsletter {background: url('../i/chat.png') no-repeat 180px 8px;}
 	#sideEvents {background: url('../i/calendar.png') no-repeat 180px 8px;}
 	#sidePodcast {background: url('../i/mic.png') no-repeat 186px 8px;}


#blogSide {float: left;}
.widget {
	padding:4px;
	width:180px;
	margin:0 0 16px 0;}
.widget h4 {
	font-weight: bold;
	color:#1c647c;
	font-size:14px;
	padding:0px;
	text-align: left;
	margin:0 0 2px 0;}
.widget p,.widget ul {margin:3px 0 0 0;padding:2px 0;}
.widget ul li {
	list-style-type: none;
	line-height: 1.2em;
	padding:0;
	margin: 0 0 .5em 0;}


/* Footer Styles
-------------------------------------------------------------- */	
#siteSearch {
	padding-bottom: 15px;
	margin:0;}

#siteSearch input {
	border:1px solid #dfe9ef;
	background-color: #fff;
	font-size: 12px;
	padding:3px;
	margin:0;
	color:#2f6489;}
	.searchField {width:140px;}
	
.footerBox {
	position: relative;
	display: inline;
	float:left;
	color:#547b87;
	width: 210px;
	font-size: 11px;}
.footerBox h1 {
	font-size: 16px;
	color:#355d69;}

#footerDaily {
	background: url('../i/footerChatIcon.png') no-repeat 0px 26px;
	margin:0 45px 0 15px;}
	#footerDaily p {padding:0 0 0 33px;}
#footerReady {width:180px;margin:0;}
	.footerPhone {
		padding:0 0 0 40px;
		margin:6px 0 15px 0;
		font-size: 18px;
		height:20px;
		background: url('../i/footerPhoneIcon.png') no-repeat 0px 3px;}
	.footerEmail {
		padding:0 0 0 40px;
		background: url('../i/footerEmailIcon.png') no-repeat 3px 2px;}
#footerLinks {margin:0 30px;}
#footerLinks ul {list-style-type: none;margin:0;line-height: 1.7em;}
#footerSearchSocial {width:200px;padding:0;margin:0;}

#interiorRight .widget select {width:179px;margin:10px;}



/* Content Column Styles
-------------------------------------------------------------- */
	.post h6 {font-size: .9em; color:#bbb;}
	#interiorCenter li {line-height: 1.2em;padding:0 0 6px 0;}

	.archiveTitle {border-bottom:1px solid #eee; padding-bottom:8px; margin-bottom: 20px;}

	.pagetitle {
		text-align: center;
		color:#3b454c;
		margin:0 0 25px 0;}
	.postTags {
		text-transform: lowercase;
		clear:both;
		margin:25px 0;
		background-color: #f7f9fa;
		border:1px solid #efefef;
		padding: 5px 30px;}
	.postTags a {}
	.pagebar a {
		border:1px solid #dfe9ef;
		padding:3px 7px;}
	.this-page	{padding:3px 7px;}
	.more-link {
		display: block;
		width: 100%;
		text-align: right;
		margin:0 0 8px 0;
		color:#c2c3c3;}
	.postmetadata {
		color:#bbb;
		font: 11px/1.25  Helvetica Neue, Arial, san-serif;}
	
	#comment {width: 355px;}
	.commentArea {
		font-size: 11px;
		line-height: 1.3em;
		margin-top:30px;
		background-color: #f7f9fa;
		border:1px solid #efefef;
		padding: 15px 35px 5px 35px;}
	.commentArea img {border:none;}
	.commentArea cite {color:#aaa;}
	.comment p {margin-bottom:2px;}
	.comment {margin:25px 0;}
	.avatar {float:right;padding:0 0 6px 6px;}
	.eventButton {float:right;padding:47px 10px 0 15px;}

	.moreTextCue {
		text-align: right;
		padding: 0 20px 0 0;
		margin: -4px 0 0 0;}

/* Site Link Behavior
-------------------------------------------------------------- */
a:link    {color: #1c647c; text-decoration:none;}
a:visited {color: #1c647c; text-decoration:none;}
a:hover   {color: #dcb068; text-decoration:none;}
a:active  {color: #1c647c; text-decoration:none;}

#navMenu #menu-main-menu-left a:link    {color: #1c647c; text-decoration:none;font-weight:bold;font-size:14px;}
#navMenu #menu-main-menu-left a:visited {color: #1c647c; text-decoration:none;font-weight:bold;font-size:14px;}
#navMenu #menu-main-menu-left a:hover   {color: #dcb068; text-decoration:none;font-weight:bold;font-size:14px;}
#navMenu #menu-main-menu-left a:active  {color: #1c647c; text-decoration:none;font-weight:bold;font-size:14px;}
#navMenu #menu-main-menu-left .current_page_item a{color:#dcb068;}
#navMenu #menu-main-menu-left li.current_page_item ul li a {color:#1c647c !important;}

#navMenu #menu-main-menu-left .sub-menu a:link    {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-left .sub-menu a:visited {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-left .sub-menu a:hover   {color: #dcb068; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-left .sub-menu a:active  {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-left .sub-menu .current_page_item a{color:#dcb068;}
#navMenu #menu-main-menu-left .sub-menu li.current_page_item ul li a {color:#1c647c !important;}


#navMenu #menu-main-menu-right a:link    {color: #1c647c; text-decoration:none;font-size:11px;}
#navMenu #menu-main-menu-right a:visited {color: #1c647c; text-decoration:none;font-size:11px;}
#navMenu #menu-main-menu-right a:hover   {color: #dcb068; text-decoration:none;font-size:11px;}
#navMenu #menu-main-menu-right a:active  {color: #1c647c; text-decoration:none;font-size:11px;}
#navMenu #menu-main-menu-right .current_page_item a{color:#dcb068;}
#navMenu #menu-main-menu-right li.current_page_item ul li a {color:#1c647c !important;}

#navMenu #menu-main-menu-right .sub-menu a:link    {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-right .sub-menu a:visited {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-right .sub-menu a:hover   {color: #dcb068; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-right .sub-menu a:active  {color: #1c647c; text-decoration:none;font-weight:normal;font-size:11px;}
#navMenu #menu-main-menu-right .sub-menu .current_page_item a{color:#dcb068;}
#navMenu #menu-main-menu-right .sub-menu li.current_page_item ul li a {color:#1c647c !important;}


.footerBox a {text-decoration:underline;}
																  
#footerLegal a:link		{color: #99b8c1;}
#footerLegal a:visited	{color: #99b8c1;}
#footerLegal a:hover	{color: #dcb068;}
#footerLegal a:active	{color: #99b8c1;}

.textButton {
	display:inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:4px 8px;
	background-color:#e1e1e1;
	font-size: 12px;
	font-weight: bold;}
	
.textButton:hover,.textButton:active {
	background-color:#444;}