body { font-family: lucida grande, lucida sans unicode, sans serif; font-size: 62.5%; }

#greyBg { background: #f5f5f5 url('../graphics/greyBgFade.png') bottom center no-repeat; padding-bottom: 50px; }
	#greyBg.frontpage { margin-bottom: 50px; }
.center { width: 980px; margin: 0 auto; }
.page { width: 980px; float: left; background: #fff; }

#top { float: left; width: 980px; height: 90px; padding-top: 40px; }
	#logo { float: left; }
	
#prinav { float: right; }
	#prinav ul { float: left; list-style: none; }
		#prinav ul li { float: left; }
			#prinav ul li a { float: left; line-height: 50px; padding: 0 8px 0 8px; margin: 0 2px; color: #00355a; font-size: 14px; text-decoration: none; }
			#prinav ul li a:hover, #prinav ul li.selected a { text-decoration: underline; }

#main { float: left; width: 980px; }

#footer { float: left; margin-top: 50px; display: inline; }
#footer.frontpage { margin: 0 0 50px 0; }
	#footer li { float: left; width: 200px; padding-right: 45px; }
	#footer li h5 { color: #00954f; font-size: 1.5em; padding-bottom: 10px; font-weight: bold; }
	#footer li p { padding: 5px 0; color: #828282; font-size: 1.3em; line-height: 1.3em; }
	#footer li a { color: #039751; font-size: 16px; text-decoration: none; display: block; margin-top: 5px; }
		#footer li a:hover { color: #00cc6c; text-decoration: underline; }

	#footer li#joinUs h5 { color: #0f72b5; font-size: 2em; margin-top: -5px; }

#credits { float: left; width: 980px; height: 200px; position: relative; margin-top: -14px; background: url('../graphics/creditMap.jpg') right top no-repeat; margin-bottom: 50px; padding-top: 30px; }
#credits.frontpage { background-image: url('../graphics/creditMap_frontpage.jpg'); }
	#credits .noa { font-size: 1.6em; color: #9d9c9c; }
		#credits .noa strong { font-size: 32px; color: #00964f; margin-top: -10px; display: block; }
	#credits .formAgenda { position: absolute; bottom: 0px; right: 0px; }

.clear { clear: both; }

/* General Type Styling */
#primary h1 { font-size: 4em; padding-bottom: 30px; }
#primary p { font-size: 1.4em; line-height: 1.4em; padding: 10px 0; color: #777; }

/* GUI elements */
.button { float: left; background: url('../graphics/button_left.png') left no-repeat; padding-left: 3px; margin-top: 7px; }
	.button a, #footer .button a { float: left; background: url('../graphics/button_right.png') right top; font-size: 12px; height: 26px; text-shadow: 1px 1px #44a1e0; font-weight: bold; color: #fff; text-decoration: none; line-height: 26px; margin: 0; padding: 0 30px 0 10px; }
	.button a:hover, #footer .button a:hover { background: url('../graphics/button_right.png') right bottom; color: #fff; text-shadow: 1px 1px #4192c9; text-decoration: none; }

/* #tablePage custom */
#tablePage { background: url('../graphics/table_page_bg.jpg') no-repeat top right; float: left; width: 980px; }
	#tablePage #primary { width: 490px; float: left; }
		#tablePage #primary h1 { padding: 61px 0 61px 65px; }
		#tablePage #primary table { width: 490px; margin-bottom: 50px; }
			#tablePage #primary table thead td { background: #f5f5f5; padding: 10px 0 10px 65px; font-size: 1.5em; color: #ff5d00; }
			#tablePage #primary table tbody td { font-size: 1.3em; padding: 7px 0; }
				#tablePage #primary table tbody .lastRow td { padding-bottom: 25px; }
			#tablePage #primary table .class { padding-left: 65px; }
			#tablePage #primary table .instructor { padding-right: 25px; text-align: right; }
	#tablePage #sidebar { width: 490px; float: right; position: relative; }
		#tablePage #sidebar .special { position: absolute; top: 323px; left: 0; width: 245px; height: 320px; }
/* #textPage custom */
#textPage { background: url('../graphics/textPage_bg_lines.gif') center repeat-y; float: left; width: 980px; }
	#textPage #secondary { float: left; width: 244px; height: 600px; padding-top: 160px; background: url('../graphics/secondary_default_bg.jpg') no-repeat top left; }
		#textPage #secondary ul { background:  #34383a url('../graphics/secnav_bg.jpg') no-repeat top left; width: 204px; height: 147px; padding: 15px 20px 0; }
			#textPage #secondary ul li { color: #fff; padding-bottom: 9px; font-size: 1.3em; }
				#textPage #secondary ul li.selected a { text-decoration: line-through; }
				#textPage #secondary ul li a { color: #fff; text-decoration: none; }
					#textPage #secondary ul li a:hover { text-decoration: underline; }
					
	#textPage #sidebar { float: right; width: 245px; padding-top: 160px; }
		#textPage #sidebar li { height: 160px; position: relative; background: url('../graphics/blue_bg.jpg') no-repeat; color: #fff; font-size: 1.4em; }
			#textPage #sidebar li h2 { font-weight: lighter; line-height: 1.5em; padding-bottom: 10px; }
			#textPage #sidebar li a.contact { background: url('../graphics/orange_bg.jpg') no-repeat; height: 160px; padding: 25px 25px 0 25px; display: block; color: #fff; text-decoration: none; }
				#textPage #sidebar li a.contact .noa { font-size: 2em; }
			#textPage #sidebar li a.groupTraining { display: block; color: #fff; background: url('../graphics/grouptraining.jpg') no-repeat; height: 160px; position: relative; text-decoration: none; }
				#textPage #sidebar li a.groupTraining .noa { position: absolute; bottom: 15px; left: 25px; font-size: 1.6em; }
	#textPage #primary { float: left; width: 410px; margin-left: 40px; display: inline; padding: 50px 0; }

/* .frontpageCustom */
.frontpageCustom .primaryImg { float: left; width: 490px; height: 480px; overflow: hidden; }
.frontpageCustom .frontpageHeader { float: right; width: 490px; height: 110px; padding-top: 50px; overflow: hidden; }
	.frontpageCustom .frontpageHeader { font-size: 2.8em; color: #ef7600; }
	.frontpageCustom .frontpageHeader p { padding-bottom: 5px; }
	.frontpageCustom a,
	.frontpageCustom a:visited { color: #ef7600; border-bottom: 1px solid; text-decoration: none; }
	
.frontpageCustom .centerImg { float: left; width: 245px; height: 160px; overflow: hidden; }
.frontpageCustom .secondaryImg { float: right; width: 245px; height: 320px; overflow: hidden; }
.frontpageCustom .openingHours { float: left; width: 205px; height: 130px; overflow: hidden; background: #f5f5f5; padding: 30px 20px 0; }
	.openingHours table { color: #00954f; width: 100%; }
		.openingHours table thead td { padding-bottom: 6px; font-size: 1.6em; }
		.openingHours table tbody { font-size: 1.5em; }
		.openingHours table td { padding: 3px 0; }
		.openingHours table td.time { text-align: right; }