/* 

	* ceagan-main.css
	* developed by des at webandflowdesign dot com
	* on behalf of niaradesigns.com
	* for catherineeagan.com website
	
*/


@import url('reset.css');
@import url('ceagan-navigation.css');
@import url('ceagan-bugs.css');
@import url('ceagan-text.css');
@import url('ceagan-articles.css');

body {
	background: #7aa6cc url(bg/background-matrix.png) top left repeat-x;
	font: small/1.5 Palatino,"Palatino Linotype",Georgia,sans-serif;
	color: #232323;
}

#header {

	/*
		* header is used on every page and simply contains a white
		* gradient as well as the Catherine Eagen Logo
	*/
	
	width: 100%;
	height: 190px;
	background: transparent url(bg/header-background.png) top center no-repeat;
	margin: 0px auto;
/* 	overflow: hidden; */
	position: relative;
	z-index: 10000;
}

#topTabWrapper {
	width: 1000px;
	height: 229px;
	z-index: 10px;
	margin: 0px auto 0px auto;;
	position: relative;
	overflow: hidden;
}

#returnHome {
	position: absolute;
	height: 31px;
	width: 122px;
	bottom: 80px;
	left: 60px;
}

#returnHome a {
	display: block;
	height: 31px;
	width: 122px;
	text-indent: -8000px;
	overflow: hidden;
	background: transparent url(secondarynavigation/returnHome.png) top left no-repeat;
}

#returnHome a:hover {
	background-position: -122px 0px;
}

#header-logo {
	width: 296px;
	height: 184px;
	margin: 0px auto 0px auto;
}

#header-logo a {
	display: block;
	width: 296px;
	height: 184px;
	background: transparent url(bg/header-logo.png) top left no-repeat;
	text-indent: -8000px;
	overflow: hidden;
}

#content-wrapper {
	/*
		* mainly provides shadow below entire length
		* of nav-bar - single PNG image repeats horizontally
	*/
	
	width: 100%;
	margin: 0px auto;
	background: transparent url(bg/content-wrapper.png) top center repeat-x;
	overflow: hidden;
	z-index: 1;
}

#body-wrapper {
	/* 
	
		* contains the white background of the body of the site with significant
		* shadow as well.  A further DIV is required to limit content to the
		* 960px body width.
	
	*/

	width: 100%;
	margin: 0px auto;
	background: transparent url(bg/body-repeat.png) top center repeat-y;
		z-index: 1;
}

#content-960 {

	/*
		* Constrains content to 960px width
	*/

	width: 960px;
	margin: 0px auto;
	position: relative;
		z-index: 1;
		padding-bottom: 20px;
	
}

#informationBar {
	width: 960px;
	background: #d0eaff url(bg/dateEmailBar-background.png) bottom left repeat-x;
	margin: 0px auto;
	position: relative;
	height: 35px;
	font-size: 0.9em;
	z-index: 10 ! important;
}

#informationBar #date {
	width: 175px;
	height: 25px;
	text-align: center;
	position: absolute;
	top: 7px;
	left: 7px;
	
}

#informationBar #newsletter {
	width: 512px;
	height: 25px;
	position: absolute;
	top: 7px;
	left: 200px;
}

#informationBar #search {
	width: 220px;
	height: 25px;
	text-align: left;
	position: absolute;
	top: 7px;
	left: 730px;	
}

#emailSignup {
	display: inline;
}

#emailSignup #emailAddress {
	width: 190px;
}

#emailSubmit {
	display: block;
	width: 50px;
	height: 19px;
	float: right;
	text-indent: -8000px ! important;
	overflow: hidden;
	background: transparent url(formImages/submit.png) top left no-repeat;
	margin-right: 18px;
}

a#emailSubmit:hover {
	background-position: -50px 0px;
}

#searchSubmit {
	display: block;
	width: 31px;
	height: 19px;
	float: right;
	text-indent: -8000px;
	overflow: hidden;
	background: transparent url(formImages/go.png) top left no-repeat;
	
}

