/****
 **** QUICK KEYWORD REFERENCE
 ****
 **** In my dream world, CSS 2.1 would allow you to define your own keywords.
 **** See http://www.albin.net/css/keywords for more info.
 ****/

/*		#ffffff;		/* -color-body */
/*		#000000;		/* -color-body-font */
/*		#0000ff;		/* -color-link */
/*		#ff0000;		/* -color-link-visited */
/*		#ffffff;		/* -color-link-hover */
/*		#0000ff;		/* -color-link-hover-bg */
/*		#666666;		/* -color-abbr-underline */
/*		#000000;		/* -color-box-font */
/*		#eeeeee;		/* -color-box-background */
/*		#c0c0c0;		/* -color-box-border */
/*		#cc0000;		/* -color-warning-red */
/*		#777777;		/* -color-faded */
/*		#e5e5e5;		/* -color-faded-background */
/*		#777777;		/* -color-credits */
/*		#333333;		/* -color-credits-hover */


/****
 **** GENERAL PAGE LAYOUT (listed in order of appearance in html source code)
 ****/
/*
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *     display, position, float, clear, width, height, min-width, min-height
 *     margin, border, padding, overflow
 */


/** body **/
	body
	{
		background-image: url(../images/background.jpg);
		background-position: center top;
		background-repeat: repeat;
	}

	#centeredDiv
	{
		margin-left: auto;
		margin-right: auto;
		width: 658px;
	}

	#pageWrapper
	{
	}

