﻿/* ---------------------------------
	Cascading Style Sheet for
	www.meridianhillscoop.org
   --------------------------------- */

/* Globals */
	*		{ -moz-box-sizing:border-box; border:0; margin:0; padding:0; white-space:normal; }
	html		{ background-color:#FCD369; color:#02273B; font:normal 0.9em "Times New Roman",Georgia,serif; margin:0 auto; padding:0; }
	:focus 	{ outline:0; }

	body		{ background-color:#FCD369; color:#CC2310; margin:20px 0; }

	/* Links */
	a:link, 
	 a:visited,
	  a:active	{ color:#CC2310; padding:0; text-decoration:underline; }
	a:hover		{ text-decoration:none; }

	/* Headings */
	h1, h2,
	 h3, h4, h5	{ display:block; font:normal 1em "Times New Roman",Georgia,serif; padding:0; vertical-align:top; }
	h1			{ font-size:200%; margin:0 0 10px 0; }
	h2			{ font-size:175%; margin:10px 0; }
	h3			{ font-size:150%; margin:10px 0; }
	h4			{ font-size:125%; margin:10px 0; }
	h5			{ font-size:100%; margin:10px 0; }
	h6			{ font-size:75%; margin:10px 0; }

	/* Forms */
	form				{ color:#333; margin:0; padding:0; vertical-align:middle; }
	button			{ padding:3px 9px; }
	label				{ display:block; margin-bottom:3px; }
	input, textarea		{ background-color:#E7E7E7; border:1px solid #FFF; border-left-color:#C9C9C9; border-top-color:#C9C9C9; display:block; margin:0 0 12px 0; padding:2px 4px; vertical-align:middle; }
	input:focus,
	 textarea:focus	{ border:1px solid #C90000; }
	select			{ font:normal 90%; margin:0; padding:0; vertical-align:middle; }
	option			{ margin:0; padding:0; vertical-align:middle; }

	/* Lists */
	dl 		{ margin:0; padding:0; width:100%; }	
	dt 		{ float:left; font-size:0.8em; padding:4px 11px 2px; }	
	dd 		{ font-size:0.8em; padding:4px 11px 0 0; text-align:right; }
	ol, ul	{ margin:10px 50px; }
	li		{ margin:0px 10px; }

	/* Tables */
	table		{ border:0; }
	tr		{ border:0; }
	td		{ border:0; padding:2px 4px; }
	th		{ border:0; padding:2px 4px; }
	thead		{ background-color:#333; color:#FFF; }

	/* Containers */
	div					{ font-size:100%; margin:0; padding:0; }
	p					{ clear:both; font:normal 1em/110% "Times New Roman",Georgia,serif; margin:5px 0 10px 0; }
	blockquote			{ margin:5px 15px; padding:10px; }
	 blockquote:before,
	 blockquote:after,
	 q:before, q:after	{ content:""; }
	blockquote, q			{ quotes:"" ""; }

	/* Text */
	cite		{ color:#333; display:block; font-weight:bold; margin:5px 30px; text-align:right; }
	code		{ border-left:1px dotted #BBB; color:#333; display:block; font:normal 90%/200% "Courier New",Courier,mono,serif; margin:10px 20px; padding:0 10px; }
	em		{ font-style:italic; }
	strong	{ font-weight:bold; }

	/* Miscellany */
	fieldset	{ border:1px solid #333; padding:10px; }
	legend	{ margin:0; padding:0; }
/* -------------------------- */

/* Classes */
	.clear	{ clear:both; }
	.left	{ float:left; }
	.right	{ float:right; }

	img.left		{ margin:0 10px 10px 0; }
	img.right	{ margin:0 0 10px 10px; }

	.marginTop	{ margin-top:25px; }
	.paddingTop	{ padding-top:25px; }
/* -------------------------- */

/* Selectors */
	#content		{ clear:both; color:#CC2310; margin:0 auto; width:925px; }

	#contentLeft	{ float:left; width:250px; }
	#contentLeft li	{ padding:0 10px 5px 0; }
	#contentMiddle	{ float:left; width:400px; }
	#contentRight	{ float:right; padding-top:250px; width:250px; }
	#contentRight img	{ float:right; }

	#header					{ float:left; }
	#header img#headLogo		{ float:left; margin:25px 0; }
	#header img#headImage	{ float:right; margin:25px 0; }

	#navigation		{ clear:both; color:#CC2310; margin:10px auto; padding:20px; text-align:center; width:900px; }
	#navigation ul	{ list-style-type:none; text-align:center; }
	#navigation li	{ display:inline; padding:10px 20px; text-align:center; }

	ul#navigationLeft,
	 ul#navigationRight			{ float:left; list-style-type:none; margin:0; padding:0; width:250px; }
	ul#navigationLeft li,
	 ul#navigationRight	li		{ height:220px; text-align:center; }

	ul#navigationLeft li img,
	 	ul#navigationRight li img	{ clear:both; margin-top:40px; }

	ul#navigationLeft li a:link,
	 ul#navigationRight li a:link,
	  ul#navigationLeft li a:visited,
	   ul#navigationRight li a:visited	{ font-size:200%; padding:5px 10px; text-decoration:none; }

	ul#navigationLeft li a:hover,
	 ul#navigationRight li a:hover		{ text-decoration:none; }

	ul#navigationLeft li span,
	 ul#navigationRight li span	{ clear:both; display:block; }

	#homeCenter		{ background:url("../images/mhcnsTreeHome.gif") no-repeat; float:left; height:600px; width:400px; }
	#homeCenter span	{ display:none; }

	#footer		{ clear:both; margin:0 auto; padding:10px 0; text-align:center; width:900px; }
/* -------------------------- */
