@charset "utf-8";

/* Screen styles */
@media screen {

	/* First off, Eric Meyer's Reset CSS, v1.0 (20080212) */
	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; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
	html, body { height:100%; line-height:1; font-size:100.001%; }
	ol, ul { list-style:none; }
	blockquote, q { quotes:none; }
	blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
	/* Remember to define focus styles! */
	:focus { outline:0; }
	/* Remember to highlight inserts somehow! */
	ins { text-decoration:none; }
	del { text-decoration:line-through; }
	sup, sub { bottom:.5ex; font-size:.75em; position:relative; }
	sub { top: .25ex; }
	/* Tables still need 'cellspacing="0"' in the markup */
	table { border-collapse:collapse; border-spacing:0; }

	/* Element-level styles */
	html { background:#181818 url('img/bg-html.png') 50% 2px no-repeat; }
	body { color:#ccc; text-align:center; font:400 .85em/1.4 'segoe ui', 'helvetica neue', arial, sans-serif; }
	h1 { font-size:1em; }
	h2, h3, h4, h5, h6 { color:#fff; margin:0 0 .25em; letter-spacing:-.025em; font:700 2em/1.25 'helvetica neue', arial, sans-serif; }
	h3 { font-size:1.5em; }
	h4, h5, h6 { color:#333; font-size:1.4em; }
	h5 { font-size:1.2em; }
	h6 { font-size:1em; font-weight:400; letter-spacing:.15em; text-transform:uppercase; }
	p, pre { margin-bottom:1em; }
	blockquote { font-size: 1.05em; padding: .25em 2em; font-style: italic; }
	hr { height:0; border:0; width:80%; color:#fff; margin:1em auto; border-bottom:1px solid #ccc; }
	a { color:#df1e25; text-decoration:none; }
		a:hover { text-decoration:underline; }
	/* There should be a:visited rule but will turn off for now
		a:visited {
			color:#606;
		}
	*/
		a:active { color:#c33; }


	/* Form styles */
	form {}
		form fieldset { margin:0 0 1em; }
			fieldset legend { font-size:1.6em; font-weight:700; margin-bottom:.25em; }
			fieldset fieldset { margin:1em 0 0; }
		form p { clear:both; margin-bottom:.5em; }
		form small { top:3px; color:#999; font-size:.9em; position:relative; font-style:italic; }
		form label { display:block; }
			form .req label { font-weight:700; }
			form label.left { width:18em; float:left; text-align:right; margin:.25em 1em 0 0; }
		form input.txt, form textarea { width:16em; padding:.35em .15em; border:1px solid #aaa; border-color:#aaa #bbb #ccc #ddd; font:400 1em/1.2 'helvetica neue', arial, sans-serif; background:#fff url('img/bg-input_txt.png') top repeat-x; }
		form input.sm { width:5em; }
		form input.example { color:#aaa; }
		form textarea { width:55%; height:8em; overflow:auto; font-size:1em; }
			form textarea.wide { width:98%; }
		form .btns {
			margin-top:.25em; text-align:center; }
		form input.btn { font-size: .95em; padding: .25em .5em; vertical-align: bottom; }

	/* Class-level styles */
	.hi { color:#df1e25; }
	.lo { color:#888; }
	.hide { display:none; }
	.left { float:left; margin:0 1em 0 0; }
	.right { float:right; margin:0 0 0 1em; }
	.center { display:block; margin:0 auto; text-align:center; }
	.intro { color:#fff; font-size:1.3em; }
		.intro a { text-decoration:underline; }
			.intro a:hover { text-decoration:none; }
	.done { color:#393; margin-bottom:1em; }
	.errors { color:#c33; margin-bottom:1em; }
	.cite { text-align: right; }
	.pdf, .doc, .ppt, .rss { padding:2px 20px 2px 0; background:transparent url('img/bull-pdf.png') right 50% no-repeat; }
	.doc { background-image:url('img/bull-doc.png'); }
	.ppt { background-image:url('img/bull-ppt.png'); }
	.rss { background-image:url('img/bull-rss.png'); }
	.pic, img.left, img.right { padding:2px; background:#fff; border:1px solid #ddd; }

	/* Layout styles */
	#wrap { width:960px; height:100%; margin:0 auto; }
		#wrap #head {}
		#wrap #main { overflow:hidden; }
			#main #side { float:left; width:130px; margin:0 10px 0 0; }
			#main #page { float:left; width:360px; }
			#main #feat { float:left; width:280px; margin:0 100px 0 80px; }
		#wrap #foot { clear:both; margin:0 0 0 140px; padding:0 0 1em; }

	/* ID-level styles */
	#wrap { text-align:left; background:#181818 url('img/bg-wrap.png') right 2px no-repeat; }
		#wrap #head {}
			#head h1 {}
				#head h1 a {}
		#wrap #main {}
			#main #side { font-size:.85em; }
				#side ul#menu-pri { margin:0 0 2em 2em; }
					ul#menu-pri li { font-size:1.75em; list-style:none; margin-bottom:.25em; }
						ul#menu-pri li a { color:#999; }
							ul#menu-pri li a:hover { color:#fff; text-decoration:none; }
						ul#menu-pri li.current {}
							ul#menu-pri li.current a,
							ul#menu-pri li.current a:hover { color:#df1e25; cursor:default; }
			#main #page {}
				#page ul, #main ol { margin:.5em 2.5em 1em 1.5em; }
					#page ul li, #page ol li { list-style:disc; margin-bottom:.5em; }
					#page ol li { list-style:decimal; }
					#page ol ol, #page ul ul,
					#page ol ul, #page ul ol { margin-bottom:0; }
						#page ol ul li, #page ul ul li { list-style:circle; }
						#page ul ol li { list-style:decimal; }
					#page address { margin: 0 0 1em; font-style: normal; padding: 0 0 0 .5em; }
					#page a.external { padding-right:14px; background:transparent url('img/bull-external.png') right 25% no-repeat; }
			#main #feat { font-size:.85em; text-align:center; }
				#feat ul.gallery { margin:0 -10px 1em 0; padding:0; }
					ul.gallery li { float:left; background:#333; overflow:hidden; height:66px; width:86px; margin:0 10px 10px 0; padding:0; }
						ul.gallery li a { display:block; line-height:0; border:3px solid #ccc; }
							ul.gallery li a:hover { background:#2c2c2c; border-color:#fff; }
							ul.gallery li a img {}

		#wrap #foot { padding:3em 0 0; }
			#foot a {}
				#foot a:hover {}

	/* Page styles */
	/* Home */
	#p-index {}
		#p-index h2.ft { display:none; }

	/* Other styles */

}

/* Print styles */
@media print {

	.hide { display:none; }

}