body
{
	/* This ensures that even pages within a common-navigation at least have the
		background image that goes with it */
	background-image: url(../media/common/body-background.png);
	background-repeat: repeat-x;

	text-align: center; /* for IE 5.x problem with auto left/right margins */
}

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

a
{
	/* IE sometimes forgets to use the right cursor,
		especially on image-replaced headers */
	cursor: pointer;
}

/* Some extra cursor properties can be helpful in these
	areas as well */
label,
	button,
	input.submit-button
{
	cursor: pointer;
}

/* ============================= 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.
		
	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!"
*/


/* H2 (within div#content): These are secondary headers within the main content area */
div#content h2
{}

/* Using the TripSwitch to trigger hasLayout in IE
	http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
div#content h2 {display: inline-block;} /* trigger haslayout for IE>5.0 */
div#content h2 {display: block;} /* put it back to what it should be in separate rule */
/* end TripSwitch */

	div#content h2 a
	{
		display: block; /* Allows for a wider click area */
	}
	

/* 
	H3: These represent the headers within the secondary-navigation area. 
	H5: These is the leading header within the secondary-content section.
*/
div#secondary-navigation h3,
	div#content div.primary-and-secondary-content-section div.secondary-content-section h5
{
	/* This keeps these guys from overlapping the background lines */
	
	margin-left: 1px;
	margin-right: 1px;
}

/* Using the TripSwitch to trigger hasLayout in IE
	http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
div#secondary-navigation h3,
 	div.secondary-content-section h5 {display: inline-block;} /* trigger haslayout for IE>5.0 */
div#secondary-navigation h3,
 	div.secondary-content-section h5 {display: block;} /* put it back to what it should be in separate rule */
/* end TripSwitch */

/* H5: These is the leading header within the secondary-content section  */
div.secondary-content-section h5
{		
	padding-left: 7%;
}

/* ============================ Layout Container Elements ================================= */