/** header **/
	#headerWrapper
	{
		background-image: url(../images/header.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 133px;
	}

	#header
	{
	}

/** main (container for everything else) **/
	#mainWrapper
	{
		background-image: url(../images/main-middle.jpg);
		background-repeat: repeat-y;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 8px;
		padding-top: 8px;
	}

	#main
	{
	}

/** content **/
	#contentWrapper
	{
		float: left;
		width: 580px;
		margin-left: 0px;
		margin-right: -760px;
		overflow: visible;
		min-height: 400px;
		background-color: #f3d7e0;
		padding: 23px;
		margin-top: 50px;
	}
	
	#contentWrapperHome
	{
		float: left;
		width: 624px;
		height: 455px;
		margin-left: 0px;
		margin-right: -760px;
		overflow: visible;
		background-color: #8d9ed0;
		padding-top: 52px;
	}

	#content
	{
		background-color: #ffffff;
		min-height: 400px;
	}

	#content-text
	{
		padding: 17px;
	}
	
	#content-with-sidebar
	{
		padding-top: 17px;
		padding-bottom: 17px;
		padding-left: 210px;
		padding-right: 17px;
	}
/** navbar **/
	#navbarWrapper
	{
		float: left;
		width: 626px;
		margin-left: 0;
		margin-right: -760px;
		height: 53px;
		padding-bottom: 1px;
		overflow: hidden;	/* may need to be removed if using a dynamic drop-down menu */
	}

	#navbar
	{
	}

	#navbar ul
	{
		margin-top: 0;
		padding-left: 0;
		text-align: center;
	}

	#navbar li
	{
		display: inline;
		padding-left: 0px;
		padding-right: 0px;
	}

	#navbar .nav-links-img li
	{
		padding: 0;
	}

/** sidebar **/
	#sidebarWrapper
	{
		float: left;
		width: 185px;
		margin: 8px;
		overflow: visible;
		background-color: #f3d7e0;
		min-height: 384px;
	}

	#sidebar
	{
	}

/** footer **/
	#footerWrapper
	{
		clear: both;
	}

	#footer
	{
		background-image: url(../images/footer.jpg);
		height: 52px;
		position: relative;
		bottom: 8px;
		padding-left: 23px;
		padding-right: 23px;
		padding-top: 4px;
		background-repeat: no-repeat;
	}

/** clearing floats **/
	/*	http://www.positioniseverything.net/easyclearing.html
		See also the corresponding CSS in ie7.css */
	.clear-block:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* clearing floats for IE Mac */
	.clear-block
	{
		display: inline-block;
	}

	/* to hide from IE Mac, use this back-slashed comment: \*/
	.clear-block
	{
		display: block;
	}
	/* any regular comment will now end hiding from IE Mac */

	/* clearing floats for IE Win requires "zoom: 1".
	   See ie7.css file for implementation. */


/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
	body
	{
		font-size: 0.75em;	/* 16px * .75 = 12px */
		font-size: 0.875em;	/* 16px * .875 = 14px */
	}

	body, caption, th, td, input, textarea, select, option, legend, fieldset
	{
		/* PICK A FONT FAMILY */
		font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
		font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
		font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
		font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
		font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
		font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
		font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	}

/** block-level styling **/
	h1, p#site_name	{	font-size: 1.5em;	}
	h2				{	font-size: 1.2em;	}
	h3				{	font-size: 1.1em;	}
	h4, h5, h6		{	font-size: 1em;		}

	p, h1, h2, h3, h4, h5, h6, table
	{
		margin-top: 1em;
		margin-bottom: 0;
	}

	p:first-child,
	h1:first-child, h2:first-child, h3:first-child,
	h4:first-child, h5:first-child, h6:first-child,
	table:first-child
	{
		margin-top: 0;
	}

	/* give elements adjacent to headers smaller top margins */
	h1+p, p#site_name+p, h2+p, h3+p, h4+p, h5+p, h6+p,
	h1+div, p#site_name+div, h2+div, h3+div, h4+div, h5+div, h6+div,
	h1+ul, p#site_name+ul, h2+ul, h3+ul, h4+ul, h5+ul, h6+ul,
	h1+ol, p#site_name+ol, h2+ol, h3+ol, h4+ol, h5+ol, h6+ol,
	h1+table, p#site_name+table, h2+table, h3+table, h4+table, h5+table, h6+table
	{
		margin-top: 0.5em;
	}

	/* un-comment if header is an image with alt attribute
	h1#site_name, p#site_name
	{
		margin: 0;
		padding: 0;
		text-align: center;
	}

	h1#site_name img, p#site_name img
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	*/

/** lists **/
	ul, ol
	{
		margin-top: 1em;
		margin-bottom: 0;
	}

	ul ul, ul ol,
	ol ol, ol ul
	{
		margin-top: 0;
	}

	ul:first-child, ol:first-child
	{
		margin-top: 0;
	}

	/* standardize list item indentation */
	ul, ol
	{
		margin-left: 0;
		padding-left: 2em;
	}

	li
	{
		margin: 0;
		padding: 0;
	}

	ul				{ list-style-type: disc; }
	ul ul			{ list-style-type: circle; }
	ul ul ul		{ list-style-type: square; }
	ul ul ul ul		{ list-style-type: circle; }
	ol				{ list-style-type: decimal; }
	ol ol			{ list-style-type: lower-alpha; }
	ol ol ol		{ list-style-type: decimal; }

/** links **/
	a:link
	{
		color: #0000ff;		/* -color-link */
	}

	a:visited
	{
		color: #ff0000;		/* -color-link-visited */
	}

	a:hover
	{
		color: #ffffff;		/* -color-link-hover */
		background-color: #0000ff;		/* -color-link-hover-bg */
		text-decoration: none;
	}

	a img
	{
		border: none;
		vertical-align: top;
	}

/** abbreviations **/
	abbr
	{
		font-style: normal;	/* Safari italicizes abbr! */
		border-bottom: 1px dotted #666666;		/* -color-abbr-underline */
		cursor: help;
		white-space: nowrap;
	}


/****
 **** GENERAL ELEMENT STYLES (grouped by related styles)
 ****/


/** body **/
	body
	{
		/*
		background-image: url(/images/background.gif);
		background-position: center top;
		background-repeat: repeat-y;
		*/
		background-color: #ffffff;		/* -color-body */
		color: #000000;		/* -color-body-font */
	}

	#centeredDiv
	{
	}

	#pageWrapper
	{
	}

/** header **/
	#headerWrapper
	{
	}

	#header
	{
	}

	h1#site_name, p#site_name
	{
		margin-bottom: 0;
	}

	/*
	h1#site_name, p#site_name
	{
		position: absolute;
		left: 0;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	*/

	#skipToNav
	{
		margin: 0 !important;
		text-align: center;
		font-size: 0.8em;
	}

	#skipToNav a:link, #skipToNav a:visited
	{
		color: #c12d5e;	/* -color-body */
	}

	#skipToNav a:hover
	{
		color: #ffffff;		/* -color-link-hover */
		background-color: #c12d5e;		/* -color-link-hover-bg */
	}

/** main (container for everything else) **/
	#mainWrapper
	{
	}

	#main
	{
	}

/** content **/
	#contentWrapper
	{
	}

	#content
	{
	}
	
	#content p
	{
		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#content h1
	{
		color: #c12d5e;
	}
	
	.accent
	{
		color: #c12d5e;
		font-weight: bold;
	}
/** navbar **/
	#navbarWrapper
	{
	}

	#navbar
	{
	}

/** sidebar **/
	#sidebarWrapper
	{
	}

	#sidebar
	{
	}
	
	.sidebar-header
	{
		background-color: #eab8c8;
		padding: 8px;
	}

	.sidebar-header h1
	{
		font-family: Verdana;
		font-weight: bolder;
		text-align: center;
		color: #eab8c8;
		font-size: small;
	}
	
	.sidebar-body
	{
		background-color: #f3d7e0;
		font-family: Verdana;
		color: #666666;
		font-size: 11px;
		padding-top: 9px;
		padding-left: 4px;
		padding-right: 5px;
	}
	
/** footer **/
	#footerWrapper
	{
	}

	#footer
	{
		font-size: 0.8em;
	}

	#footer p
	{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

/** content area stying **/
	.highlight
	{
		color: #0000ff;		/* -color-link */
	}

	.warning
	{
		color: #cc0000;		/* -color-warning-red */
		font-weight: bold;
	}

	.no-top-margin
	{
		margin-top: 0px;
	}

	span.pullquote
	{
		display: block;
		float: right;
		width: 150px;
		margin: 0px 0px 8px 16px;
		color: #0000ff;		/* -color-link */
		font-size: 1.2em;
		font-style: italic;
		font-weight: bold;
		text-align: center;
	}

	.errorMessage
	{
		padding: 10px;
		background-color: #e5e5e5;		/* -color-faded-background */
		color: #777777;		/* -color-faded */
		font-size: 0.8em;
		font-family: Arial, sans-serif;
	}

	.errorMessage .errorReason
	{
		margin-top: 0;
		font-style: italic;
		font-weight: bold;
	}

	.errorMessage p
	{
		margin-top: 0;
	}

/** boxes **/
	div.highlight-box
	{
		margin: 1em 2em 0px 2em;
		border: 2px solid #0000ff;		/* -color-link */
		padding: 8px 10px;
	}

	div.highlight-box *:first-child
	{
		margin-top: 0px;
	}

/** inline blocks **/
	div.paragraph h2, div.paragraph h3,
	div.paragraph h4, div.paragraph h5, div.paragraph h6,
	div.paragraph p, div.paragraph ul, div.paragraph li
	{
		display: inline;
	}

/** columns **/
	div.colLeft
	{
		float: left;
		width: 200px;
		margin-right: -200px;
	}

	div.colRight
	{
		float: left;
		width: 200px;
		margin-left: 215px;
		margin-right: -415px;
	}

/** floating images **/
	.imgLeft, .imgTopLeft, .imgBottomLeft
	{
		margin-right: 16px;
		float: left;
	}

	.imgRight, .imgTopRight, .imgBottomRight
	{
		margin-left: 16px;
		float: right;
	}

	.imgLeft, .imgBottomLeft, .imgRight, .imgBottomRight
	{
		margin-top: 8px;
	}

	.imgLeft, .imgTopLeft, .imgRight, .imgTopRight
	{
		margin-bottom: 8px;
	}

/** credits **/
	p#credits, p#credits a:link, p#credits a:visited, p#credits a:hover
	{
		color: #777777;		/* -color-credits */
		text-decoration: none;
	}

	p#credits a:hover
	{
		background-color: transparent;
		color: #333333;		/* -color-credits-hover */
	}

	p#credits a span
	{
		text-decoration: underline;
		margin-left: -2px;
		padding: 0 2px;
	}

	p#credits a:hover span
	{
		color: #ffffff;		/* -color-link-hover */
		background-color: #0000ff;		/* -color-link */
		text-decoration: none;
	}

	p#credits span.more
	{
		display: none;
	}


/****
 **** TEMPORARY STYLES (to enable visualization of layout)
 ****/
/*	#mainWrapper	{	background-color: #ffff99;	}
	#contentWrapper	{	background-color: #ccccff;	} 
	#navbarWrapper	{	background-color: #ccffcc;	} 
	#headerWrapper	{	background-color: #cccccc;	} 
	#footerWrapper	{	background-color: #ffffff;	}
	#content		{	border: 1px dotted #0000ff; }
	#navbar			{	border: 1px dotted #00ff00; }
	#sidebar		{	border: 1px dotted #ff0000; }
	#header			{	border: 1px dotted #666666; }
	#footer			{	border: 1px dotted; }*/