a#searchSubmit:hover {
	background-position: -31px;
}

#searchForm,
#ajaxSearch_form {
	display: inline;
}

#searchText, #ajaxSearch_input {
	/* This may need some correction for IE Browsers */
	width: 125px;
}



#columnWrapper {
	width: 960px;
	margin: 0px auto;
	overflow: auto;
}

#homePageTop {
	width: 960px;
	height: 320px;
	position: relative;
}

#featureTopLeft {
	top: 10px;
	left: 10px;
}

#featureBottomLeft {
	top: 170px;
	left: 10px;
}

#featureTopRight {
	top: 10px;
	right: 10px;
}

#featureBottomRight {
	top: 170px;
	right: 10px;
}

#mainFeature {
	width: 520px;
	height: 310px;
	position: absolute;
	top: 10px;
	left: 220px;
}

#mainFeature a {
	width: 520px;
	height: 310px;
	display: block;
	text-indent: -8000px;
	overflow: hidden;
}



#homePageLeftColumn {
	width: 820px;
	float: left;
}

#homePageFeatures {
	width: 800px;
	margin: 10px 0px 0px 15px;
	height: 310px;
	position: relative;
}

#homePageTop .smallFeature {
	width: 200px;
	height: 150px;
	position: absolute;
}

.smallFeature a {
	display: block;
	width: 200px;
	height: 150px;
	text-indent: -8000px;
	overflow: hidden;
}

.smallFeature a:hover {
	background-position: -200px 0px;
}


#homePageTicker {
	margin: 10px 0px 10px 15px;
}




#homePageRightColumn {
	width: 130px;
	float:right;
}

#ad-1 {
	width: 120px;
	height: 600px;
	margin: 10px 10px 0px 0px;
}

#ad-2 {
	width: 120px;
	height: 240px;
	margin: 10px 10px 0px 0px;
}


#bottom3Columns {
	width: 790px;
	margin-left: 15px;
	overflow: auto;
	position: relative;
}

#bottomCol1 {
	width: 201px;
	float: left;
}

#eventsLink {
	width: 190px;
	/* height: 150px; */
	margin: 10px auto;
}

#eventsLink a {
	display: block;
	width: 190px;
	height: 170px;
	text-indent: -8000px;
	overflow: hidden;
	background: transparent  url(events/CEupcomingevents.png) top center no-repeat;
}

#moneyStoreNav {
	margin-bottom: 10px;
	width: 196px;
	overflow: hidden;

}

#moneyStoreHeader {
	width: 196px;
	height: 39px;
	background: transparent url(money-store/moneyStore-header.png) top center no-repeat;
	overflow: hidden;
	margin: 0px auto;
}

#catherineEverywhere {

}

#everywhereHeader {
	width: 200px;
	height: 47px;
	background: transparent url(catherine-everywhere/everywhere-header.png) top center no-repeat;
	
}

#bottomCol2 {
	float: left;
	width: 300px;
	margin-left: 12px;
}

#col2Feature {
	width: 300px;
	margin-bottom: 15px;
}

#col2Rss {
	width: 300px;
}

#col2RssHeader {
	width: 300px;
	height: 61px;
	background: transparent url(articles/logo_bankrate.jpg) center center no-repeat;
	
}

#col2BottomHeader {
	width: 300px;
	height: 61px;
	background: transparent url(bugs/moneySchoolHeader.png) center center no-repeat;

}


.bottom-line-rss-list {
	list-style: none;
	margin: 10px 0px 0px 0px;
}

.bottom-line-rss-list li {
	margin: 0px 5px 5px 5px;	

}

#col2Feature p {
	margin: 0px 5px 10px 5px;
}

#col2Feature h6 {
	text-align: right;
	margin-right: 5px;
}

#col2Bottom ul li {
	font-size: 1.03em;
}


