/* Special styles for the Services page -- unique to TC */
/* TIDES CENTER BRANDED COLOR: #bc4f07 */

.proj_a p a {
	color:#333 !important;
}

.dimmed p, .dimmed p a {
	color:#857F6B !important;
}

.dimmed .on p a {
	color:#000 !important;
}

.proj_a {
	width:420px;
	border-bottom:1px solid #857F6B;
	display:block;
	background-position:0 10px;
	cursor:pointer;
}

#proj_s1_a {
	background-image:url(../../tc_graphics/proj/proj_s1big_off.gif);
	background-repeat:no-repeat;
}

/* hack to make Safari preload the background image, in case
you were wondering, mon bro */
#proj_s1_a h2 {
	background-image:url(../../tc_graphics/proj/proj_s1big_on.gif);
	background-position: -1000px -1000px;
	background-repeat:no-repeat;
}

.proj_s1_a_on #proj_s1_a {
	background-image:url(../../tc_graphics/proj/proj_s1big_on.gif);
	background-repeat:no-repeat;
}

#proj_s2_a h2 {
	background-image:url(../../tc_graphics/proj/proj_s2big_on.gif);
	background-repeat:no-repeat;
	background-position: -1000px -1000px;
}

#proj_s2_a {
	background-image:url(../../tc_graphics/proj/proj_s2big_off.gif);
	background-repeat:no-repeat;

}

.proj_s2_a_on #proj_s2_a {
	background-image:url(../../tc_graphics/proj/proj_s2big_on.gif);
	background-repeat:no-repeat;
}

#proj_s3_a h2 {
	background-image:url(../../tc_graphics/proj/proj_s3big_on.gif);
	background-repeat:no-repeat;
	background-position: -1000px -1000px;
}


#proj_s3_a {
	background-image:url(../../tc_graphics/proj/proj_s3big_off.gif);
	background-repeat:no-repeat;

}

.proj_s3_a_on #proj_s3_a {
	background-image:url(../../tc_graphics/proj/proj_s3big_on.gif);
	background-repeat:no-repeat;
}

#proj_s4_a {
	background-image:url(../../tc_graphics/proj/proj_s4big_off.gif);
	background-repeat:no-repeat;
}

#proj_s4_a h2 {
	background-image:url(../../tc_graphics/proj/proj_s4big_on.gif);
	background-repeat:no-repeat;
	background-position: -1000px -1000px;
}


.proj_s4_a_on #proj_s4_a {
	background-image:url(../../tc_graphics/proj/proj_s4big_on.gif);
	background-repeat:no-repeat;
}

img#projHdrImg {
	padding-bottom:15px;
	border-bottom:1px solid #857F6B !important;
	display:block;
}

.projSingleWrap {
	padding-top:10px;
	margin-bottom:1em;
	margin-left:50px;
	padding-bottom:1.6em;
}

.projSingleWrap .proj_hidden {
	text-align:right;
	display:none;
	height: 1.6em !important;
	font-style:italic;
}

.on .projSingleWrap .proj_hidden {
	text-align:right;
	display:block;
	background-position:10em;
}

.on .projSingleWrap .proj_hidden a {
	color:#AE8E5D !important;
}

.on .projSingleWrap {
	padding-bottom:0;
}

#projWrap {
	padding-bottom:2em;
}

#projWrap a {
	text-decoration:none;
}

#projWrap p a {
	margin:0;
}

#projWrap h2 {
	font-size: 160% !important;
	font-weight: bold !important;
	margin-bottom: 0 0 3px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
}

/* Become a Project page titles */
#projStepPageTitle {
	padding:0;
	margin:0;
	clear:both;
}

#projStepPageTitleImg {
	float:left;
	padding:0 10px 10px 0;
	margin:0;
}

#projStepPageTitleH1 {
	padding:1px 0 0 0;
	margin:0;
	text-transform:uppercase;
}



/* /Become a Project page titles */


