/* CSS Document */

/* ********************************************************************************************
*	Created By:				Kevin Dyck
*	Creation Date:			May 2009
******************************************************************************************** */



/*	REDEFINE COMMON HTML TAGS
	to suite current site style. 
	Note: most tags have been redefined in the "reset.css" file, which should precede this one in the CSS reference list. 

a	{		}
a:hover	{		}
a:visited	{		}
ul li	{		}
blockquote	{		}
th	{		}

*/

body	{
	background-color: #000;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	background-image:url(/images/bg_page.jpg);
	margin: 0;


	padding: C
:\Users\Kevin\AppData\Local\Google\Chrome\Application\chrome.exe;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0 0 auto 0;
}

img	{	border: 0px;	}

ul	{	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 0 0 0px;
	list-style: disc;
}

ol	{	
	margin: 0;
	padding: 0 0 0 0px;
	list-style:  outside;
}

li	{		}


/* end of HTML TAGS section */



/* ******************************************************************************************************** */



/* CREATE IDs FOR PAGE SECTIONS
	remember: each ID can apply to only one area of each page, because IDs can be used to position items on the screen
	          Common page elements that can use IDs are Content, Navigation, Header, Footer, Related Links
*/

#Wrapper	{
	background-repeat:repeat-y;
	background-position:center;
	width: 960px;
	padding: 0;
	margin: 0px auto;
}

#Header	{
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	background-color:#DDDCC8;
	width: 960px;
	height: 80px;
	padding: 20px 0 0 0;
}

	#Header	H1 {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 36px;
		color: #FFF;
		font-weight: normal;
		margin: 10px;
	}

	#Header	td {	vertical-align: top;	}

	#Header a, #Header a:hover, #Header a:active {
		text-decoration: none;
		color: #000;
	}

	#Header #toptab_sub a:hover {
		background-image:url(/images/tab_top_On.png);
		background-repeat: no-repeat;
	}


#Head_print	{
	/* controls visiblity of the print header, hidden when page is viewed on screen, visible for printing */
	background-color: #fff;
	width: 100%;
	height: 80px;
	margin: 0px auto 0px auto;
	display: none;	
}

#Logo	{
	padding: 0px 12px 10px 20px;

}

#Menu	{

}



/* 	TOP TABS SECTION	*/


#topTabs	{
	height: 80px;
	overflow: hidden;
}

.toptab_head	{
	height: 30px;
	margin: 0;
	padding: 0;
}

.toptab_single	{
	width: 101px;
	height: 50px;
	background-image: url(/images/tab_top_singleOff.png);
	background-repeat: no-repeat;
	text-align:center;
	font-size: 14px;
	line-height: 16px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	display: block;
}

