/* 
PGMT218 Syllabus - May 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(/blackboard/lib/i/layout/bg_inside.jpg) repeat-x; } /* 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, .auxcol { vertical-align: top; } 
		
/* 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: 20px; }	
	.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;
		}
		.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 { 
		font-family:Georgia,"Times New Roman",Times,serif; font-weight:600; color:#9383A0; 
		font-size: 21px; 
		padding-top:0; padding-bottom:0; 
		margin-top:0; margin-bottom: 10px;}

	/* 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; }
		.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-top:4px; /* pxall.css uses 4px */
		padding-bottom:12px;
		padding-left:0px;
		padding-right:12px;
		}
	/* 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{}
	.border999 { 
		border: solid 1px #AF9BB4; 
		background-color: #c0b0cd; /* alt is AD95C1*/ 
		}
		/* end hack */
	


	
			
/* 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: #03c; text-decoration: none; } /* alt 606 */
	.vtiny a:hover { color: #b00; text-decoration: underline; } /* alt fof */
	
	/* 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:18px; 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 { 
		padding: 12px 15px 15px 15px;
		background-color: #e4e6ea;
		border: 0.1px solid none; /* CSShark nn4 hack  - other browsers get real border below */
		/*/*/
		border: 1px solid #d3d5d9;
		/* first comment ends the hack */	
		}	
	.archivetext .prbox {
		margin: 16px 20px 0 0;
		background-color: #fff;
		border: 0.1px solid none; /* CSShark nn4 hack - other browsers get real border below */
		/*/*/
		border: 1px solid #dad5d1;
		/* first comment ends the hack */	
		}
		
	/* 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(/blackboard/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 */
		
		
/* temporary location -- once finalized, move these to respective sheets */
		
		body { background:#333 url(/blackboard/lib/i/layout/bgblue.gif); }

	a:link { text-decoration: underline; color: #03e; } /* alt is 24a */
		a:visited { color: #777; }
		a:hover { text-decoration: underline; color: #b00; }
		
#main { margin: 20px 20px 30px 20px; }

.vtiny { margin-top: 0; color: #003; }
	
.title { color: #789; margin-top: 8px; margin-bottom: 10px; }	
	/* purple arrowhead nearly single-spaced*/  
	ul.prptight li {
  	margin: 0 0 3px;
  	} 
.h879 h3, .h879 h3 a:link, .h879 h3 a:visited, .h879 h3 a:hover {
		font-weight:bold; color:#879; text-decoration:none; }
		.h879 h3 a:hover { color:#b3a; }

ul.prp, ul.prptight { margin-bottom: 19px; }
		
h2 { margin: 38px 0 10px 4px; }	
h3 { color: #c00; margin-top: 0px; }	
h3.opt { color: #567; margin-top: 24px; margin-left: 20px; }	

.dottedbox { 
	margin: 10px 0px 19px 0px;
	padding: 17px 19px 17px 19px;
	background-color:#fff; 
	border-style: dotted; border-width: 1px; border-color: #ccc;
	}	
	.dottedbox h3 { color: #026; margin-top: 12px; margin-bottom: 4px; } /* alt is #058; 027 */
.b00 h3 { color: #a00; margin:0; }

.bib-item { margin-top: 10px; margin-left: 38px; }
.abs { margin: 0px 40px 0px 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; line-height: 1.4em; 
	}
	
.dottedbox, .dottedbox2 { 
	margin: 10px 0px 19px 0px;
	padding: 17px 19px 17px 19px;
	background-color:#fff; 
	border-style: dotted; border-width: 1px; border-color: #ccc;
	}
	.dottedbox2 { 
	margin: 19px 55px 10px 55px;
	background-color:#ffc; 
	border-style: dotted; border-width: 1px; border-color: #b00;
	}
	
.menu5 h3 { margin: 0; }
.menu5 h3, .menu5 h3 a:link, .menu5 h3 a:visited, .menu5 h3 a:hover {
		font-weight:bold; color:#778; text-decoration:none; } /* alt b3a 567 */
		.menu5 h3 a:hover { color:#b00; } /* alt b3a */
		
.menu5 { margin-top: 24px; }