div#page
{
	width: 770px;

	margin-left: auto;
	margin-right: auto;

	text-align: left;  /* for IE 5.x problem with auto left/right margins */
}

	/* The two "page-body-and-page-head-elements-nesting-level-#-of-#" elements deal with the shadow bits */
	div#page div#page-body-and-page-head-elements-nesting-level-1-of-3
	{
		/* This (currently) represents the regular shadow bits which tile downward (that is, the
				version that doesn't take into account the gradient body background) */
		background-image: url(../media/common/page-body-and-page-head-background-1-of-2.gif);
		background-repeat: repeat-y;
	}
	
		/* The two "page-body-and-page-head-elements-nesting-level-#-of-#" elements deal with the shadow bits */
		div#page-body-and-page-head-elements-nesting-level-1-of-3 div#page-body-and-page-head-elements-nesting-level-2-of-3
		{
			/* This also (currently) involves the shadow bits, but this image is pretty much square,
				accounting for the changing background gradient underneath the shadow */
			background-image: url(../media/common/page-body-and-page-head-background-2-of-2.png);
			background-repeat: no-repeat;
			
			padding-top: 5px;
			
			/* This ensures that the content bits don't end up trampling
			 	over the shadow background-images */
			padding-left: 15px;
			padding-right: 14px;
		
		}
			/* The two "page-body-and-page-head-elements-nesting-level-#-of-#" elements deal with the shadow bits */
			div#page-body-and-page-head-elements-nesting-level-2-of-3 div#page-body-and-page-head-elements-nesting-level-3-of-3
			{
				padding-top: 160px; /* Leave room for the masthead bits */

				position: relative; /* This allows other elements to be absolutely positioned with respect to this */
			}
	
				/* This holds the content-area container along with the secondary-navigation container */
				div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation
				{
					background-image: url(../media/common/content-and-search-and-secondary-navigation-background.gif);
					background-repeat: repeat-y;
				
					background-position: top left;
					
					/* Ensure that no margin-collapsing occurs, which could end up leaving
						a gap between the "page-body-and-page-head-elements-nesting-level-#-of-#" bits
						and the page-footer */
					padding-bottom: 1px;
				}
				
					/* turn off left column for the admission requirements page of the Health section */
					body.admission-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation
					{
						background-image: none;
					}
		
					body.home-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation
					{
						
						background-image: url(../media/home/content-and-search-and-secondary-navigation-background.gif);
					
						/* 
							This is calculated based on the gradient being 500px high; subtract 
							165 from that (for the primary nav bits) and you get 335px.
						
							This makes use of the Min-Height Fast Hack:
							http://www.dustindiaz.com/min-height-fast-hack 
						*/
						min-height: 335px;
						height: auto !important;
						height: 335px;
					}
					
						body.home-section.nursing-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation
						{
							background-image: url(../media/common/content-and-search-and-secondary-navigation-background.gif);
						}
						
							body.nursing-section div.primary-and-secondary-content-section div.secondary-content-section p.mailing-list
							{
								background: transparent url(../media/nursing/common/ico_mail.gif) no-repeat 0 0;
								margin-top: 10px;
								padding-left: 69px;
							}
							
							
							body.osha-section div.primary-and-secondary-content-section div.secondary-content-section p.press-release 
							{
								background: transparent url(../media/osha/common/ico_newspaper.png) no-repeat scroll 0pt 0px;
								padding-left: 21px;
							}
							
								body.osha-section div#content div.primary-and-secondary-content-section div.secondary-content-section p.press-release a:link,
									body.osha-section div#content div.primary-and-secondary-content-section div.secondary-content-section p.press-release a:visited
								{
									text-decoration: underline;
								}
								
									body.osha-section div#content div.primary-and-secondary-content-section div.secondary-content-section p.press-release a:hover
									{
										text-decoration: none;
									}
				
				/* This contains the primary-navigation and logo bits */
				div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
				{
					position: absolute;
					top: 0px;
					left: 0px;
				
					width: 100%;
					height: 155px;
				
					background-image: url(../media/photos/smiling-people.jpg);
					background-repeat: no-repeat;
					background-position: top right;
				}
				
					/* nursing specific header image */
					body.nursing-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/nursing/photos/masthead-header.jpg);
					}
					/* Test specific header image */
					body.test-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/test/photos/TestPhoto.png);
					}
					/* military specific header image */
					body.military-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/military/photos/masthead-header.jpg);
					}					
					/* health careers specific header image */
					body.health-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/health/photos/masthead-header.jpg);
					}
					
					/* environment specific header image */
					body.environment-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/environment/photos/masthead-header-environment.jpg);
					}
					
					/* tts specific header image */
					body.tts-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/tts/photos/masthead-header.jpg);
					}
					
					/* osha specific header image */
					body.osha-section div#page-body-and-page-head-elements-nesting-level-3-of-3 div#page-head
					{
						background-image: url(../media/osha/photos/masthead-header.jpg);
					}
				
	div#page div#page-footer,
		body.home-section.nursing-section div#page div#page-footer
	{
		background-image: url(../media/common/page-foot-background.gif);
		background-repeat: no-repeat;
		background-position: top left;
		
		/* Note to self: Be sure to add the hacky bits to get alpha 
			channel PNGs working in IE6 */
			
		padding-top: 25px; /* Leave room for the background image */
	}

		/* hasLayout-fix for IE6 */
		* html div#page div#page-footer
		{
			height: 1%;
		}
		
		/* Variant for the home page */
		body.home-section div#page div#page-footer
		{
			background-image: url(../media/home/page-foot-background.gif);
		}
		
/* ===================================== Logo bits ==================================== */

/* Continuing Education home-link */
div#page-head a#ced-home
{
	position: absolute;
	top: 0px;
	left: -2px;
	width: 219px;
}
	
	div#page-head a#ced-home img
	{
		/* Dimensions for the logo which links to the CED home page */
		width: 202px;
		height: 83px;
	}
	
