/* 
B4Udrink.org - April 2005 
Global screen styles for all browsers
Author: Emilienne Ireland, NashInteractive.com */

/* Bold defined on sniffed sheets. If global.css defines a font as bold, NN assumes non-bold when font size defined on another sheet. */

body { background:#5C5484 url(/lib/i/layout/bg_inside.jpg) repeat-x; font-size: large; } /* use for inside */

/* Global Page Layout
----------------------------------------------- */
	.centered { text-align: center; }
	.centered .banner-tbl, .centered .main-tbl, .centered .footer-tbl {
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		}
		.maincol, .maincol-home, .auxcol { vertical-align: top; } 
		.maincol-home { background-color: #000; } 
		
/* main is site default; main-home used on home only */
/* these styles used only to set margins of main content area */		
/* if you use padding instead of margin for main, ie4 gets buggy */
	#main { margin: 15px 12px 15px 12px; }
	#main-home { margin: 9px 6px 9px 6px; }
	
	.pgprp { background:#D0C0DE url(/lib/i/layout/bg_pgprp.jpg) no-repeat; } /* center text area of purple page */

	.tight { padding:0; margin:0; } 	
	.top0 { margin-top:0px; } /* net4pc.css uses -1em */
	.top8 { margin-top:8px; } /* news clips index */
	.top10 { margin-top:10px; } 
	.top19 { margin-top:19px; } /* used first para after header */
	.top28 { margin-top:28px; } /* used by Atomz for prbox */
	.right30 { margin-right:30px; } /* news clips index */
	.left20 { margin-left:20px; }
	
	/* aligns cell contents to top and removes default img padding in Net 6 */
	.toptight { vertical-align: top; }
	.toptight img { display: block; }
	
	
/* Navbars, menus, footers
----------------------------------------------- */
/* inspired by ala, except no active state because this uses td not li for navbar. li is cleaner css, but Net4 visitors get unordered list, not navbar */

	#navbar1, #navbar2 {
		margin: 0;
		padding: 0;
		}
	
	#navbar1 td, #navbar2 td {
		text-align: center; 
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 3px; 
		padding-bottom: 4px; 
		}
		/* tweaks horiz padding and other positioning on specific cells */
		#navbar1 td.tcclogo {
			text-align: left; vertical-align: top;
			padding: 0 0 0 0; }
		/* #navbar1 td#driving { padding-left: 18px; }	*/
		#navbar2 td#home { padding-left: 0px; }
			
	#navbar1 td { background-color: #373536; }
	#navbar1 td a, #navbar2 td a {
		color: #DAB2D4;
		/*/*/
		letter-spacing: 1px;
		/* first comment ends the hack */
		text-decoration: none;
		}
		#navbar2 td a { color: #FAA933; }
		#navbar1 td a:hover, #navbar2 td a:hover {
			color: #fff;
			text-decoration: underline;
			}
	
	/* Not using mouseover bg color for navbar cells on this site */
	/* For navbar 1: If page id matches menu table cell id, then td becomes */
	/*	body#p-driving #navbar1 td#driving, 
		body#p-espanol #navbar1 td#espanol,
		body#p-search #navbar1 td#search {
		background-color: #000; 
		} */
	
	/* For navbar 1: If page id matches menu table cell id, then link becomes */
	body#p-driving #navbar1 td#driving a, 
	body#p-underage #navbar1 td#underage a,
	body#p-resources #navbar1 td#resources a,
	body#p-press #navbar1 td#press a,
	body#p-order #navbar1 td#order a,
	body#p-espanol #navbar1 td#espanol a,
	body#p-search #navbar1 td#search a {
		color: #fff;
		text-decoration: none;
		cursor:text;
		}
	
	/* For navbar 2: If page id matches menu table cell id, then link becomes */
	/*body#p-home #navbar2 td#home a, */
	body#p-about #navbar2 td#about a,
	body#p-runbae #navbar2 td#runbae a,
	body#p-know #navbar2 td#know a,
	body#p-faq #navbar2 td#faq a,
	body#p-van #navbar2 td#van a,
	body#p-photo #navbar2 td#photo a,
	body#p-feedback #navbar2 td#feedback a,
	body#p-sitemap #navbar2 td#sitemap a {
		color: #fff;
		text-decoration: none;
		cursor:text;
		}

	/* If page id matches footer link id, then link becomes */
	body#p-driving a.f-driving,
	body#p-underage a.f-underage,
	body#p-resources a.f-resources,
	body#p-press a.f-press,
	body#p-order a.f-order,
	body#p-espanol a.f-espanol,
	body#p-search a.f-search,
	body#p-home a.f-home,
	body#p-about a.f-about,
	body#p-runbae a.f-runbae,
	body#p-know a.f-know,
	body#p-faq a.f-faq,
	body#p-van a.f-van,
	body#p-photo a.f-photo,
	body#p-feedback a.f-feedback,
	body#p-sitemap a.f-sitemap,
	body#p-legal a.f-legal,
	body#p-privacy a.f-privacy  {
		color: #fff;
		text-decoration: none;
		cursor:text;
		}

	#navbar1 img { display: block; }
	
	.footbox { 
		text-align: center;
		margin-top: 24px;
		}
	
	.footer, .siteby { 
		color: #A17289;
		letter-spacing: 1px; 
		margin-bottom: 3px;
		font-size: 11px !important;
		}
		.footer a:link, .footer a:visited, .footer a:hover { 
			color: #dbd; text-decoration: none; }
			.footer a:hover { color: #fff; }

	.siteby { margin-top: 3px; }
	.siteby a:link, .siteby a:visited, .siteby a:hover { color:#b8a; text-decoration: none; } 
	.siteby a:hover { color:#fff; }	

	
/* Main Column Text Styles (incl. jumplists)
----------------------------------------------- */
	/* Text para that follows uses vs0 */
	.title { 
		color:#9383A0; 
		padding-top:0; padding-bottom:0; 
		margin-top:0; margin-bottom: 10px;}
		
	h2 { 
	color:#c08; /* 77a 837 b3a 848 */
	padding-top:0; padding-bottom:0;
	margin: 0;
	}
	/* prevents h2 from allowing tables, images, etc. to wrap left */
	h2 { clear: left; }

	/* tiny font size non-breaking space used in jump anchor */
	.anchortight {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:5px; line-height: normal;
		}
	/* jumplists */
	.menuprp h3 {
	margin: 0;
	margin-top: 4px;
	padding: 0; 
	}
	/* purple h3 links */ 	
	.h879 h3, .h879 h3 a:link, .h879 h3 a:visited, .h879 h3 a:hover {
		font-weight:bold; color:#879; text-decoration:none; font-size: 10pt; }
		.h879 h3 a:hover { color:#b3a; }	
		

	/* Atomz uses h3 for press release titles */
	h3 { 
		color: #837; 
		padding-top: 0; padding-bottom: 0;
		margin-top: 28px; margin-bottom: 5px;
		text-decoration:none; 
		}
		a.h3:visited { color: #827290; }
		a.h3:hover { color: #b3a; text-decoration:underline; }
		
		/* special settings for the first h3 on an inside page */ 		
		h3.first { color: #948; margin-top: 20px; } /* alt is 848 - a bluer purple */
	
	/* link within h3 keeps pseudoclass colors and underline behavior; useful on press archive pages */
	h3 a:link { text-decoration: none; color: #557; } /* alt colors 033 066 668 */
	h3 a:visited { text-decoration: none; color: #827290; }
	h3 a:hover { text-decoration: underline; color: #b3a; }
	
	/* more links - dotted underline as per TTC about page */	
	.more, a.more:link, a.more:visited, a.more:hover { 
		font-weight:normal; color:#932;
		margin:0 0 0 0; 
		/*/*/
		border-bottom: 2px dotted #abc;
		/* first comment ends the hack */	
		text-decoration: none; 
		}
		a.more:hover { 
		text-decoration:underline;
		/*/*/
		border-bottom: 1px solid #932; text-decoration:none; 
		/* first comment ends the hack */
		}	
	
	/* more links for jumplist pages using text and guillemot right character */
	/* 1px margin-right adds hairline space between more and guillemot */
	.more187, a.more187:link, a.more187:visited, a.more187:hover { 
		color: #b00; text-decoration: none;
		margin:0 1px 0 0; } /* alt is 678 */
		a.more187:hover { color: #b00; text-decoration: underline; }	
	
	/* .seealso */
	.seealso { margin-top:10px; }
	.seealso h3 { color: #567; } 
	.seealso a.vsm:link, .seealso a.vsm:visited { color: #012; text-decoration: none; }
	.seealso a.vsm:visited { color: #555; }
	.seealso a.vsm:hover { color: #a32; text-decoration: underline; }

	/*/*/a{}
	ol li { margin: 0 0 15px 0; padding: 0 0 0 0; }
	/* end the hack */
	
	/* For breadcrumb links at page bottom */
	.crumbs-bot { text-align: center; margin-top: 19px; }
		.crumbs-bot, .crumbs-bot a:link, .crumbs-bot a:visited { color: #003; text-decoration: none; }
		.crumbs-bot a:hover { color: #606; text-decoration: underline; }	


/* Sidebar Column Text Styles
----------------------------------------------- */
	

/* Images
----------------------------------------------- */
	.blok { display: block; } /* Removes default margins on images in Net 6 */

	.fl-rgt { float: right; }
	.fl-lft { float: left; }

	/* floatright: Because no width defined, use to float images, 
	not text that must flow. Image can have short caption text using break tags
	so that text is not wider than image. Images can be any size; main thumbs are 100w x 90h */
	.floatright, .floatright2 {
		float: right;
		padding-top:4px; /* pxall.css uses 4px */
		padding-bottom:12px;
		padding-left:12px;
		padding-right:0px;
		}
	/* same limitations as floatright */	
		.floatleft, .floatleft2, .floatleft3  {
		float: left;
		padding: 4px 12px 7px 0; 
		margin: 0;
		}

/* use for floats that require 19px top margin, such as in class="jumplist", for which P has margin-bottom:0  */
	/* note: floats immediately beneath headers normally do not take a top margin */	
	.floatleft2, .floatright2 {	padding-top:25px; } /* pxall.css uses 19px */
	
	/* to float left or right of h3 */
	.floatleft3, .floatright3 {	padding-top: 13px; }
	
	/*/*/a{}
	.img-border img { 
		border: solid 1px #AF9BB4; 
		background: #c0b0cd;
		display: block;
		}
		/* end hack alt is AD95C1 */
	
	/* all pages */
	.baetext-pos { margin: 4px 0 0 4px; }
	
	/* home */	
	.van-pos { margin: 0 0 0 27px; }
	.btn-facts-pos { margin: 0px 0 0 15px; }
	.bar-pos { margin: 0 0 8px 8px; }
	.ecas-pos { margin: 11px 0 0 15px; }
	.entrar-pos { margin: 4px 0 0 0; }
	/* .map-pos { margin: 4px 0 0 0; text-align: center; } firefox ignored centering */	
	.map-pos { margin: 4px 0 0 17px; text-align: left; }	
	
	/* inside pages */
	.page-prp-pos { margin-top: 7px; background-color: #D0C0DE; }		
	.bar-inside-pos { margin: 0 0 0 8px; }
	.facts-ins-pos { margin: 0 0 0 11px; }
	.ecas-ins-pos { margin: 6px 0 0 13px; }
	.map-ins-pos { margin: 5px 0 0 11px; }

	/* IMPORTANT - if you add a style above to position ONE image, add the style also to the list here */
	/* NOT for styles that hold free-flowing content, such as page-prp-pos, or images will all be forced flush left */	
	.baetext-pos img, .van-pos img, .btn-facts-pos img, .bar-pos img, .ecas-pos img, .entrar-pos img, .map-pos img,
	.bar-inside-pos img, .facts-ins-pos img, .ecas-ins-pos img, .map-ins-pos img { display: block; }
	
			
/* Pseudo-classes
----------------------------------------------- */
	a:link { text-decoration: underline; color: #606; } /* alt is 24a */
		a:visited { color: #777; }
		a:hover { text-decoration: underline; color: #f0f; }

	.noline, a.noline:link, a.noline:visited {text-decoration: none;}
		a.noline:hover {text-decoration: underline;}

	.line, .vtiny a.line:link, .vtiny a.line:visited {text-decoration: underline;}
		a.line:link {text-decoration: underline;}
		
	
/* Color
----------------------------------------------- */
	.boxbbb {border-style: solid; border-width: 1px; border-color: #bbb; }
	.boxyel {border-style: solid; border-width: 1px; border-color: #fc0; }
	.boxblu {border-style: solid; border-width: 1px; border-color: #bcd; }
	.boxgra {border-style: solid; border-width: 1px; border-color: #ddd; }
	

/* Home
----------------------------------------------- */
	.hometext h3 { color: #E381C2; margin-top: 26px; margin-bottom: 5px; }
	.hometext h3.top0 { margin-top: 0px;}
	
	.hometext div { color: #C4BFC3; }
		.hometext div a:link, .hometext div a:visited { color: #FFBDE9; }
		.hometext div a:hover { color: #ccf; }
		
	.hometext .crumbs-bot, .hometext .crumbs-bot a:link, .hometext .crumbs-bot a:visited 
		{ color: #C4BFC3; text-decoration: none; }
		.hometext .crumbs-bot a:hover { color: #fff; text-decoration: underline; }	
	
	
/* Atomz pages: News and Press pages
----------------------------------------------- */
	/* For breadcrumbs at top of all releases, articles, blog pieces */
	.vtiny, .vtiny a:link, .vtiny a:visited, .vtiny a:hover { color: #606; text-decoration: none; }
	.vtiny a:hover { color: #f0f; text-decoration: underline; }
	
	/* TCC logo on press pages */
	.tcclogo {
	float: left;
	padding: 22px 15px 12px 0px;
	}

	.all /* link at bottom of short list of items to list of ALL items of that type */ 
		{ 
		text-align:right; 
		margin-top:0px; 
		margin-right: 18px;
		margin-bottom:15px;
		}
		.all a:link, .all a:visited { color: #003; text-decoration: none; }
		.all a:hover { color: #b00; text-decoration: underline; }
	
	/* positions dateline in article indices (News Room, News Articles, Online Opinion */
	.articlelist .prdate { margin-bottom:6px; }

	/* Apply to DIV to position quoteboxes on press and other pages */
	/* The DIV must contain table of defined width or Net 4 will expand to full width of text */
	.quotebox { float: right;
		padding: 6px 10px 12px 20px; 
		}	
	.quoteboxleft { float: left;
		padding-top: 3px 15px 12px 0px; }
	
	/* text of short bolded Arial quote - used by Atomz and home page */		
	div.quote { 
		color:#666; 
		text-align: left;
		padding: 13px; 
		text-decoration: none;
		}

	/* attribution immediately below quote - used by Atomz */		
	div.attrib { 
		text-align: right;
		margin: 0;
		padding: 0 18px 15px 15px;
		text-decoration: none;
		}

	/* text of longer non-bolded Verdana quote - used by Atomz and home page */	
	/* designed to use only p tags inside this style */			
	.quote-vsm { 
		color:#003; 
		text-align: left;
		padding: 12px 15px 4px 15px;  
		}
	.attrib-vsm { margin: 0 0 0 0; text-align: right; }
	.quote-vsm p { margin-top: 0; margin-bottom: 12px; }
	
	.cap, a.cap:link /* Press release photo captions used by Atomz */	
		{ 
		color:#778;
		margin-top:6px; margin-bottom:0px; padding-top:0; 
		}			
		a.cap:link, a.cap:visited, a.cap:hover  { text-decoration: underline; }
		a.cap:visited { color:#999; }
		a.cap:hover { color:#e32; }
		/* links within cap */
		.cap a:link, .cap a:visited, .cap a:hover { color:#39c; text-decoration: underline; } 
		.cap a:hover { color:#e32; } 			
			
	/* use contactbox for pr contact info; 
	use cornerbox for archive main section top right corner navlinks */	
	.contactbox, .cornerbox { float: right;
		padding: 5px 15px 12px 15px;
		}
		.cornerbox {  
		padding-top:1px;
		padding-right:35px; }
	
	.archivetext .title { padding-bottom: 0.45em; }	

	/* Contact and release info on Atomz press pages*/	
	.prcontact {text-align: right;}
	.immed {margin-top: 4px;}	
	
	/* PR Date on Press Release page */		
	.prdate { font-weight: bold; color: #d5c; margin-top:18px; } /* b60 0r 87b */

	/* PR date in list on Home and Archive pages */	
	.archivetext .prdate, .hometext .prdate { 
		font-weight: normal; color: #003; margin-top:0px;
		}
		.hometext .prdate { margin-top:3px;	}
		
	/* Press Archive - adds vertical padding to hd3 headers within archive */
	.archivetext h3	{ 
		padding-top:4px; padding-bottom:4px;
		margin-top:0; margin-bottom:0;
		}
		.archivetext h3 { padding-top:0px; }	
	
	/* for mission statement on press pages */
	.prbox, .archivetext .prbox {
		margin: 10px 0 0 0;
		padding: 8px 11px 11px 11px;
		background-color: #c0b0cd;
		}
			
	/* Wraps each press release item in pages published by ATOMZ */
	.hometext .pritem {	padding: 0 0 20px 0;	}

	/* Dotted line and top-of-page gif that separates press archive items */ 	
	.separator {
		text-align:right;
		margin-top:3px; margin-bottom:3px;
		padding-right:35px;
		/*/*/
		background: url(/lib/i/shared/bg_dots2.gif) repeat-x left bottom;
		/* first comment ends the hack */
		}
		.separator { clear: both; } /* prevents floated images from overlapping each other */
		.separator .uplink { background-color: #fff; } 
		/* sets bgcolor for top-of-page gif so bg dots don't show through text */
		
		
/* Photo pages
----------------------------------------------- */		
	table.pix td { vertical-align: top; }
	
	.about_text { font-size: 12pt; }