/* Become a Project pages numbered pagination */
#projectStepNav {
	text-align:right;
	padding-top: 6px;
}

#projectStepNav img {
	padding:0 0 0 2px;
	margin:0;
	vertical-align:top;
	margin-top:-3.5em;

}

* html #projectStepNav {
	margin-top:4px;
}
/* /Become a Project pages numbered pagination */


/* Services Page */
#servicesPageTable {
	padding:0;
	margin:0;
}

#servicesPageHeaderCell {
	padding-bottom:20px;
	border-bottom:1px solid #857F6B;
}

tr.servicesPageTableRow td {
	padding-right:15px;
	margin:0;	
	border-bottom:1px solid #857F6B;
}

tr.servicesPageTableRow td  {
	padding-top:20px;
	padding-bottom:15px;
}

.servicesPageIcon {
	padding-top:0px;
	float:left;
}

.servicesPageIcon img {
	vertical-align:top;
	padding:0;
	margin:0;
}

/* /Services Page */
	
#servicesPageTable h2 {
	padding:0;
	margin:0;
	padding-left:50px;
}

#servicesPageTable a h2 {
	color:#AE8E5D;
}

#servicesPageTable a:hover h2 {
	color:#000;
}

#servicesPageTable p {
	padding-left:50px;
}

#servicesPageTable td {
	vertical-align: top;
}

#servicesPageTable a {
	text-decoration:none;
	display: block;
}

/* /Special styles for the Services page -- unique to TC */

/* 1. Typography styles that affect the entire site -- tag based styles */
/* 1.1 Block level elements */
body {
	background: #f7f7f7;
}
/* /1.1 Block level elements */
/* /1. Typography styles that affect the entire site -- tag based styles */


/* 3. Home Page */
body.homePage #columnsWrapInterior-2 {
	background-image: url(../img_center/bg_right_col_trans.gif);
}
/* /3. Home Page */

/* 13. Global site header styles -- stuff that appears in the header */
/* 13.1 Header styles */
#header {
	background-image: url(../img_center/header2.gif);
}
/* /13.1 Header styles */

/* 13.2 Main Nav styles */

#mainNav {
	background-image: url(../img_center/bg_top_nav.gif);
}

.mainNavLevel2Wrap {
	background-image: url(../img_center/bg_mainNavLevel2_wide.png);
}

* html .mainNavLevel2Wrap {
	background-image: url(../img_center/bg_mainNavLevel2_wide.gif);
}

.mainNavLevel2Wrap ul li.mainNavLevel2-item a {
	background-image: url(../img_center/top_nav_bracket_no.gif);
}

.mainNavLevel2Wrap ul li.mainNavLevel2-item a:hover {
	background-image: url(../img_center/top_nav_bracket_ro.gif);
	background-color: #bc4f07;
}
/* /13.2 Main Nav styles */
/* /13. Global site header styles -- stuff that appears in the header */




/* 4. Right Column typography */
/* 4.3.2 Shared General */

#rightCol {
	background-color: #ADA29A;
	background-image: url(../img_center/right_col_bg.gif);
}

#rightColContentElements-2 ul li {
	background-image:  url(../img_center/ln_1_on.gif);
	border-bottom: 1px solid #C6C4A7;
}


/* /4.3.2 Shared General */
/* /4. Right Column typography */

/* 	Tides Center is the only branch that has three rows of news items
	These class names are the same as the id names for any of the other
	Branches of the site */

/* 2. Tides Now content area typography */

#tidesHomeNews {
	
}

/* 2.1 Headers */
.tidesNowLeft h2, .tidesNowRight h2 {
	display: inline;
}

.tidesNowLeft h2 a,.tidesNowRight h2 a {
	text-decoration: none;
}
.tidesNowHeader {
	background-color: #576280;
}
#tidesHomeNews a {
	color: #bc4f07;
}

.newsTitle a:link,.newsTitle a:visited {
        color:#573E1F !important;
}
.newsTitle a:hover,.newsTitle a:active {
        color:#000 !important;
}