.toptab_singleOn	{
	background-image: url(/images/tab_top_singleOn.png);
	width: 101px;
	height: 50px;
	background-repeat: no-repeat;
	text-align:center;
	font-size: 14px;
	line-height: 16px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

.toptab_single a, .toptab_singleOn a	{
	padding-top: 10px;
	padding-bottom: 25px;
	display: block;
	width: 101px;
}

.toptab_single a:hover	{
	background-image: url(/images/tab_top_singleOn.png);
}

.toptab_group	{
	width: 333px;
	height: 85px;
	background-image: url(/images/toptab_group.png);
	background-repeat: no-repeat;
}

.toptab_sub	{
	background-image: url(/images/toptab_sep.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	height: 50px;
	font-size: 14px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	width: 111px;
	text-align: center;
}

.toptab_subOn	{
	background-image: url(/images/tab_top_On.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	height: 50px;
	font-size: 14px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	width: 111px;
	text-align: center;
}

.toptab_sub a, .toptab_subOn a	{
	padding-top: 15px;
	padding-bottom: 25px;
	display: block;
	width: 111px;
}

.toptab_sub a:hover	{
	background-image: url(/images/tab_top_On.png);
	background-repeat: no-repeat;
}
	
/* 	end TOP TABS SECTION	*/



/*	start of MAIN body of page. Main is a container for the leftcolumn nav (navcolumn) 
	and the main page content area (Content) 	*/
	
	
	
#Main	{
	width: 960px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 0px;
}





/*	start of CONTENT SECTION	*/

		#Content	{
			clear: both;
			position: relative;
			vertical-align: top;
			background-color: #FFFFFF;
			width: 880px;
			padding: 20px 40px 60px 40px;
			margin: 0px auto 0px auto;
			background-repeat: repeat-y;
		}
	
		#Content h2,#Content h3,#Content h4,#Content h5,#Content h6	{
		/*	these settings apply to all Header tags in the Content area of the page, 
			some are modified as needed in the code below. Note: this general 
			setting needs to appear in the CSS code above the specific H tag 
			settings, otherwise the specific settings will be over-written	
		*/
			font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
			margin: 16px 0px 4px 0px;
			font-weight: normal;
			/*
			text-transform: capitalize;
*/
		}

		#Content h1 {
	font-size: 50px;
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-weight: normal;
	color:#600;
	margin:0px;
	margin-bottom: 30px;

}
		#Content h2	{
	font-size: 24px;
}
		#Content h3	{
	font-size: 20px;
	font-style:normal;
	color: #600;
}
		#Content h4	{	font-style: italic;	font-size: 18px;	}
		#Content h5	{	font-size: 16px;	}
		#Content h6	{	font-size: 14px; font-weight: bold;	}
		#Content p	{	margin: 5px 40px 10px 0px;	line-height: 150%;	font-size: 14px; 	} /* nov 9th adjustment, increased bottom margin to 10px form 5; total space btw paragraphs is now 15px */
		#Content table	{	margin-bottom: 0px; clear:none;	}

		#Content td {	font-size: 100%;	}
		
		#Content ul	{
			margin: 0px 40px 0px 20px;
			font-size: 100%;
		}
		#Content ol	{	margin-left: 25px; margin-right: 40px; font-size: 100%;	}
		#Content li	{	margin: 2px 0px 3px 0px; font-size: 14px;	}
		#Content li ul	{	margin-top: 0px;	}
		/*	next two definitions accomodate lists inside multi-columned tables	*/
		#Content table ul	{	margin-right: 10px	}
		#Content table ol	{	margin-right: 10px	}
	

#Content #seeAlsoBox	{
	width: 320px;
	height: 200px;
	padding: 0px;
	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
/*	overflow:visible;*/
}








#Footer	{
	font-size: 12px;
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	clear:both;
	width: 910px;
	height: 100px;
	padding: 10px 25px 10px 25px;
	margin: 0px auto 50px auto;
	background-image: url(/images/bg_footer.jpg);
	background-repeat:repeat-x;
	color: #000;
}

#Footer	table {
	margin-top: 70px;
}

#Footer	a {
	text-decoration: underline;
}
/* end of IDs section */



/* ******************************************************************************************************** */



/* CLASS DEFINITIONS
	Class definitions may apply to any number of elements on a page, because they are not used 
	for positioning. Classes are used to formatting commonly occuring elements that may appear 
	more than once per page.
*/


.caption	{
	/* used for text below photos */
	font-size: 11px;
}

.smalltext, #Content p.smalltext, #Content li.smalltext {
	/* handy for things like PDF file-stamps, 'close window' links, etc. */
	font-size: 80%;
}


#Content .largetext	{
	font-size: large;
}



/*	LEGACY CODE HANDLING - 
	Erase the extra spce in course listings - captop and capbottom are from BCGG, not used here	
*/

.captop, .capbot	{
	background-image:none;
	padding: 0;
	margin: 0;
	height: 0;
	font-size: 1px;
	display:none;
}

#Content .content	ul	{	padding-left: 0px;	}


/*	end of LEGACY CODE HANDLING	*/




