/* ---------------------------- */
/* STYLES FOR TEMPLATE:			*/
/* MODERN						*/
/* ---------------------------- */

/* ---------------------------- */
/* NOTES, ETC.					*/
/* ---------------------------- */
/* ---------------------------- */
/*
/* margin:0 auto; horizontally centers an element within its container
   without center aligning the text.
   
/* font:100%; helps fonts render and scale consistently universally
   across browsers, including IE.
   
/* comments beneath declarations are meant to help elaborate the purpose
   of the declaration. similarly, comments beneath rules are meant to
   elaborate the purpose of a specific rule.

/* ---------------------------- */


/* ---------------------------- */
/* ---------------------------- */
/* RESETS & BASICS              */
/* ---------------------------- */
/* ---------------------------- */
/* ---------------------------- */

html, body,
div, span,
table, tr, td,
h1, h2, h3, h4,
p, a,
ul, li,
hr, blockquote, img { margin:0; padding:0; border:0; }

html, body, #wrapper, #container, #content, #sidebar { height:100%; }

body { font:100%/1.25em Arial, Helvetica, sans-serif; }

#wrapper, #container {
	height:auto !important;
	/* forces #wrapper and #container to expand to contain the floated #content and #sidebar */
}

span.hide { display:none; }

/*------------------------------*/
/* WRAPPER, TOP NAV, CONTAINER  */
/*								*/
#wrapper {
	margin:0 auto;
	width:760px;
}


#INFOCUSinfo {
	font-size:0.725em; font-weight:bold; line-height:1.5em; color:#333333; /* dark gray */
	height:145px; width:290px;
	margin:0 10px 25px 0;
	float:left;
}
	
	#INFOCUSinfo img { }
	
	#INFOCUSinfo p { display:none; }
	

/*------------------------------*/
/*-----------HEADER-------------*/
/*								*/
	#header {
		height:145px; width:455px;
		float:right;
		border-left:dashed 2px #DDDDDD;
		margin:0 0 28px 0;
	}
	
		#header h1 {
			font:bold 1em/0.625em "Arial Black", Arial, Helvetica, sans-serif; color:#231F20;
		}
		
		#header h1 a img {
			margin:25px 5px 0 25px;
		}

		#header h1 big {
			font-size:1em;
			margin-left:25px;
		}
		
		#header h1 small {
			font-size:1em;
		}
			
/*------------------------------*/
/*navigation					*/
	ul#nav { display: none; }

/*------------------------------*/
/*-----------CONTENT------------*/
/*								*/
	#content {
		width:455px;
		float:right;
		border-left:dashed 2px #DDDDDD;
	}
		
		#content h2 {
			font:bold 1.25em "Arial Black", Arial, Helvetica, sans-serif; color:#000000;
			width:440px;
			padding:13px 0 15px 25px;
		}
		
		#content h3 {
			font-size:0.95em; font-weight:bold;
			padding:0px 25px 5px;
		}
		
		#content p, #content ul {
			font-size:0.75em;
			color:#231F20; /* near-black */
		}
		
		#content p {
			padding:0 0 1.25em 25px;
			width: 430px;
		}
		
			#content a { font-weight:bold; }
			#content a:link,
			#content a:visited,
			#content a:hover,
			#content a:active {
				color:#CE242B; /* red */
				text-decoration:underline;
			}
			
		#content ul {
			line-height:1.6em;
			margin:-0.5em 0 1em 4.125em;
		}
		
			#content ul li { padding-bottom:0.6em; }
			
/*------------------------------*/
/*-----------SIDEBAR------------*/
/*								*/
	#sidebar {
		float:left;
		width:290px;
		margin-right:5px;
	}
	
		#sidebar h4 {
			font:bold 0.85em "Arial Black", Arial, Helvetica, sans-serif; color:#231F20;
			margin:10px 0 10px 5px;
		}
		
		#sidebar ul {
			font-size:0.7em; line-height:1.25em; color:#453D3F; /* light grey */
			list-style:none;
			margin:0 1.125em 2em 1.5em;
		}
		
			#sidebar ul li { padding-bottom:0.625em; }
			
			#sidebar li a { font-weight:bold; }
				
				#sidebar li a:link {
					color:#CE242B; /* red */
					text-decoration:none;
				}
				#sidebar li a:visited {
					color:#555555; /* gray */
					text-decoration:none;
				}
				#sidebar li a:hover,
				#sidebar li a:active {
					color:#CE242B; /* red */
					text-decoration:underline;
				}
			
		#sidebar img { display:none; }

/*------------EVENTS------------*/
/*if there is an events pane,	*/
/*this styles it. simply remove	*/
/*"display:none;" from the		*/
/*selector.						*/

		#sidebar div#events { display:none; }
		
			#sidebar div#events ul { margin-top:-1em; }
			
				#sidebar div#events ul li { padding-bottom:0px; }
				#sidebar div#events ul li h5 {
					font-size:1.1em; font-weight:bold; color:#FFFFFF; /* white */
					margin-bottom:0px;
				}
				#sidebar div#events ul li p.date {
					font-size:0.95em; font-style:italic; color:#B5C1CF; /* light blue-grey */
				}
				#sidebar div#events ul li p.description { }

				
/*------------------------------*/
/*-----------FOOTER-------------*/
/*								*/
	p#footer {
		clear:both;
		font-size:0.75em; font-weight:bold; color:#231F20; /* near-black */
		margin-left:330px;
		padding:10px 0 15px 0;
	}