/*<![CDATA[*/

/* Document 
========================================================== */

/* Page Properties
------------------------------------------------ */
/* Hides from IE-mac \*/
html { overflow: auto; }/* Hides inactive IE browser scrollbar. (http://archivist.incutio.com/viewlist/css-discuss/600) */
/* End hide from IE-mac */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: #fff;
	}

/* Font Sizing
------------------------------------------------ */
/* http://clagnut.com/blog/348/
http://www.netmag.co.uk/zine/design-tutorials/20-pro-tips
This makes one em or 100% roughly ten pixels (16 x 62.5% = 10).
Now you can equate pixel sizes to ems, 10px = 1.0em. Or 10px = 100%.
Joshua Logsdon is using 1.38 to be more precise with how font sizes seem to be rounding. */
html { font-size: 1.25em; } /* In IE 16px is the default font size, 1.25×16px = 20px. */
body { font-size: 50%; } /* Adjusts base font to 10px. */
html>body { font-size: 10px; } /* Overrides the above in all browsers except IE. */
div, table, h1, h2, h3, h4, h5, h6, p, * { font-size: 100%; } /* IE hack for cascading body font-size. */
html, body, div, table, h1, h2, h3, h4, h5, h6, p, * { font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Default Links
------------------------------------------------ */
a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #0033FF;
	}
a:hover, a:active {
	color: #0099ff;
	}
a:active, a:focus { /* Removes focus outline from links used by mouse, tab remains. 
http://sonspring.com/journal/removing-dotted-links
http://www.maratz.com/blog/archives/2006/01/20/outline-property-for-image-replaced-link/ */
	outline: none;
	/* -moz-outline-style: none; */
	}

/* Containers and Columns
------------------------------------------------ */
#bodyContainer { text-align:center; } /* Center the container inside the wrapper. */
	#contentContainer {
		margin: 0px auto; /* Brings in the div margins, keeping only the width. */
		padding: 0px 0px 3px 0px;
		width:760px;
		text-align: left; /* Now counter the centering of content. */
		}

#colContainer {
	background: #fff url(../images/gfx-bg_left-menu.gif) repeat-y;
}

#leftCol {
	float: left;
	width: 155px;
}

#leftCol_menu {
	overflow: hidden;
	width: 155px !important; /* <content width> for all */
	width /**/: 155px;/* <content width + paddings + borders> for IE/Win */
	padding-bottom: 7px;
	background: #882345;
	}
	#leftCol_menu h1 {
		margin: 0px 5px 3px;
		padding: 0px 5px 3px;
		font: normal 700 140%/1em Georgia, 'Times New Roman', Times, serif;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #d8e1a9;
		}
	#leftCol_menu ul {
		display: block;
		overflow: hidden;
		/* left padding works with the li padding below, spacing the first left li */
		margin: 0px;
		padding: 0px; /*padding-left: 1px;
		border: solid 1px #d2e0f0; border-width: 0px 0px 0px 2px;*/
		list-style: none;
		font-size: 90%;
		background: transparent;
		}
		#leftCol_menu ul li {
			display: inline;
			margin: 0;
			padding: 0;
			text-align: left;
			background: transparent;
			}
		#leftCol_menu ul li img { /* http://www.thescripts.com/forum/thread582896.html */
			display: block;
			margin: 0;
			border: 0;
			}
			#leftCol_menu ul li a,
			#leftCol_menu ul li a:link,
			#leftCol_menu ul li a:visited,
			#leftCol_menu ul li a:hover,
			#leftCol_menu ul li a:active {
				display:block;
				margin: 0;
				/*border: solid 1px #fff; border-width: 1px 0px;*/
				padding: 4px 2px 4px 6px;
				font: normal normal 110%/normal Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				color: #fdfeef;
				background: #882345;
				}
				#leftCol_menu ul li a:hover,
				#leftCol_menu ul li a:active {
					text-decoration: underline;
					color: #fdfeef;
					background: #5a0000;
				}
			
			#leftCol_menu ul li.online_extra a,
			#leftCol_menu ul li.online_extra a:visited {
				border: 1px solid #882345;
				border-width: 0px 1px;
				color: #781F25;
				background: #fff;
				}
			#leftCol_menu ul li.online_extra a:hover,
			#leftCol_menu ul li.online_extra a:active {
				color: #fff;
				background: #5a0000;
			}
			
			#leftCol_menu ul li.active a,
			#leftCol_menu ul li.active a:link,
			#leftCol_menu ul li.active a:visited,
			#leftCol_menu ul li.active a:hover,
			#leftCol_menu ul li.active a:active {
				border: solid 1px #fdfeef;
				border-width: 1px 0px 1px;
				padding-left: 5px;
				font-weight: 700;
				text-decoration: none;
				color: #fff;
				background: #5a0000;
				}
				#leftCol_menu ul li.active a:hover,
				#leftCol_menu ul li.active a:active {
					text-decoration: underline;
				}
				#leftCol_menu ul li.active .last {
					border-bottom: solid 1px #634518;
				}
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#leftCol_menu ul li a { float:none; } /* End IE5-Mac hack */


