/*
#424d5c		blue slate
#eeeeef		off white
#333		dark gray shadow
#111
*/

/* global stuff first */
body { margin: 0; padding: 0; background: #456; font: 12pt/14pt Calibri, Arial, Helvetica, sans-serif; color: #111; }
header, nav, section, article, aside, footer { display: block; }
table { border: none; border-collapse: collapse; }
	th, td { vertical-align: top; text-align: left; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
p { }

a { color: #424d5c; }
a:hover { text-decoration: none; }
	a img { border: 2px solid #424d5c; }

	
/* form templates */
form { }
	form ol, form ul { margin: 0 auto; padding-left: 0; padding-right: 0; }
		form ol label { display: inline-block; min-width: 200px; }
		form ul label { display: inline; }
		form li { margin: 0 auto; padding-left: 0; padding-right: 0; }
		form li.formField { padding-top: 5px; padding-bottom: 5px; list-style: none; }
			form li.formField:first-child { padding-top: 0; }
			form li.formField:last-child { padding-bottom: 0; }
		form ul.formFieldRadioGroup { display: inline; }
			form ul.formFieldRadioGroup li { list-style: none; }
		form ul.formFieldCheckboxGroup { display: inline; }
			form ul.formFieldCheckboxGroup li { list-style: none; }
	form fieldset { }
		form fieldset legend { font-weight: bold; }
		form fieldset li.formField:nth-child(even) {  }
		form fieldset li.formField:nth-child(odd) {  }
	form input[type='image'], form input[type='button'], form input[type='submit'] { cursor: pointer; }
	form input#honeyEmail, form label[for='honeyEmail'], form label[htmlFor='honeyEmail'] { position: absolute; top: -8000px; }
	form .fieldError { background-color: #ecc; }


/* global template */
#pageContainer { position: relative; max-width: 1200px; margin: 0 auto; background: #eeeeef; margin-top: 150px; }
	#pageHeaderContainer { position: fixed; top: 0; left: 0; width: 100%; min-height: 130px; z-index: 88; background-color: #eeeeef; border-bottom: 1px solid #424d5c; -moz-box-shadow: 0 10px 10px #333; -webkit-box-shadow: 0 10px 10px #333; box-shadow: 0 10px 10px #333; }
	#pageHeader { max-width: 1200px; margin: 0 auto; }
		#pageHeader nav { float: right; }
			#PageIndex a#menuIndex
			, #PageArticle a#menuArticle
			, #PageEvent a#menuEvent
			, #PageAbout a#menuAbout
			, #PageContact a#menuContact { text-decoration: none; }
	#pageBreadcrumbs { max-width: 1200px; margin: 0 auto; margin-bottom: 10px; }
	#contentContainer { overflow: auto; padding: 10px 30px; }
		#contentContainer h1 { font-size: 1.8em; color: #424d5c; }
		#contentContainer h2, #contentContainer h3 { font-size: 1.1em; }
		#contentContainer section { }
	#pageFooter { clear: both; background: #456; color: #eeeeef; }
		#pageFooter p { font-size: 0.9em; text-align: center; }

	ol.subMenu, ul.subMenu { margin: 0; padding: 0; }
		ol.subMenu li, ul.subMenu li { display: inline; margin: 0; padding: 0 0 0 10px; list-style: none; }
		ol.subMenu li:first-child, ul.subMenu li:first-child { padding-left: 0; }

	time.published { border-width: 0; }

#imageDialogContainer { position: absolute; top: 0; left: 0; display: none; margin: 0 auto; z-index: 88; background-color: #111; -moz-box-shadow: 10px 10px 10px #333; -webkit-box-shadow: 10px 10px 10px #333; box-shadow: 10px 10px 10px #333; }
a[rel~='external'] { padding-right: 20px; background: url(../../assets/images/external-window.gif) top right no-repeat; }