/*	FILE TYPE STAMPS 
	
	Links to documents other than HTML files require a file-type stamp to 
	identify the associated application that will open when the link is clicked. Following the link
	type the abbreviation for the file type (i.e.: DOC, PDF, XLS) and then with the abbreviation 
	highlighted apply the correct file-type stamp. The reselting code will be similar to this:
	
	<span class="filedoc">DOC</span>
	
	Files that are over 1MB in size should also have the file size indicated in the file-type stamp
	so that the user will know that openning the file will take extra time. The code for this type 
	of link would appear similar to:
	
	<span class="filedoc">DOC 1.2MB</span>
	
*/
 
	.filepdf	{
		font-size: 80%;
		background-image:  url(/images/icon_pdf.gif);
		background-repeat: no-repeat;
		background-position: left;
		text-transform: uppercase;
		padding: 1px 0px 0px 12px;
		display: inline-block;
	}
	
	.filedoc	{
		font-size: 80%;
		background-image:     url(/images/icon_word.gif);
		background-repeat: no-repeat;
		background-position: left;
		text-transform: uppercase;
		padding: 1px 0px 0px 12px;
		display: inline-block;
	}
	
	.filexls	{
		font-size: 80%;
		background-image:     url(/images/icon_excel.gif);
		background-repeat: no-repeat;
		background-position: left;
		text-transform: uppercase;
		padding: 1px 0px 0px 12px;
		display: inline-block;
	}
	
	.fileppt	{
		font-size: 80%;
		background-image:     url(/images/icon_powerpoint.gif);
		background-repeat: no-repeat;
		background-position: left;
		text-transform: uppercase;
		padding: 1px 0px 0px 12px;
		display: inline-block;
	}

/*	In certain cases the link will have no decriptive text appended (such as in a nav column or 
	quicklinks list where space is limited), so the Anchor specific class will be applied to the
	anchor tag itself:
	
	<a href"FILENAME.DOC" class="filedoc">DOC</span>
	
*/
 
	a.filepdf	{
		font-size: 100%;
		background-repeat: no-repeat;
		background-position: right;
		padding: 1px 15px 0px 0px;
		display: inline-block;
		text-transform: none;
	}
	
	a.filedoc	{
		font-size: 100%;
		background-repeat: no-repeat;
		background-position: right;
		padding: 1px 15px 0px 0px;
		display: inline-block;
		text-transform: none;
	}
	
	a.filexls	{
		font-size: 100%;
		background-repeat: no-repeat;
		background-position: right;
		padding: 1px 15px 0px 0px;
		display: inline-block;
		text-transform: none;
	}
	
	a.fileppt	{
		font-size: 100%;
		background-repeat: no-repeat;
		background-position: right;
		padding: 1px 15px 0px 0px;
		display: inline-block;
		text-transform: none;
	}

/*	end of FILE TYPE STAMPS */




.newwindow	{
/* 	links to external sites should open in a new browser window because they break 
	the navigation chain. External links are identified by a "New Window" icon, which 
	is applied by selecting the anchor tag for the link and then selecting the 
	.newwindow class to format it. As a matter of good practice the Title attribute 
	of the anchror tag should also indicate that the link will open in a new window, 
	so the anchor code will resemble this:
	
	<a href="samplefilename.html" target="out" title="link opens in new window"></a><span class="newwindow"></span>
	
	Don't forget to supply a value for the Target attribute (in this case it's "out") so that the 
	link will if fact open in a new browser.
*/
	background-image:     url(/images/icon_newwindow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 1px 0px 0px 15px;
	display: inline-block;
	vertical-align: middle;
/*	testing
	background-color:#CC66FF;
	margin: 0px;
*/
}

a.newwindow	{
	/* 	<a href="samplefilename.html" target="out" class="newwindow" title="link opens in new window">
*/
	background-image:     url(/images/icon_newwindow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 1px 15px 0px 0px;
	display: inline-block;
	vertical-align: middle;
}


.cleared {
	clear: both;
	display: block;
}

.alert {
	color: #C00;
}

img.left	{float: left; margin: 0 20px 20px 0;}
img.right	{float: right; margin: 0 0 20px 20px;}

#gmap {
  position:		relative;
  width: 550px;		height: 395px;
  border:		1px solid #041D63;
}

/* end of CLASS DEFINITIONS */


/* ******************************************************************************************************** */