body
{
	font-size: .6875em; /* Base font size */
}

/* This sets the font-types */

body, h1, h2, h3, h4, h5, h6, td, p, li, dt, dd, input, select, textarea
{font-family: Arial, Helvetica, sans-serif;

}

/* Certain headers and such get different typefaces */
ul#primary-navigation li,
	div#content h1,
	div#content div.primary-and-secondary-content-section h2,
	div#secondary-navigation h3,
	div.secondary-content-section h5,
	div#content p.tagline
{
	font-family: Georgia, Garamond, "Bitstream Vera Serif", serif;
}

/* Paragraphs just before an unordered list get special properties */
p.preceding-an-unordered-list
{
	margin-bottom: 0.2em;
}


/* ============================== General Link Properties ================================= */

/* Canonical order: L V F H A */

a:link,
	a:visited
{
	text-decoration: none;
}

a:focus,
	a:hover,
	a:active
{
	text-decoration: underline;
}

	/* Properties for links within the content area */

	div#content a:link,
		div#content a:visited
	{
		text-decoration: underline;
	}

	div#content a:focus,
		div#content a:hover,
		div#content ca:active
	{
		text-decoration: none;
	}
	
	/* Properties for links within a primary-and-secondary-content secton */
	
	div#content div.primary-and-secondary-content-section a:link,
		div#content div.primary-and-secondary-content-section a:visited
	{
		text-decoration: none;
	}

	div#content div.primary-and-secondary-content-section a:focus,
		div#content div.primary-and-secondary-content-section a:hover,
		div#content div.primary-and-secondary-content-section a:active
	{
		text-decoration: underline;
	}
	
/* ============================= Headers (And Header-like Elements) ========================= */

/* 
	p.tagline: This is a tagline that appears most prominently on the home page.
	
	H1 (within div#content): Primary headers -- typically a page title -- within the main content area
	
	H2 (within div#content): These are secondary headers within the main content area
	
	H3 (within div#secondary-navigation): These represent the headers within the secondary-navigation area.
		
	H4 (within div#content): Tertiary headers within the main content area
		
	H5 (with div.secondary-content-section): This is the primary header within a secondary-content section.
	
	H6: These are the sub-headers within the secondary-content section,
		such as "Summer Catalog Now Available!"
*/

div#content h1,
	div#content div.primary-and-secondary-content-section h2,
	div#secondary-navigation h3,
	div.secondary-content-section h5,
	div#content p.tagline
{
	font-weight: bold;
	font-variant: small-caps;
}

/* This is the main header within the content area (or, if in the case of p.tagline, 
	a bit of text that visually resembles a header but isn't actually one) */
div#content h1,
	div#content p.tagline
{
	font-size: 1.9em;
	padding-top: 0.2em;
	margin-bottom: 0.4em;
	
	line-height: 1.5; /* Same as regular paragraphs */
}

/* H2 (within div#content): These are secondary headers within the main content area */
div#content h2
{
	font-size: 1.2em;
	margin-bottom: 0.1em;
}

	/* H2 within a div.primary-and-secondary-content-section section is slightly different */
	div#content div.primary-and-secondary-content-section h2
	{
		font-size: 1.1em;
		margin-bottom: 0.4em;
	}

/* H4 (within div#content): Tertiary headers within the main content area */
div#content h4
{
	/* This makes use of margin-collapsing, ensuring that there's /at least/
		1.4em worth of space above an h4 element */
	margin-top: 1.4em;
	
	line-height: 1.5; /* Same as regular paragraphs */
}

/* These are used instead of proper <caption> tags within a table,
	as ACEweb doesn't allow that kind of table flexibility */
div#content p.caption
{
	font-weight: bold;
}