#leftCol_subSection {
	border-top: solid 1px #ebdecc;
	padding: 0;
	font: normal normal 100%/normal Verdana, Arial, Helvetica, sans-serif;
	color: #fdfeef;
	background: #882345;
	}
	#leftCol_subSection span.heading {
		display: block;
		margin: 0;
		padding: 0 0 5px 0;
		font: normal 700 140%/100% Georgia, 'Times New Roman', Times, serif; 
		color: #fff;
		}
	#leftCol_subSection a,
	#leftCol_subSection a:link,
	#leftCol_subSection a:visited, 
	#leftCol_subSection a:hover,
	#leftCol_subSection a:active {
		display: block;
		margin: 0;
		padding: 15px 5px;
		text-decoration: none;
		color: #fdfeef;
		}
	#leftCol_subSection a:hover,
	#leftCol_subSection a:active {
		background: #5a0000;
		}
	#leftCol_subSection a.active,
	#leftCol_subSection a.active:link,
	#leftCol_subSection a.active:visited, 
	#leftCol_subSection a.active:hover,
	#leftCol_subSection a.active:active {
		border: solid 1px #fdfeef;
		border-width: 1px 0px 1px;
		text-decoration: none;
		background: #5a0000;
		}
			
#rightCol {
	float: left;
	width: 605px;
	background: #fff;
}

/* Headings
========================================================== */

/* 
attribute 
dateline
lead-in
cutline/caption */
.headline {
	margin-left: 1px;
	border-bottom: solid 3px #9CA6DD;
	padding: 8px 20px 7px 10px;
	background: #003591 url(../images/gfx-page-corner.gif) no-repeat top right;
	}
	.headline h2 { /* headline */
		margin: 0px;
		font: 700 160%/normal Georgia, 'Times New Roman', Times, serif;
		color: #fff;
	}
	.headline h6 { /* byline */
		float: right; 
		display: inline;
		margin: 0px 0px 0px 10px;
		border: 1px solid #9CA6DD;
		border-width: 0px;
		padding: 0.3em 0px 0.1em 0.5em;
		font: 400 110%/normal Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	.lead-in {
		margin-bottom: 0px;
		margin-left: 1px;
		padding: 10px 10px;
		border-bottom: solid 1px #9CA6DD;
		font: 400 120%/normal Verdana, Arial, Helvetica, sans-serif;
		color: #003591;
		background: #E9EBF7;
		}
	.byline {
		margin-left: 1px;
		padding: 10px 10px;
		border-bottom: dashed 1px #9CA6DD;
		font: 400 120%/normal Verdana, Arial, Helvetica, sans-serif;
		color: #4C5CC5;
		background: #fdfeef;
		}
		.byline a,
		.byline a:link, .byline a:visited,
		.byline a:hover, .byline a:active {
			border-bottom: dashed 1px #4a7e90;
			padding-bottom: 1px;
			text-decoration: none;
			color: #4a7e90;
			}
		.byline a:hover, .byline a:active {
			border-bottom: solid 1px #b1005d;
			color: #b1005d;
			}
	.subhead {
		border-top: solid 1px #ceb188;
		font-weight: 700;
		}
	/* copy */
	.copy {
	
	position: relative; /* Fixes IE5/Mac display to be on top of headings */
		padding-bottom: 10px;
		}
		.copy p {
			margin: 10px; 
			margin-left: 15px; 
			font: 400 110%/140% Verdana, Arial, Helvetica, sans-serif;
			color: #333;
			}
		.copy .lead {
			font-weight: 700;
			font-variant: small-caps;
			}
		/* copy links */
		.copy a,
		.copy a:link, .copy a:visited,
		.copy a:hover, .copy a:active {
			padding-bottom: 1px;
			border-bottom: dashed 1px #dbd5c5;
			text-decoration: none;
			color: #4C5CC5;
			}
			.copy a:hover, .copy a:active {
				border-bottom: solid 1px #882345;
				color: #882345;
				}
		/* copy header */
		.copy h4 {
			margin: 15px 0px 0px 1px;
			padding: 5px;
			padding-left: 10px;
			border-bottom: solid 1px #9CA6DD;
			font: 700 140%/140% Georgia, 'Times New Roman', Times, serif;
			color: #003591;
			}
			.copy h4.first {
				margin-top: 5px;
			}
		/* copy subheader */
		.copy h5 {
			margin: 15px 10px 10px;
			/*border-bottom: solid 1px #c0bd6f;*/
			font: 700 110%/normal Verdana, Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color: #003591;
			}
			
		.copy ol,
		.copy ul {margin: 0; padding: 1.0em 0 0.4em; font-size: 1.1em; color: #333;}
		.copy ul {list-style: disc;}
		.copy ul ul {list-style: circle;}
		.copy ul ul ul {list-style: square;}
		.copy li {margin-left: 3.0em; padding-left: 0.2em; padding-bottom: 0.6em;}

	.copy .endnote {font-weight: 700;}

#substories dl {
	margin: 0px 0px 5px 1px;
	padding: 0px;
	background: transparent;
	}
	#substories dt {
		margin: 0;
		padding: 5px 15px 5px 10px;
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #eaab0d url(../images/gfx-page-corner-small.gif) no-repeat top right;
		}
		#substories dd {
			margin: 0;
			padding: 0;
			color: #fff;
			font-size: 100%;
			border-bottom: 1px solid #FBDB93;
			}
		#substories dd.last {
			border-bottom: 0px;
			}
