* { margin: 0; padding: 0; text-decoration: none; outline: none; }
body { background: url('../images/mainBG.jpg') top left repeat-x; }
.clear { clear: both; }

#container { margin: 0 auto; padding: 0; width: 930px; }

#headerHome { background: url('../images/headerHome.jpg') top no-repeat; width: 930px; height: 384px; }
#headerContent { width: 930px; height: 242px; }
#headerContent.h1 { background: url('../images/headerContent1.jpg') top no-repeat; }
#headerContent.h2 { background: url('../images/headerContent2.jpg') top no-repeat; }
#headerContent.h3 { background: url('../images/headerContent3.jpg') top no-repeat; }
#headerContent.h4 { background: url('../images/headerContent4.jpg') top no-repeat; }
#headerContent.h5 { background: url('../images/headerContent5.jpg') top no-repeat; }
#headerContent.h6 { background: url('../images/headerContent6.jpg') top no-repeat; }
#headerContent.h7 { background: url('../images/headerContent7.jpg') top no-repeat; }

#teaserHome { margin: 0 15px; width: 900px; background-color: #1c2122; color: #fff; font-family: Arial; font-weight: 500; font-size: 12px; line-height: 20px; }
#teaserHome a { color: #fff; }
#teaserHome a:hover { color: #aab767; }
#teaserHome p { padding-bottom: 0; color: #fff; }
	#teaserHome .pad { padding: 25px 14px 25px 8px; }
	#teaserHome .pad td { background: url('../images/arrowTeaser.jpg') top left no-repeat; }
	#teaserHome .pad .right { border-right: 1px solid #434d50; padding-right: 20px; }
	#teaserHome .teaserColumn { padding: 0 0 0 52px; background: none; }

#content { margin: 0 15px; width: 900px; height: auto; min-height: 250px; background-color: #fff; font-family: Arial; }
	#content .pad { padding: 35px 30px; text-align: left; }
	#content.general { background: url('../images/contentBG.jpg') top no-repeat #fff; }
	#content.general .leftColumn { float: left; padding: 0 2px 0 12px; width: 190px; }
	#content.general .pad { float: left; width: 634px; }
	#content li { color: #1C2122; font-family: Arial; font-size: 12px; line-height: 20px; }

#footer { clear: both; margin: 0 15px; width: 900px; background-color: #dce5e7; }
	#footer #siteCreator { float: right; }
	#footer #copyright { float: left; padding: 20px 0 0 27px; color: #3a4547; font-family: Arial; font-size: 11px; font-weight: 500; }