#recentArticlesHeader {
	width: 300px;
	height: 60px;
	background: transparent url(recentArticles/recentArticles-header.png) top center no-repeat;
}


#col2BottomFeature {
	width: 300px;
	margin-top: 10px;

}

#ad-300-250 {
	width: 300px;
	height: 250px;
	margin-top: 10px;
}

#bottomCol3 {
	float: right;
	width: 264px;
}

#eaganomics {
	margin-bottom: 10px;
	
}

#eaganomics h6 {
	margin: 0px 10px 5px 10px;
	padding-top: 5px;
	text-align: center;
}

#eaganomics p {
	line-height: 1.2;
	font-size: 1.0em;
	height: 94px;
	margin: 0px 10px 0px 10px;
	padding-bottom: 5px;
}

#egHeader {
	width: 264px;
	height: 60px;
	background: transparent url(bugs/eaganomicsFeedHeader.png) top left no-repeat;
}

#twitterFeed * {
	line-height: 1.2;
}

#twitterHeader {
	width: 264px;
	height: 60px;
	background: transparent url(twitterFeed/twitterHeader.png) top left no-repeat;
}

#twitterBody, .col3ItemBody {
	width: 264px;
	background: transparent url(twitterFeed/twitterBody.png) top left repeat-y;
}

.twitterFeed {
	margin: 0px 15px 0px 15px;
	font-size: 0.9em;
	padding-top: 7px;

}

.twitterFeed li {
	padding-bottom: 10px;
	list-style: disc;
	margin-left: 10px;
}

.twitterFeed li span {
	display: block;
}

span.twitter_link {
	display: none ! important;
}

#twitterFooter, .col3ItemFooter {
	width: 264px;
	height: 8px;
	background: transparent url(twitterFeed/twitterFooter.png) top left no-repeat;
}

#footer-wrapper {
	width: 100%;
	margin: 0px auto 0px auto;
	background: transparent url(bg/footer-wrapper.png) top center no-repeat;
	background-position-y: -4px;
	position: relative;
	height: 200px;
}

#footer {
	width: 930px;
	margin: 0px auto;
	padding-top: 40px;
	font-size: 0.8em;
	color: #fff;
}

#footer p {
	margin-bottom: 5px;
}

#footer a {
	color: #ffffa5;
}

p.copyright-text {
	text-align: center;
}

#footer-logo {
	width: 282px;
	height: 79px;
	margin: 20px auto;
	background: transparent url(bg/footer-logo.png) top left no-repeat;

}


/* GENERAL PAGE TEMPLATE SYTLES */

#generalLeftColumn {
	width: 820px;
	float: left;
	overflow: auto;

}

#leftNavigation {
	width: 200px;
	float: left;
}

#mainContent {
	width: 600px;
	padding-top: 10px;
	margin-right: 10px;
	float: right;
}

#mainContent p {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}

#mainContent #money-store-table tr td {
	vertical-align: top;
}

#mainContent #money-store-table p {
	width: 180px;
	margin-bottom: 0px;
}

/* Utility Page */

#utilityHeader {
	width: 594px;
	height: 35px;
	background: transparent url(bg/utilityPage-header.png) top center no-repeat;
	margin: 0px auto;
}

#utilityBody {
	width: 696px;
	background: transparent url(bg/utilityPage-body.png) top center repeat-y;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}

#utilityFooter {
	width: 596px;
	height: 65px;
	background: transparent url(bg/utilityPage-footer.png) top center no-repeat;
	margin: 0px auto;
}

#utilityContent {
	width: 510px;
	margin: 0px auto;
}

/* EVENTS DETAILS */

table#eventTable {
	width: 600px;
	font-size: 1.0em;
	line-height: 1.2;
}

tr.evenrow {
	background-color: #f6f9fd;
}

tr.oddrow {
	background-color: #fff;
}