/* /2.1 Headers */
/* 2.4 Other (newsItemWrap) */
.tidesNowContent .newsItemWrap {
	padding-bottom: 7px;
	padding-top: 7px;
}
/* /2.4 Other (newsItemWrap) */
/* 2.2 Regular text and links */
#tidesNowContent p a {
	color: #4D4B1B;
}

/* /2.2 Regular text and links */

.tidesNowContent .newsItemWrap .bodytext {
	margin: 0;
	padding: 0;
}

.tidesNowRight {
	width: 305px;
	float: left;
}

.tidesNowRightContent {
	margin: 8px 10px 7px 20px;
}

.tidesNowLeftContent {
	margin: 8px 20px 0 10px;
}

.tidesNowHeader {
	padding: 0;
	background-color: #BC4F07;
	width: 625px;
}

.tidesNowContent {
	width: 620px;
	margin-left: 1px;
}

.tidesNowLeft {
	float: left;
	width: 305px;
	margin-right: 8px;
}

/* /2. Tides Now content area typography */
/* 16.1 General left nav */
.leftNavLink:hover {
	background-color: #bc4f07;
	background-image: url(../img_center/ln_1_ro.gif) !important;
}
/* /16.1 General left nav */
/* 16.2 Left nav level 1 */
.leftNav-1 .leftNavLink {
	
	/*background-image: url(../img_center/list_angle_bracket_dark.gif);*/
}

.leftNav-1 .leftNavLinkActiveNoSub,
.leftNav-1 .leftNavLinkActive {
	background-image: url(../img_center/ln_1_on.gif);
	background-color: #ada29a;
	color:#FFF !important;
}
/* This is the one causing the level 3 active rollover issues when ALL other
	leftNav styles are removed */
/*.leftNav-1 .leftNavLinkCurrent, .leftNav-1 a.leftNavLinkCurrent:hover {
	background-color: #AE8E5D !important;
	background-image: url(../img_center/ln_1_on.gif) !important;
}*/

.leftNav-1 .leftNavLink:hover {
	background-color: #bc4f07;
	background-image: url(../img_center/ln_1_ro.gif);
}

.leftNav-1 .leftNavLinkActive:hover {
	background-color: #bc4f07;
	background-image: url(../img_center/ln_1_ro.gif);
}

/* /16.2 Left nav level 1 */


/* 16.3 Left nav level 2 */
.leftNav-2 .leftNavLink:hover {
	background-position: 20px 3px;
}

ul.leftNav-2 {
	background-color: #ada29a;
}


.leftNav-2 .leftNavLinkActive {
	background-image: url(../img_center/ln_1_on.gif);
	background-position: 20px 3px;
}

.leftNav-2 .leftNavLinkActive:hover {
	background-image: url(../img_center/ln_1_on.gif);
	background-position: 20px 3px;
}

/*.leftNav-2 .leftNavLink:hover {
	background-image: none;
	background-color: #bc4f07;
}*/

/* /16.3 Left nav level 2 */


/* 16.4 Left nav level 3 */
/* This position declaration is in globals too, but seems to be required here as well or it doesn't work on
   inactive pages, not sure why. */
.leftNav-3 .leftNavLink:hover {
	background-position: 30px 4px !important;
}
.leftNav-3 .leftNavLink {
	color:#382424;
	/*background-image: url(../img_center/list_angle_bracket.gif);*/
}

.leftNav-3 .leftNavLinkActive {
	background-image: url(../img_center/ln_1_on.gif);

	color:#FFF;
}

.leftNav-3 .leftNavLink {
	/*background-image: url(../img_center/ln_1_ro.gif);*/
}

.leftNav-3 .leftNavLinkActive:hover {
	color:#FFF !important;
	background-color: #bc4f07;
	background-image: url(../img_center/ln_1_ro.gif) !important;
}

/* /16.4 Left nav level 3 */
/* /16. Left nav styles */