div#page-head a#uta-home
{
	position: absolute;
	top: 83px; /* Equal to the height of the CED logo */
	left: -2px
}

	div#page-head a#uta-home img
	{
		/* Dimensions for the logo which links to the UTA home page */
		width: 202px;
		height: 72px;
	}
	
/* ===================================== Primary Navigation ==================================== */

div#page-head ul#primary-navigation
{
	position: absolute;
	bottom: -1px;
	right: 0px;
	
	width: 72.1%; /* 534/740 = 72%, The same width as the background image */
	
	margin: 0em; /* Just to be sure */
	padding: 0em; /* Just to be sure */
	
	border-top-width: 2px;
	border-top-style: solid;
}

	/* Only IE6 sees this */
	* html div#page-head ul#primary-navigation
	{
		/* For some reason, IE6 doesn't like aligning things
			like the other good boys and girls, erm, browsers */
		right: 0px;
	}

	ul#primary-navigation li
	{
		display: inline; /* This helps IE with floated elements */
		float: left;
		
		margin: 0em; /* Just to be sure */
		padding: 0em; /* Just to be sure */
		
		padding-top: 0.15em;
		padding-bottom: 0.3em;
	}
	
		ul#primary-navigation li a
		{
			padding-left: 8px;
			padding-right: 8px;
			
			padding-top: 0.15em;
			padding-bottom: 0.3em;
			
			background-image: url(../media/primary-navigation/primary-navigation-divider.gif);
			background-position: 0em 0.3em;
			background-repeat: no-repeat;			
		}
		
			ul#primary-navigation li.first-child a
			{
				padding-left: 0.7em;
				
				/* The first item gets no divider */
				background-image: none;
			}
			
			ul#primary-navigation li.last-child a
			{
				/* The last item has no need for padding to its right */
				padding-right: 0em;
			}	
			
/* ===================================== Secondary Navigation ==================================== */
			
div#secondary-navigation ul,
	div#secondary-navigation ul li
{
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
}

	/* Using the TripSwitch to trigger hasLayout in IE
		http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
	div#secondary-navigation ul li {display: inline-block;} /* trigger haslayout for IE>5.0 */
	div#secondary-navigation ul li {display: block;} /* put it back to what it should be in separate rule */
	/* end TripSwitch */

	/* (H3 elements represent the headers within the secondary-navigation area.) */
	div#secondary-navigation h3,
		div#secondary-navigation ul li a
	{
		padding-left: 5%;
		padding-right: 5%;
	}
	
		/* The link elements get a slightly different value */
		div#secondary-navigation ul li a
		{
			padding-right: 10%;
			display: block;
		}
	
	/* Using the TripSwitch to trigger hasLayout in IE
		http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
	div#secondary-navigation ul li a {display: inline-block;} /* trigger haslayout for IE>5.0 */
	div#secondary-navigation ul li a {display: block;} /* put it back to what it should be in separate rule */
	/* end TripSwitch */

			
/* ============================== Content-and-Search-And-Secondary-Navigation ========================== */

/* As you might guess, this section holds both the content area and the 
	area which holds the search and the secondary-navgation */

/* This makes use of auto float clearing:
	http://www.positioniseverything.net/easyclearing.html */

