/****************************************************************************************	
	[COMMON RULES]	for entire site + specifics for content area
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Back to my CSS */
body {
	color: #333;
	font: 11pt/1.5 "Frutiger Linotype", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
form legend {
	font-weight: bold;
	font-size: 14pt;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
form div {margin-bottom: 6px;}
form label {display: block;}
abbr {border: 0;}
blockquote, q {quotes: none;}
blockquote {margin: 0 0 0 12px;}
h1, h2, h3, h4, h5, h6 {
	font-size: 24pt;
	font-weight: 500;
	line-height: 1.0;
	color: #000;
	margin-bottom: 26px;
	text-transform: lowercase;
}
h1 img {margin-left: 2px;}
h2, h3, h4, h5, h6 {
	text-transform: none;
	margin-bottom: 16px;
	font-size: 16pt;
	font-weight: bold;
}
h3, h4, h5, h6 {
	font-size: 14pt;
	margin-bottom: 8px;
}
h4 {font-size: 13pt;}
h5, h6 {font-size: 12pt;}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, 
#main-content ul, 
#main-content ol {margin-bottom: 26px;}
/* Lists */
#main-content #page-copy ul,
#main-content #page-copy ol {margin-left: 30px;}
#main-content #page-copy ul {list-style: disc;}
	#main-content #page-copy ul ul {list-style: circle;}
		#main-content #page-copy ul ul ul {list-style: square;}
#main-content #page-copy ol {list-style: decimal;}
	#main-content #page-copy ol ol {list-style: lower-alpha;}
		#main-content #page-copy ol ol {list-style: lower-roman;}
#main-content #page-copy ul ul, 
#main-content #page-copy ol ol {margin: 10px 0 16px 20px;}

/****************************************************************************************
	[LAYOUT] for each layout division of the site
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
#header,
#sidebar #subnav,
#sidebar h1,
#quick-links-search,
ul#img-rotate,
#footer ul,
body.page-home #main-content,
#promo-panels-internal,
ul#extra-links,
ul#breadcrumbs,
div.promo-panels-internal,
#ctl00_promo_panels_internal,
#main-content table.seminars td p.link,
#main-content #search div.results table.searchPaging tr.searchPagingTwo td,
form #main-content fieldset.form-submit,
body.page-home #promo-panels div.promo-panel img {display: none;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 100%;
	background-color: #fff;
}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {padding: 20px 0;}

/* [PROMO PANELS - Homepage]
-------------------------------------------------------*/
body.page-home #promo-panels {
	float: left;
	width: 600px;
	padding: 20px 0 0 0;
}
	body.page-home #promo-panels div.promo-panel {
		float: left;
		width: 200px;
		font-size: 10pt;
		padding-right: 50px;
		padding-bottom: 20px;
	}
		body.page-home #promo-panels div.promo-panel h3 {
			margin-bottom: 1px;
			color: #000;
			font-size: 13pt;
			text-transform: lowercase;
			padding-bottom: 3px;
			border-bottom: 1px solid #000;
		}
		body.page-home #promo-panels div.promo-panel h4 {
			font-size: 11pt;
			margin-bottom: 2px;
		}
		body.page-home #promo-panels div.promo-panel p {
			line-height: 1.2;
			margin-bottom: 10px;
		}
		body.page-home #promo-panels div.promo-panel div.promo-margin-left {
			margin-left: 86px;
			padding-top: 10px;
		}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 1px solid #666;
	padding: 2px 0 0 0;
	clear: both;
}
	#footer p {
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #666;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/
/* [ONLINE SEMINARS]
-------------------------------------------------------*/
#main-content table.seminars {
	margin: -14px 0 1.5em 0;
	width: 99%;
}
	#main-content table.seminars td {
		vertical-align: top;
		border-bottom: 1px dashed #ccc;
		padding: 14px 0;
	}
	#main-content table.seminars td h2 {
		font-size: 13pt;
		font-weight: bold;
		margin-bottom: 0.60em;
	}
	#main-content table.seminars td p {margin-bottom: 0.60em;} 
	#main-content table.seminars td p.date {
		font-style: italic;
		color: #999;
		margin-bottom: 0;
	}
	#main-content table.seminars td p.no-margin {margin-bottom: 0;}

/* [NEWSLETTERS]
-------------------------------------------------------*/
#main-content table.newsletters {
	width: 99%;
	margin-bottom: 0;
}
	#main-content table.newsletters td {
		vertical-align: top;
		padding-left: 32px;
		padding-bottom: 12px;
	}
		#main-content table.newsletters td p {margin: 0;}
		#main-content table.newsletters td p.date {
			padding-top: 2px;
			margin-bottom: 0.50em;
			font-weight: bold;
		}

/* [GROUP HEADER]
-------------------------------------------------------*/
#main-content #page-copy h2.group-hdr {
	margin-bottom: 0.90em;
	padding: 0.20em 0.40em;
	text-transform: uppercase;
	font-size: 14pt;
}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