/* 18. One column styles */


body.homePage #columnsWrapInterior {
	
}
/* This selector was just #columnsWrap, but it is overwritten for all but homepage */
body.homePage #columnsWrap {
	background-image: url(../img_center/bg_primary.gif);
}


body.oneCol #footer {
	background-image: url(../img_center/bg_footer_one_col.gif);
}

body.oneCol #columnsWrap {
	background-image: url(../img_center/bg_one_col_int.gif);
}

body.oneCol #footer {
	background-image: url(../img_center/bg_footer_one_col.gif);
}

body.oneCol #columnsWrapInterior-2 {
	background-image: none;
}

body.oneCol #columnsWrapInterior {
	background-image: url(../img_center/one_col_top.gif);
}
/* /18. One column styles */


/* 19. Two Column styles */
body.twoCol #footer {
	background-image: url(../img_center/bg_footer_two_col.gif);
}

body.twoCol #columnsWrap {
	background-image: url(../img_center/bg_two_col_int.gif);
}

body.twoCol #columnsWrapInterior {
	background-image: url(../img_center/two_col_top.gif);
}

body.twoCol #columnsWrapInterior-2 {
	background-image: none;
}
/* /19. Two Column styles */


/* 20. Three column styles */
body.threeCol #footer {
	background-image: url(../img_center/bg_footer_three_col.gif);
}

body.threeCol #columnsWrap {
	background-image: url(../img_center/bg_three_col_int.gif);
}

body.threeCol #columnsWrapInterior {
	background-image: url(../img_center/three_col_top.gif) ;
}

body.threeCol #columnsWrapInterior-2 {
	background-image: none;
}
/* /20. Three column styles */


/* Color declarations -- removed from typography_global.css */


/* 1. Typography styles that affect the entire site */
/* 1.1 Block level elements */
body, div, p, th, td, li, dd {
	color: #333;
}

/* /1.1 Block level elements */
/* 1. Typography styles that affect the entire site */

/* 4. Right Column typography */



/* 4.3.2 Shared General */
/* /4.3.2 Shared General */


/* 4.2.1 Home headers */

.homePage #rightColContentElements-1 h1 {
	color: #FFF;
}

.homePage #rightColContentElements-1 h2 {
	color: #FFF;
}

.homePage #rightColContent h2 {
	color: #FFF;
	background-image:  url(../img_center/ln_1_on.gif);
}

.homePage #rightColContentElements-1 h3 {
	color: #FFF;
}

.homePage #rightColContentElements-1 h4 {
	color: #FFF;
}
/* /4.2.1 Home headers */

/* 4.1.1 Interior Page headers */

.interiorPage #rightColContent h1 {
	color: #bc4f07;
}

.interiorPage #rightColContent h3 {
	color: #bc4f07;
}


/* Right col elements getting bumped down into the left column. - LT CIC 11/1/2007 */
* html .interiorPage #rightColWrap {
	padding:0;
	margin:0;
	width:134px;
}

/* /4.1.1 Interior Page headers */
/* /4. Right Column typography */

/* 22. Plugins, etc. styles */

.blockquote {
	width: 328px;
	color: #573E1F;
}
/* /22. Plugins, etc. styles */


/* 6. Random quote styles */

.quoteAuthor  {
	color: #333;
}

.randomQuoteWrap .quote {
	color: #FFF !important;
}

#centerColContent .tQuote p.attribution {
	color:#895F23;
}
#centerColContent .tQuote p.title {
	color:#895F23;
}
#rightColContent .tQuote p.attribution {
	color:#bc4f07;
}
#rightColContent .tQuote p.title {
	color:#bc4f07;
}

/* /6. Random quote styles */


/* 8. Top Nav/Search styles */
.topNavLink,
.topNavLink:hover {
	color: #bc4f07;
}

#topNavWrap {
	color: #333333;
}	

#searchWrap {
	color: #333333;
}
/* 8. Top Nav/Search styles */


/* 15. Footer styles */