div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation {
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation {

	height: 1%;
}

div#page-body-and-page-head-elements-nesting-level-3-of-3 div#content-and-search-and-secondary-navigation {

	display: block;
}
/* End Holly Hack */

	div#content-and-search-and-secondary-navigation div#content
	{
		float: right;
		display: inline; /* This helps IE with floated elements */
		width: 67.5%; /* 500/740 = 70% */
		
		margin-right: 2.2%;
	}
	
		/* for admission requirements page in health section */
		body.admission-section div#content-and-search-and-secondary-navigation div#content
		{
			display: block;
			float: none;
			width: auto;
			margin-right: 0;
		}
	
		/* Pages with a primary-and-secondary-content section (such as the home page)
		 	get slightly different properties */
		body.with-primary-and-secondary-content-section div#content-and-search-and-secondary-navigation div#content
		{
			margin-right: 0em;
			width: 69.77%; /* 517/741 = 70% */

		}
	
	div#content-and-search-and-secondary-navigation div#search-and-secondary-navigation
	{
		float: left;
		display: inline; /* This helps IE with floated elements */
		width: 27.3%; /* 204/740 = 27% */
		
		background-image: url(../media/search/search-top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		
		padding-top: 1.1em;
	}
	
		/* for admission requirements page in health section */
		body.admission-section div#content-and-search-and-secondary-navigation div#search-and-secondary-navigation
		{
			display: none;
		}
	
/* ================================= =Content bits =============================== */

div#content div.intro-before-primary-and-secondary-content-section
{
	background-color: white;

	padding-bottom: 1.5em;
}

body.nursing-section div#content blockquote
{
	background-color: rgb(235, 233, 219); /* cream */
	border: 1px solid rgb(205, 204, 191);
	margin: 1em 0px;
	padding: 5px;
}

/* hCalendar */

div#content ul.vcalendar
{
	border: 1px solid rgb(235, 233, 219); /* cream */
}

	body.osha-section div#content div.secondary-content-section ul.vcalendar
	{
		border: none;
	}

div#content ul.vcalendar li
{
	background-image: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

	div#content ul.vcalendar li.even
	{
		background-color: rgb(235, 233, 219); /* cream */
	}

		body.osha-section div#content div.secondary-content-section ul.vcalendar li.even
		{
			background-color: transparent;
		}
		
	div#content ul.vcalendar li strong.summary
	{
		display: block;
	}
	
/* home-page icons */
div#content ul.icon-list li 
{
	background-image: none;
	display: inline; /* for IE float bug */
	float: left;
	padding-left: 0px;
	width: 235px;
	height: 100px;
}

			div#content ul.icon-list li a
		{
			background-image: none;
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			font-size: 1.27em;
			line-height: 1.2;
			margin-right: 30px;
			margin-left: 0em; /* Just to be sure */
			padding-left: 109px;
			padding-top: 25px;
			padding-bottom: 40px;
			text-decoration: none;
		}
		
			div#content ul.icon-list li a:hover
			{
				text-decoration: underline;
			}
		
			div#content ul.icon-list li.even a
			{
				margin-right: 0px;
			}
	
			div#content ul.icon-list li#ced-page-nav a
			{
				background-image: url(../media/photos/ico-ced.jpg);
			}
			
			div#content ul.icon-list li#health-page-nav a
			{
				background-image: url(../media/photos/ico-health.jpg);
			}
			
			div#content ul.icon-list li#tts-page-nav a
			{
				background-image: url(../media/photos/ico-tts.jpg);
			}
			
			div#content ul.icon-list li#nce-page-nav a
			{
				background-image: url(../media/photos/ico-nursing.jpg);
			}
			
			div#content ul.icon-list li#ee-page-nav a
			{
				background-image: url(../media/photos/ico-environment.jpg);
			}


/* =============== Tabular Data =============== */
div#content table.form-table
{
	margin-bottom: 0.5em;
}


/* 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
{
	width: 510px !important;
}


/* General reset for definition lists and unordered lists */
div#content dl,
	div#content dl dt,
	div#content dl dd,
	div#content ul
{
	margin-left: 0em;
	margin-right: 0em;
	
	padding-left: 0em;
	padding-right: 0em;
}

	div#content ul li
	{
		background-image: url(../media/common/bullet.png);
		background-repeat: no-repeat;
		background-position: 0em 0.5em;
		list-style: none;
		
		margin-left: 0em; /* Just to be sure */
		padding-left: 10px; /* Leave room for the background image */
	}
	
	
	/* =============== Options List ======================= */
	
	/* This is used for a list of options, such as a list
	 	of sorting options*/
	
	/* This makes use of auto float clearing:
		http://www.positioniseverything.net/easyclearing.html */

	div#content dl.options:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	div#content dl.options {
		display: inline-block;
	}

	/* Holly Hack Targets IE Win only \*/
	* html div#content dl.options {

		height: 1%;
	}

	div#content dl.options {

		display: block;
	}
	/* End Holly Hack */
	
		div#content dl.options dt, 
			div#content dl.options dd
		{
			margin: 0em;  /* Just to be sure */ 
			padding: 0em;  /* Just to be sure */
			
			float: left;
			display: inline; /* This helps IE with floated elements */
			
			background-image: none; /* Just to be sure */
		}
		
			div#content dl.options dd a
			{
				padding-left: 0.7em;
			}
		
	/* =============== Copy With Image ==================== */
	
	/* The div.copy-with-image bits hold markup consisting of an image and some
		copy made up of an (optional) h2 element and one or more paragraphs */
	
	/* This makes use of auto float clearing:
		http://www.positioniseverything.net/easyclearing.html */

	div#content div.copy-with-image:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	div#content div.copy-with-image {
		display: inline-block;
	}

	/* Holly Hack Targets IE Win only \*/
	* html div#content div.copy-with-image {

		height: 1%;
	}

	div#content div.copy-with-image {

		display: block;
	}
	/* End Holly Hack */
	
	div#content div.copy-with-image
	{
		/* Via margin-collapsing, this makes sure that there's at least
			this amount of space above a div.copy-with-image section */
		margin-top: 1.5em;
	}
	
	div#content div.copy-with-image img,
		div#content div.copy-with-image p
	{
		margin-bottom: 1.3em;
	}
	
		div#content div.copy-with-image img
		{
			float: right;
			display: inline; /* Helps IE with floated elements */
			
			/* This number could be in ems, but that wouldn't do much good,
				since the gutter would end up smooshing the text if/when
				the browser's text is resized */
			margin-left: 25px;
		}
	
	
	/* ============================== Primary-And-Secondary-Content-Section ========================== */

	/* This area contains a primary-content section and a secondary-content section */

	/* This makes use of auto float clearing:
		http://www.positioniseverything.net/easyclearing.html */

	div#content div.primary-and-secondary-content-section:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	div#content div.primary-and-secondary-content-section {
		display: inline-block;
	}

	/* Holly Hack Targets IE Win only \*/
	* html div#content div.primary-and-secondary-content-section {

		height: 1%;
	}

	div#content div.primary-and-secondary-content-section {

		display: block;
	}
	/* End Holly Hack */
	
		div.primary-and-secondary-content-section div.primary-content-section
		{
			float: left;
			display: inline; /* This helps IE with floated elements */
		
			width: 50.29%; /* 2650517 = 50.29% */
		}

		div.primary-and-secondary-content-section div.secondary-content-section
		{
			float: right;
			display: inline; /* This helps IE with floated elements */
		
			width: 45.9%; /* 237/517 = 45.84% */
			
			background-image: url(../media/secondary-content-section/secondary-content-section-background.gif);
			background-position: top left;
			background-repeat: no-repeat;
			
			padding-top: 7px; /* Leave room for the background image */
		}
		
			/* nursing and OSHA specific secondary content */
			body.nursing-section div.primary-and-secondary-content-section div.secondary-content-section
			{
				background-image: none;
				padding-top: none;
			}
	
				body.nursing-section div.primary-and-secondary-content-section div.secondary-content-section h5
				{
					background-image: url(../media/secondary-content-section/secondary-content-section-background-nursing.gif);
					padding-top: 7px;
				}
	
		/* ======= Properties for both Primary-Content-Section and Secondary-Content-Section ======== */
	
		/* These bits takes care of the indicator glyph, currently 
			a right-double-angle-bracket */
	
		div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p a span,
			div#content div.primary-and-secondary-content-section div.secondary-content-section dl dd a span
		{
			margin-left: 0.2em;
			padding-left: 1.0em;
			height: 1.0em;
			background-image: url(../media/common/link-indicator.gif);
			background-position: 0em 0.4em;
			background-repeat: no-repeat;
		}

			div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p a:focus span,
				div#content div.primary-and-secondary-content-section div.secondary-content-section dl dd a:focus span,
				
				div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p a:hover span,
				div#content div.primary-and-secondary-content-section div.secondary-content-section dl dd a:hover span,
				
				div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p a:active span,
				div#content div.primary-and-secondary-content-section div.secondary-content-section dl dd a:active span
			{
				background-image: url(../media/common/link-indicator_hover.gif);
			}


		/* =============================== Primary-Content-Section bits ===================== */
		
		/* The div.copy-with-image bits hold markup consisting of an image and some
			copy made up of an (optional) h2 element and one or more paragraphs */
		
		div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image
		{
			/* Normally 1.5em on regular div.copy-with-image sections within the div#content area */
			margin-top: 0em;
		}
		
		div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image img,
			div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p
		{
			margin-bottom: 1.3em;
		}
		
			div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image img
			{
				float: left;
				display: inline; /* Helps IE with floated elements */
				
				margin: 0px; /* Normally 25px if this weren't in a primary-content-section area */
			}
			
			div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image h2,
				div#content div.primary-and-secondary-content-section div.primary-content-section div.copy-with-image p
			{
				/* Keeps the text out of the way of the image, even if
					it ends up being taller than the image */
				margin-left: 112px; 
			}
			

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

		/* Indent all elements inside the secondary-content section */
		div#content div.primary-and-secondary-content-section div.secondary-content-section *
		{
			margin-left: 4%;
			margin-right: 4%;
		}

			/* ... but don't indent further nested elements */
			div#content div.primary-and-secondary-content-section div.secondary-content-section * *
			{
				margin-left: 0%;
				margin-right: 0%;
			}

		/* This holds promo content, such as info 
			about a new summer catalog */
			
		/* This makes use of auto float clearing:
			http://www.positioniseverything.net/easyclearing.html */

		div.secondary-content-section div.promo:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

		div.secondary-content-section div.promo {
			display: inline-block;
		}

		/* Holly Hack Targets IE Win only \*/
		* html div.secondary-content-section div.promo {

			height: 1%;
		}

		div.secondary-content-section div.promo {

			display: block;
		}
		/* End Holly Hack */
	

			/* This mostly pertains to the summer-catalog image */
			div#content div.primary-and-secondary-content-section div.secondary-content-section div.promo img
			{
				float: left;
				display: inline; /* This helps IE with floated elements */
				
				margin-right: 4%;
				
				/* Same as regular paragraphs -- ensures that at least this much space appears
					after the promo area */
				margin-bottom: 1.0em; 
			}

		div#content div.primary-and-secondary-content-section div.secondary-content-section dl dt,
			div#content div.primary-and-secondary-content-section div.secondary-content-section dl dd
		{
			/* Reset the margin/padding bits for these guys */
	
			margin-left: 0em;
			margin-right: 0em;
			padding-left: 0em;
			padding-right: 0em;
		}

/* ========================== Search-And-Secondary-Navigation bits ====================== */

div#content-and-secondary-navigation div#search-and-secondary-navigation
{
	border-top-width: 1px;
	border-top-style: solid;
}

div#search-and-secondary-navigation form#search
{
	background-image: url(../media/search/search-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	
	padding-bottom: 0.5em;
	
}

	div#search-and-secondary-navigation form#search fieldset
	{
		margin-left: 5%;
		margin-right: 5%;
	}

		div#search-and-secondary-navigation form#search input.text
		{
			width: 71%;
			margin-right: 0.1em;
		}

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

div#page div#page-footer
{}

	div#page-footer div.vcard div.org div,
		div#page-footer div.vcard div.address-and-phone-number div
	{
		display: inline;
		
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	

/* misc classes */

.divider
{
	border-bottom: 1px solid #ababab;
	padding-bottom: 2px;
}