#substories_list a, 
#substories_list a:visited {
	display: block;
	padding: 5px 5px 5px 20px;
	border: 0;
	text-decoration: none;
	color: #BD4F19;
	background: #fff url(../../images/icon-arrow-empty.gif) no-repeat 10px 9px;
	}
	#substories_list a:hover {
		text-decoration: underline;
		background-color: #FBDB93;
	}
#substories_list dd.active a, 
#substories_list dd.active a:visited {
	font-weight: 700;
	background: #FEEFC3 url(../../images/icon-arrow-filled.gif) no-repeat 10px 9px;
	}

	
.return_to_top {
	margin: 5px 10px;
	font: normal normal 110%/normal Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}
	.return_to_top a,
	.return_to_top a:link, .return_to_top a:visited,
	.return_to_top a:hover, .return_to_top a:active {
		border-bottom: dashed 1px #dbd5c5;
		padding-bottom: 1px;
		text-decoration: none;
		color: #4C5CC5;
		}
		.return_to_top a:hover, .return_to_top a:active {
			border-bottom: solid 1px #882345;
			color: #882345;
			}

#masthead {
	width: 760px;
	overflow: hidden;
	}
	#masthead #logo {
		margin: 0px 0px 0px 240px;
		}
	#masthead #volume {
		width: auto;
		padding: 15px 10px 8px 0px;
		font: normal 700 120%/normal Arial, Helvetica, sans-serif;
		color: #ebdecc;
		text-align: right;
		}
	
#footer {
	width: 760px;
	text-align: center;
	}
	#footer .footer_info {
		background: #882345 url(../images/gfx-menu-corner-bl.gif) bottom left no-repeat;
	}
	#footer h1 {
		clear: both;
		margin: 0;
		border-top: 0px solid #fff;
		padding: 14px 10px;
		font-weight: 400;
		color: #fff;
		background: transparent url(../images/gfx-menu-corner-br.gif) bottom right no-repeat;
		}
	#footer h2 { /* copyright */
		margin: 0;
		padding: 10px 10px;
		font-weight: 400;
		color: #882345;
		}

.rc {
	float: right;
	clear: right;
	width: 180px;
	margin: 10px 0px 10px 12px;
	margin-top: 0px !important;
	margin-top: 10px;
	background: #00693C;
	}
.rc_small {
	width: 200px;
	margin-top: 10px !important;
	}

.rc img {
	}
.rc_med{
	width: 270px;
	}
.rc_full{
	width: 360px;
	}
	.rc .rc_top {
		padding: 1px 4px 4px 4px; 
		}
	.rc .rc_bottom {
		padding: 0px;
		}
	.rc .rc_caption {
		padding: 10px;
		font: italic 400 110%/normal Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: right;
		}
	.rc .rc_caption p {
		margin: 0px;
		font: 400 100%/140% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: left;
		}

/* Tables
========================================================== */

/* Utility
========================================================== */
.for-screen-readers-only {
	display: none;
}
	
.cleaner {
	clear: both;
	overflow: hidden;
	width: auto;
	height: 0.1px;
	font-size: 0.1px;
	background: transparent;
	}
.clear_float {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	background: transparent;
	}

/* http://www.communitymx.com/content/article.cfm?page=3&cid=AFC58 */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block; /* Fixes IE/Mac */
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /*  ,* html .clearfix *  - messed up IE6 by displaying content twice */
.clearfix {display: block;}
/* End hide from IE-mac */

/*
http://www.positioniseverything.net/explorer/dup-characters.html
It turns out that this duplicating characters bug can be triggered by other things than just HTML comments. Phil Baines points out that any elements given the style {display: none} will also induce the bug. 
*/
.clear-fix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear-fix { /* Fixes IE/Mac */
	display: inline-block;
}
html[xmlns] .clear-fix {
	display: block;
}
* html .clear-fix { /*  ,* html .clear-fix * */
	height: 1%;
}
/* MacIE5 Commented Backslash Hack - Begin hiding CSS from MacIE5  \*/
.clear-fix { display: block; }
/* MacIE5 Commented Backslash Hack - End */
/*]]>*/