#eventTableHeader {
	width: 600px;
	height: 100px;
	background: transparent url(events/upcomingEventsHeader.png) top left no-repeat;
	
}

.eventHeader {
	padding: 20px;
	overflow: auto;
	border: 2px solid #e1e5eb;
	background: #f6f9fd;
	margin-bottom: 20px;
	width: 200px;
	float: right;
}

.eventHeader span {
	display: block;
}


span.eventPageVenue {
	font-size: 1.5em;
}

span.eventMapLink {
	font-size: 0.85em;
	margin-left: 5px;
}


span.eventStreetAddress,
span.eventCityState {
	font-size: 1.2em;
	margin-left: 5px;
}

span.eventDate {
	font-size: 1.2em;
	margin-left: 5px;
	font-weight: bold;
}

.colHeaders {
	background-color: #09284c;
	color: #e1e9f5
}

.colHeader {
	padding: 5px;
}

.eventPhoto {
	width: 200px;
	height: 200px;
	float: right;
}

.eventDetails {
	width: 375px;
	float: left;
}

.eventTableDate {
	width: 75px;
	padding: 10px 5px;
}

.eventTableLocation {
	padding: 10px 5px;
	width: 140px;
}

.eventTableDetails {
	padding: 10px 5px;
	width: 355px;
	

}

.emptyEvents {
	font-size: 2.0em;
	text-align: center;
	padding: 25px 25px;
}

span.eventTitle,
span.eventVenue,
span.eventDescription,
span.eventLink {
	display: block;
}

span.eventTitle {
	font-weight: bold;
	font-size: 1.2em;
}

#calculator-grid {
	width: 570px;
	height: 765px;
	margin: 10px auto;
	position: relative;
}



.calculator-item {
	width: 180px;
	height: 180px;
	position: absolute;
}

.calculator-item a {
	display: block;
	width: 180px;
	height: 180px;
	text-indent: -8000px;
	overflow: hidden;
}

#calculator-car {
	top: 0px;
	left: 0px;
}

.calculator-item a:hover {
	background-position: -180px 0px ! important;
}

#calculator-car a {
	background: transparent url(calculators/calculators-buyingacar.png) top left no-repeat;
}

#calculator-car a:hover {
	background-position: -180px 0px;
}

#calculator-creditcard {
	top: 0px;
	left: 195px;
}

#calculator-creditcard a {
	background: transparent url(calculators/calculators-creditcards.png) top left no-repeat;
}

#calculator-homeequity {
	top: 0px;
	left: 390px;
}

#calculator-homeequity a {
	background: transparent url(calculators/calculators-homeequity.png) top left no-repeat;
}

#calculator-investment {
	top: 195px;
	left: 0px;
}

#calculator-investment a {
	background: transparent url(calculators/calculator-investments.png) top left no-repeat;
}

#calculator-mortgage {
	top: 195px;
	left: 195px;
}

#calculator-mortgage a {
	background: transparent url(calculators/calculators-mortgage.png) top left no-repeat;
}

#calculator-personalfinance {
	top: 195px;
	left: 390px;
}

#calculator-personalfinance a {
	background: transparent url(calculators/calculators-personalfinance.png) top left no-repeat;
}

#calculator-retirement {
	top: 390px;
	left: 0px;
}

#calculator-retirement a {
	background: transparent url(calculators/calculator-retirement.png) top left no-repeat;
}

#calculator-savings {
	top: 390px;
	left: 195px;
}

#calculator-savings a {
	background: transparent url(calculators/calculator-savings.png) top left no-repeat;
}

#calculator-taxes {
	top: 390px;
	left: 390px;
}

#calculator-taxes a {
	background: transparent url(calculators/calculator-taxes.png) top left no-repeat;
}

#calculator-debtmanagement {
	top: 585px;
	left: 0px;
}

#calculator-debtmanagement a {
	background: transparent url(calculators/calculators-debt.png) top left no-repeat;
}