/* Common styles */
.general { color: #1C2122; font-family: Arial; font-weight: 500; font-size: 12px; line-height: 20px; padding-bottom: 20px; }
ul { padding-left: 30px; margin-top: -15px; }
.generalli { color: #1C2122; font-family: Arial; font-weight: 500; font-size: 12px; line-height: 20px; }
.generalWhite { color: #ffffff; font-family: Arial; font-weight: 500; font-size: 12px; line-height: 20px; }

a.regLinkBottom { position: absolute; bottom: 0; right: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
a.fileLinkBottom { position: absolute; bottom: 18px; right: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

p { color: #1C2122; font-family: Arial; font-weight: 500; font-size: 12px; line-height: 20px; padding-bottom: 20px; }
a { color: #000; }
a:hover { color: #636b3b; }

#nav { margin: 0 15px; width: 900px; height: 75px; background-color: #fff; }
	#nav img { border: none; }
	#nav a img { border: none; }
#logo { float: left; width: 228px; height: 75px; }
#slogan { padding: 30px; text-align: left; }

.leftColumn ul { float: none; padding: 0 12px 0 0; }
.leftColumn ul li { padding: 5px 2px 5px 24px; border-bottom: 1px solid #d2d3d3; background: url('../images/arrowList.jpg')  0px 9px no-repeat; list-style: none; }
.leftColumn ul li ul { display: none; margin-top: 0; padding-left: 0; border-left: 1px solid #d2d3d3; }
.leftColumn ul li ul li { padding: 3px 0 3px 0; background: none; }
.leftColumn ul li ul li a { display: inline-block; margin-left: 4px; }
.leftColumn ul li ul li.selected a { font-weight: bold; }

label.info { display: block; width: 200px; font-size: 11px; }
label.info span { float: none; display: inline-block; width: 88px; font-weight: bold; }
label.wide span { width: 112px; }
address { display: block; font-size: 11px; font-style: normal; line-height: 120%; }

div.infoBlock { float: left; width: 316px; height: 78px; line-height: 120%; }
div.infoBlock label.info { width: 300px; }

div.searchResults { border: 1px solid #ccc; }
div.searchResult { position: relative; margin: 0; padding: 5px 6px 6px 3px; height: 64px; border-bottom: 1px solid #1c2122; }
div.searchResult.odd { background-color: #e6eced; }
div.searchResult h4 { font-size: 13px; }
div.searchResult a:hover { color: #1c2122; text-decoration: underline; }
div.searchResult h4 span { display: inline-block; width: 90px; }
div.searchResult p { padding-left: 5px; color: #444; }
div.searchResult h5 { position: absolute; bottom: 4px; right: 4px; color: #aaa; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; cursor: default; }
div.searchResult strong { color: #df3838; }

ul.sideNav { margin-top: 32px; }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-state-active { font-weight: bold; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { margin-bottom: 12px; padding: 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* TABLE DEFINITIONS */

table#programs, table#registration { clear: left; width: 100%; border-collapse: collapse; }
table#registration { margin-bottom: 18px; border: 1px solid #ccc; font-size: 12px; }
table#programs thead tr th, table#registration thead tr th { padding: 10px 2px 10px 8px; color: #fff; background-color: #000; border-right: 1px solid #ccc; font-weight: normal; text-align: left; }
table#programs tr td { padding: 10px 8px; color: #1c2122; background-color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #1c2122; text-align: left; }
table#registration tr td { padding: 5px 8px; color: #1c2122; background-color: #fff; border-right: 1px solid #ccc; text-align: left; }
table#programs tr td.right, table#registration tr td.right { border-right: none; }
table#programs tr.odd td, table#registration tr.odd td { background-color: #e6eced; }

table#registration tr.divide td { border-top: 1px dotted #1c2122; }
table#registration label { font-size: 1em; }

table thead tr th.header { cursor: pointer; }

table tr a.register { float: right; margin-top: -4px; margin-right: 8px; padding-left: 24px; background: url('../images/arrowList.jpg') left center no-repeat; text-align: right; text-transform: uppercase; }
table tr.odd a.register { background: url('../images/arrowListOdd.jpg') left center no-repeat; }
a.printable { float: right; margin: 0 8px 45px 0; padding-left: 24px; background: url('../images/arrowList.jpg') left center no-repeat; font-size: 12px; }
#content table p { padding-bottom: 0; }
table td span.sub { padding-left: 8px; color: #666; font-size: 11px; }

/* FORM ELEMENT DEFINITIONS */

#searchForm { margin: 0; padding-top: 22px; width: 191px; height: 36px; color: #fff; }
label { clear: left; float: left; margin: 0 4px 4px 0; font-size: 12px; }
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea, select { 
	float: left;
	margin: 0 4px 4px 0;
	padding: 2px 3px 1px 3px;
	color: #fff;
	background-color: #32393a;
	border: 1px solid #4d5859;
}
input[type="text"]:focus, input[type="submit"]:focus, textarea:focus, select:focus { border-color: #a8b565; }
input#search { margin: 0 4px 4px 0; width: 100px; }
input#btnSearch { clear: none; float: left; margin: 0; width: 24px; height: 24px; background: url('../images/btnSearch.jpg') no-repeat #1c2122; border: 1px solid #4d5859; cursor: pointer; }
input#btnSearch:hover { border-color: #a8b565; }
form label.price { float: right; width: 127px; }

p.spaced { line-height: 170%; }
p.clearfix { clear: both; float: none; margin: 0; padding: 0; height: 0; }
p.error { color: #900; }
p.success { color: #097509; }
p.error, p.success { clear: left; margin-left: 152px; font-size: smaller; }
div.sessionError { margin: -10px 0 0 0; padding: 0; }
div.sessionError p.error { margin: 0; font-size: 12px; }
fieldset p.error, fieldset p.success, fieldset input[type="submit"] { margin-left: 160px; }
fieldset input[type="text"], fieldset textarea { width: 200px; font-size: 12px; }
fieldset select { width: 208px; }
form fieldset label { margin: 0 0 4px 0; width: 160px; }

	/* Default form sizes (alters label widths and checkbox/radio offsets as well */
	form { margin: 0 4px; padding: 0; }
	form.small { width: 300px; }
	form.mid { width: 432px; }
	form.large { width: 600px; }
	form.x-large { width: 740px; }

	/* Default form positions */
	form.right { clear: right; float: right; }
	form.left { clear: left; float: left; }
	form.center { margin: 0 auto; }

	/* Fieldset and legend definitions / radio, checkbox, and submit offset classes and offset inheritance from form size class */
	span.access { text-decoration: underline; }
	hr { clear: both; margin: 14px 0; padding: 0; height: 1px; border-color: #999; }
	fieldset { float: left; margin: 0 36px 8px 0; padding: 6px 10px; width: 376px; border: 1px solid #aaa; -moz-border-radius: 5px; }
		fieldset fieldset, fieldset.radio, fieldset.check { clear: left; float: left; margin: 6px 0 10px 0; }

		form.small fieldset fieldset, form.small fieldset.radio, form.small fieldset.check, 
		form.small input[type="submit"], form.small input[type="radio"], form.small input[type="checkbox"] { margin-left: 44%; }

		form.mid fieldset fieldset, form.mid fieldset.radio, form.mid fieldset.check, 
		form.mid input[type="submit"], form.mid input[type="radio"], form.mid input[type="checkbox"] { margin-left: 44%; }

		form.large fieldset fieldset, form.large fieldset.radio, form.large fieldset.check, 
		form.large input[type="submit"], form.large input[type="radio"], form.large input[type="checkbox"] { margin-left: 44%; }

		form.x-large fieldset fieldset, form.x-large fieldset.radio, form.x-large fieldset.check, 
		form.x-large input[type="submit"], form.x-large input[type="radio"], form.x-large input[type="checkbox"] { margin-left: 44%; }

	legend { font-size: 11px; font-weight: light; font-style: italic; }
		legend span.access { font-size: smaller; }

	/* Default label sizes */
		label span.access { font-size: 12px; }
		form.small label { width: 44%; } form.mid label { width: 44%; } form.large label { width: 36%; } form.x-large label { width: 30%; }
		form label.short { width: 72px; } form label.mid { width: 108px; } form label.wide { width: 150px; } form label.x-wide { width: 200px; }

	/* Default submit, reset, and button properties */
	input[type="submit"], input[type="reset"], input[type="button"] { clear: left; float: left; margin: 5px 0 4px; 2px; }
	form input[type="submit"].inline, form input[type="reset"].inline, form input[type="button"].inline { clear: none; float: left; margin: -1px 0 6px 2px; }
	fieldset input[type="submit"], fieldset input[type="reset"], fieldset input[type="button"] { margin-bottom: 0; }

	/* Float inputs to their labels, set consistent paddings and margins */
	input[type="text"], input[type="password"], input[type="file"], select, textarea { float: left; margin: 0 0 6px 0; padding: 3px; border: 1px solid #313131; }
	input.topLabelled { clear: left; }

	/* Default radio button and checkbox properties & custom label classes for radio buttons and checkboxes */
	input[type="radio"], input[type="checkbox"] { clear: left; float: left; margin: 1px 0 4px 0; padding: 0; border: 0; }
	label.radio, label.check { clear: none; margin: 0 0 4px 4px; padding: 0; }
	label span { float: right; }
	span.red { color: #900; }

	form.small label.radio, form.mid label.radio, form.large label.radio, form.x-large label.radio { width: auto; }
	form.small label.check, form.mid label.check, form.large label.check, form.x-large label.check { width: auto; }

	/* Input, select, and textarea width classes and inheritance widths from form size class */
	form.small input[type="text"], form.small input[type="password"], form.small input[type="file"], form.small select, form.small textarea { width: 45%; }
	form input[type="text"].short, form input[type="password"].short, form input[type="file"].short, form select.short, form textarea.short { width: 80px; }

	form.mid input[type="text"], form.mid input[type="password"], form.mid input[type="file"], form.mid select, form.mid textarea { width: 45%; }
	form input[type="text"].mid, form input[type="password"].mid, form input[type="file"].mid, form select.mid, form textarea.mid { width: 140px; }

	form.large input[type="text"], form.large input[type="password"], form.large input[type="file"], form.large select, form.large textarea { width: 35%; }
	form input[type="text"].wide, form input[type="password"].wide, form input[type="file"].wide, form select.wide, form textarea.wide { width: 172px; }

	form.x-large input[type="text"], form.x-large input[type="password"], form.x-large input[type="file"], form.x-large select, form.x-large textarea { width: 30%; }
	form input[type="text"].x-wide, form input[type="password"].x-wide, form input[type="file"].x-wide, form select.x-large, form textarea.x-wide { width: 250px; }

	/* Remove margins for radio buttons and checkboxes in nested fieldsets */
	form.small fieldset fieldset input[type="radio"] { margin-left: 0; } form.mid fieldset fieldset input[type="radio"] { margin-left: 0; }
	form.large fieldset fieldset input[type="radio"] { margin-left: 0; } form.x-large fieldset fieldset input[type="radio"] { margin-left: 0; }
	form.small fieldset fieldset input[type="checkbox"] { margin-left: 0; } form.mid fieldset fieldset input[type="checkbox"] { margin-left: 0; }
	form.large fieldset fieldset input[type="checkbox"] { margin-left: 0; } form.x-large fieldset fieldset input[type="checkbox"] { margin-left: 0; }

/* sIFR style */
h1 { font-size: 28px; font-family: Arial; }
h2 { font-size: 36px; font-family: Arial; }
h3 { font-size: 18px; font-family: Arial; }

h3.message { margin-bottom: 12px; color: #a8b565; font-size: 16px; font-weight: 600; }

/* sIFR styles --- Screen only*/
.sIFR-hasFlash h1, .sIFR-hasFlash h1 a { font-size: 28px; width: 100%; line-height: 28px; font-weight: normal; text-decoration: none; outline: none; padding: 0 0 12px 0; margin: 0; display: inline; }
.sIFR-hasFlash h2, .sIFR-hasFlash h2 a { font-size: 36px; width: 100%; line-height: 36px; text-decoration: none; outline: none; padding: 0; margin: 0; display: inline; }
/*.sIFR-hasFlash h3, .sIFR-hasFlash h3 a { font-size: 18px; width: 100%; text-decoration: none; outline: none; padding: 0; margin: 0; display: inline; padding-bottom: 10px; }*/
.sIFR-flash { visibility: visible !important; margin: 0; display: inline; }
div#headerContent .sIFR-flash { margin-top: 32px; }
.sIFR-replaced { visibility: visible !important; display: inline; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: inline; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
/*.sIFR-hasFlash h3 { visibility: hidden; } */

/* end sIFR */
#teaserHome table { width: 100%; border: none; }
#teaserHome table td { padding-left: 52px; width: 280px; vertical-align: top; text-align: left; }

tr.overlined td { border-top: 2px solid #000; }

input#btnSubmit { margin-left: 160px; width: 138px; }
#loading {
	display: none;
	clear: left;
	position: relative;
	bottom: 26px;
	left: 158px;
	z-index: 150;
	margin: 0;
	padding: 0;
	width: 144px;
	height: 26px;
	background: #fff url('http://www.learning-network.org/application/views/includes/images/loading.gif') center center no-repeat;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

tr.surveyHeader td { padding: 3px 2px; background-color: #32393a; color: #fff; }
tr.surveyHeader td.narrow { padding: 2px; width: 20px; font-size: 11px; text-align: center; }
tr.surveyHeader td p { color: #fff; font-style: italic; }
td.surveyRadio { text-align: center; }
td.surveyRadio input { float: none; }