/*
	[These elements have a few properties in common]
	
	H3: These represent the headers within the secondary-navigation area.
	H5: These are the main headers within the secondary-content section  
*/
div#secondary-navigation h3,
	div.secondary-content-section h5
{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

	/* H3: These represent the headers within the secondary-navigation area. */
	div#secondary-navigation h3
	{
		font-size: 1.15em;
	
		padding-top: 0.3em;
		padding-bottom: 0.25em;
	
		margin-bottom: 0.4em;
	}

		/* "Additional Services and Info" */
		div#secondary-navigation h3#additional-services-and-info
		{
			padding-top: 0.45em;
			padding-bottom: 0.35em;
			
			font-size: 1.15em;
		}

	/* H5: These are the main headers within the secondary-content section  */
	div.secondary-content-section h5
	{
		font-size: 1.5em;

		padding-bottom: 0.25em;
		
		margin-bottom: 0.3em;
	}

/* H6: These are the sub-headers within the secondary-content section,
 	such as "Summer Catalog Now Available!" */
div.secondary-content-section h6,
	body.osha-section div.secondary-content-section div.promo h6
{
	margin-bottom: 1.7em;
	line-height: 1.5;
	
	padding-top: 0.2em;
}

	body.nursing-section div.secondary-content-section h6,
		body.osha-section div.secondary-content-section h6
	{
		color: rgb(144, 54, 5); /* Burnt orange */
		font-size: 1.27em;
		margin-bottom: 1em;
		padding-top: 0.5em;
	}
	
		body.osha-section div.secondary-content-section div.promo h6
		{
			font-size: 1em;
			color: black;
		}

/* ===================================== Primary Navigation ==================================== */

div#page-head ul#primary-navigation
{}

	ul#primary-navigation li
	{
		font-variant: small-caps;
		font-weight: bold;
		font-size: 1.09em;
	}
	

/* ===================================== Secondary Navigation ==================================== */

div#secondary-navigation ul
{}

	div#secondary-navigation ul li a
	{
		padding-top: 0.35em;
		padding-bottom: 0.35em;
	
		line-height: 1.1;
	}
		
		/* 
			This applies to parenthetic-type items within
			the navigation, such as "Login required" and 
			the	like .
		*/
		div#secondary-navigation ul li a em
		{
			display: block;
			
			font-size: 0.9em;
			font-style: normal;
		}

	/* Canonical order: L V F H A */
	div#secondary-navigation ul li a:link,
		div#secondary-navigation ul li a:visited
	{
		text-decoration: none;
	}

	div#secondary-navigation ul li a:focus,
		div#secondary-navigation ul li a:hover,
		div#secondary-navigation ul li a:active
	{
		text-decoration: underline;
	}
	
/* ================================= Content bits =============================== */
div#content form
{
	margin-bottom: 1.4em;
}

/* =============== Tabular Data =============== */
/* AceWeb canonically uses "awTable" for its tables,
	but data-table is included too in case the class name
	for tabular data is later able to be changed. */
div#content table.data-table,
	div#content table.form-table,
	div#content table.awTable
{
	border-style: solid;
	border-width: 1px;
}

	/* General table cell properties */
	div#content table.data-table th,
		div#content table.data-table td,
		div#content table.form-table td,
		div#content table.form-table th,
		div#content table.awTable td,
		div#content table.awTable th
	{
	font-size: 1em;		vertical-align: top;
		line-height: 1.2;
		
		padding-top: 0.2em;
		padding-bottom: 0.4em;
		
		padding-left: 0.3em;
		padding-right: 0.3em;
		
		border-width: 1px;
		border-style: solid;
	}

		body.admission-section div#content table.data-table tbody td
		{
			text-align: center;
		}

	/* These are the thead properties -- or what /would have been/
		thead if AceWeb could have created properly semantic tables */
	div#content table.data-table thead td,
		div#content table.data-table thead th,
		div#content table.awTable th,
		
	{
		font-weight: bold;
		
		text-align: center;
		
		padding-bottom: 0.3em; /* Normally 0.5em for regular table cells */
	}

		/* Properties for specific cell types below. Note: These 
			aren't currently used as AceWeb's table output doesn't
			offer any classes for cell types. However, if/when
			AceWeb adds support for classes on table cells,
			this can begin working automagically. */
			
		div#content table.data-table tbody td.date,
		div#content table.data-table tbody th.date,
			div#content table.awTable td.date
		{
			text-align: center;
		}

		div#content table.data-table tbody td.fee,
		div#content table.data-table tbody th.fee,
			div#content table.awTable td.fee
		{
			text-align: right;
		}

/* ============ General properties for definition lists ============ */

div#content dl
{}

	div#content dl dt
	{
		/* This makes use of margin collapsing to ensure that there's
			at least a 1.0em space above dt elements */
		margin-top: 1.0em; 
	
		font-weight: bold;
	}

	
	/* ============== Primary-And-Secondary-Content-Section ================ */


		/* ======= Properties for both Primary-Content-Section and Secondary-Content-Section ======== */

		/* These properties apply to elements in both the primay-content and 
			secondary-content sections */

		div.primary-content-section div.copy-with-image a,
			div.secondary-content-section dl dd a
		{
			font-weight: bold;
		}

	
			/* ================================= Primary-Content bits =============================== */

			div.primary-content-section div.copy-with-image
			{}
	

			/* ================================= Secondary-Content bits =============================== */

			/* This holds promo content, such as info 
				about a new summer catalog */
			div.secondary-content-section div.promo
			{}
		
				/* This mostly pertains to the summer-catalog image */
				div.secondary-content-section div.promo img
				{
					float: left;
					display: inline; /* This helps IE with floated elements */
				}
		
				/* This urges the reader to do something, such as "pick one up today" */
				div.secondary-content-section div.promo p.call-to-action
				{
					font-weight: bold;
					margin-bottom: 0em;
				}

			div.secondary-content-section dl
			{}
	
				div#content div.secondary-content-section dl dd
				{
					/* definition-descriptions normally have a bullet
						associated with them, but dd elements within 
						a secondary-content-section don't */
					background-image: none;
					padding-left: 0em;
					
					margin-bottom: 1.4em; /* The same as regular paragraphs */
				}
			
/* ========================== Search-And-Secondary-Navigation bits ====================== */

div#search-and-secondary-navigation form#search label
{
	display: block;
	
	font-size: 0.9em;
	line-height: 1.5;
	
	margin-bottom: 0.8em;
}

div#search-and-secondary-navigation form#search input
{
	vertical-align: middle;
}

	div#search-and-secondary-navigation form#search input.text
	{
		font-size: 1.25em;
		
		padding: 2px;
	}

/* This refers to the "Advanced Search" link */
div#search-and-secondary-navigation form#search p
{
	font-weight: bold;
	
	margin-top: 0.4em;
	margin-bottom: 0.6em;
}


/* ================================= Footer bits =============================== */

div#page div#page-footer
{
	padding-bottom: 2.0em;

	font-size: 0.9em;
	line-height: 1.5;
	text-align: center;
}