#calculator-insurance {
	top: 585px;
	left: 195px;
}

#calculator-insurance a {
	background: transparent url(calculators/calculator-insurance.png) top left no-repeat;
}

#calculator-smallbusiness {
	top: 585px;
	left: 390px;

}

#calculator-smallbusiness a {
	background: transparent url(calculators/calculator-smallbusiness.png) top left no-repeat;
}

#money-store-table {
	margin: 10px auto 20px auto;
}

#money-store-table td {
	padding: 10px 5px 10px 5px;
	border: 1px solid #bcbcbc;
}


#expertBlock {
	width: 560px;
	background-color: #F6F9FD;
	border: 2px solid #e1e5eb;
	margin: 20px auto;
	padding: 15px;
	overflow: auto
}

#expertPhoto {
	width: 100px;
	float: left;
}

#expertInformation {
	width: 450px;
	float: right;
}

#expertInformation h3 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #8d97a7;
}

#expertInformation h1 {
	font-size: 1.4em;
}

#expertInformation #expertDescription {

}

#expertInformation p {
	width: 450px;
}

.footerLinks {
	text-align: center;
	padding: 5px 20px 0px 20px;
	margin-bottom: 0px;
}


#businesstools-grid {
	width: 570px;
	height: 960px;
	margin: 10px auto;
	position: relative;

}

#tools-asset {
	top: 0px;
	left: 0px;
}

#tools-asset a {
	background: transparent url(businessTools/tools-assetProtection.png) top left no-repeat;
}

#tools-finance {
	top: 0px;
	left: 195px;
}

#tools-finance a {
	background: transparent url(businessTools/tools-businessFinance.png) top left no-repeat;
}

#tools-compensation {
	top: 0px;
	left: 390px;
}

#tools-compensation a {
	background: transparent url(businessTools/tools-compensation.png) top left no-repeat
}

#tools-employee {
	top: 195px;
	left: 0px;
}

#tools-employee a {
	background: transparent url(businessTools/tools-employeeManagement.png) top left no-repeat;
}

#tools-firing {
	top: 195px;
	left: 195px;
}

#tools-firing a {
	background: transparent url(businessTools/tools-terminations.png) top left no-repeat;
}

#tools-government {
	top: 195px;
	left: 390px;
}

#tools-government a {
	background: transparent url(businessTools/tools-governmentContracts.png) top left no-repeat;
}

#tools-irs {
	top: 390px;
	left: 0px;
}

#tools-irs a {
	background: transparent url(businessTools/tools-IRSForms.png) top left no-repeat;
}

#tools-marketing {
	top: 390px;
	left: 195px;
}

#tools-marketing a {
	background: transparent url(businessTools/tools-marketing.png) top left no-repeat;
}

#tools-recruiting {
	top: 390px;
	left: 390px;
}

#tools-recruiting a {
	background:  transparent url(businessTools/tools-recruitment.png) top left no-repeat;
}

#tools-businessplan {
	top: 585px;
	left: 0px;
}

#tools-businessplan a {
	background: transparent url(businessTools/tools-businessPlan.png) top left no-repeat;
}

#tools-state {
	top: 585px;
	left: 195px;
}

#tools-state a {
	background: transparent url(businessTools/tools-stateTaxForms.png) top left no-repeat;
}

#tools-vehicles {
	top: 585px;
	left: 390px;
}

#tools-vehicles a {
	background: transparent url(businessTools/tools-vehiclesEquipment.png) top left no-repeat
}

#tools-blank1 {
	top: 780px;
	left: 0px;
}

#tools-safety {
	top: 780px;
	left: 195px;
}

#tools-safety a {
	background: transparent url(businessTools/tools-workerProtection.png) top left no-repeat;
}


#tools-blank2 {
	top: 780px;
	left: 390px;
}

.twtr-doc {
	margin: 0px auto 0px auto ! important;
}

.twtr-hd {
	display: none ! important;
}