#footer {
	background-image: url(../img_center/bg_footer.gif);
}

#footer a {
	color: #bc4f07;
}

#footer a:hover {
	color: #bc4f07;
}
/* /15. Footer styles */


/* 2. Tides Now Content area typography */
/* 2.2 Regular text and links */
#tidesNowContent h2 {
	color: #8C6430;
}

#tidesNowContent h2 a {
	color: #bc4f07;
}

#tidesNowContent p {
	color: #333;
}

.newsItemMore a, .newsItemMore a:visited {
	color: #8C6430;
}

.newsItemWrap + .newsItemWrap {
	border-top: 1px solid #FFF;
}

* html .newsItemWrap {
	border-bottom: 1px solid #FFF;
}
/* /2.4 Other (news item wraps) */
/* /2. Tides Now Content area typography */



/* 10. HR styles */

hr {
	color: #b1b3ad;
	background-color: #b1b3ad;
}

#rightColContent hr {
	color: #d1cac1;
	background-color: #d1cac1;
}

hr.hrDarkThick {
	color: #b1b3ad;
	background-color: #b1b3ad;
}

.fakeHR {
	height: 2px;
	line-height: 2px;
	color: #b1b3ad;
	background-color: #b1b3ad;	
}

hr.hrDarkThin {
	color: #b1b3ad;
	background-color: #b1b3ad;
}
/* /10. HR styles */


/* 5. Interior page center column */
/* 5.2 General typography */
.interiorPage #centerColContent a:hover {
	
}

.interiorPage #centerColContent #centerColContentElements a:visited {
	color: #bc4f07;
}

.interiorPage #centerColContent h1 {
	color: #333333;
}

.interiorPage #centerColContent h2,
.interiorPage #centerColContent h3,
.interiorPage #centerColContent a {
	color: #bc4f07;
}

/* /5.2 General typography */
/* /5. Interior page center column */


/* 21. Table styles (contenttable) */

/* /21. Table styles (contenttable) */

/* 9. Bread crumb styles */

#breadCrumbNav .cur a,#breadCrumbNav .cur a:hover,#breadCrumbNav .cur a:visited {
	color:#bc4f07;
}
#breadCrumbNav .no a,#breadCrumbNav .no a:hover,#breadCrumbNav .no a:visited {
	color:#857F6B;
}

/* /9. Bread crumb styles */


/* 7. RTE Selectable styles */
.colorRed {
	color: #762536 !important;
}

.colorBlack {
	color: #000 !important;
}
/* /7. RTE Selectable styles */



/* Landing page styles for TC 1-7-09 */

.tLandingHeader {
	background: #bc4f07 url(/fileadmin/templates/img_center/bg-newLanding-top.gif) right top no-repeat;
}

body.landingPage .tLandingHeader,
body.homePage .tLandingHeader {
	background: #bc4f07 url(/fileadmin/templates/img_center/bg-newLanding-top.gif) left top no-repeat;
}

.tLanding td h2,
#tidesHomeNews .homeNewsCol h2 {
	background: transparent url(/fileadmin/templates/img_center/landing/tLandingGt.gif) 6px 6px no-repeat;
}

.tLanding td a,
.tLanding td a:visited {
	color: #bc4f07 !important;
}

/*****************************************************************************************
 * 8. LANDING PAGE TEMPLATES 
 ****************************************************************************************/

body.interiorPage.landingPage #columnsWrap {
	background:  transparent url(/fileadmin/templates/img_center/bg_three_col_landing.gif) 0 2px repeat-y;
}

body.interiorPage.landingPage #columnsWrapInterior {
	background-image: url(/fileadmin/templates/img_center/landing_top.gif);
}

body.interiorPage.landingPage #footer {
	background: url(/fileadmin/templates/img_center/bg_footer_landing.gif) top left no-repeat;
}

/*****************************************************************************************
 * END 8. LANDING PAGE TEMPLATES 
 ****************************************************************************************/