@charset "utf-8";
/* CSS Document */

/***************************************************
	GENERAL
***************************************************/
.specialSection { 
	margin-bottom: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	text-decoration:none;
	border-bottom:1px solid #174C78;
}
.specialSection p {
	font-size:14px;
	color: #444;
}
.specialSection h1,
.specialSection h2,
.specialSection h3,
.specialSection h4 {
	font-weight: normal;
}
.specialSection h2 {
	display:block;
	font: 100% Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:22px;
	margin: 0 0 10px;
	color:#164271;
	border-bottom:#AAA 1px dotted;
}
.specialSection h3 {
	font: 100% Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:16px;
	margin: 0;
	color:#164271;
}
.specialSection a {
	color:#005ba2;
	text-decoration:none;
}
.specialSection a:hover {
	color:#0094ee;
	text-decoration:none
}
.specialSection a img {
	border:1px solid #164271;
	margin-bottom:0;
}
.specialSection a:hover img {
	border:1px solid #0094EE;
	margin-bottom:0;
}
.specialSection h3 {
	padding-bottom:4px;
	font-size:16px;
	color:#164271
}
.mainSection > h2, .mainSection > h3 {
	margin: 0 0 10px;
	border-bottom:#AAA 1px dotted;
}

.sectionBody ul {
	margin-bottom:5px;
	list-style:none;
}
.sectionBody li {
	background:url(bullet3.gif) no-repeat 4px 4px;
	padding:0 0px 6px 13px;
	margin:0;
	font-size:13px;
	line-height:1.1em;
}
/*.specialsSpace ul {
	margin:0;
	padding-bottom:5px;
	list-style:none;
}
.specialsSpace li {
	margin:0;
	line-height:1.5em;
	padding-left:13px;
	position:relative;
}
.specialsSpace li a {
	text-decoration:none;
	font-size:12px;
}
.specialsSpace li:before {
	content: "\00bb ";
	font-size:16px;
	position:absolute;
	top:-2px;
	left:0;
	color:#cf1845;
}
.specialsSpace li a:before {
	content: "";
	display:block;
}*/
.noBorder {
	display:block;
}
.specialSection .noBorder img,
.specialSection .noBorder:hover img {
	border:0px;
}
/***************************************************
	HEADER
***************************************************/
.header {
	background-color:#FFF;
	position:relative;
	height:243px;
}
.header h1 {
	font:normal 32px arial;
	color:#000;
	filter:alpha(opacity=0);
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	margin:0; padding:0;
}
.billboardCaption {
	height: 75px;
	left: 150px;
	position: absolute;
	text-align: center;
	top: 127px;
	width: 500px;
	z-index: 10000;
}
.billboardCaption p {
	font-size:13px;
	line-height:1.3em;
	font-weight:normal;
	border:0;
	margin:0;
	color:#134B7C;
}
.billboardCaption a {color:#0CF;}
.billboardCaption a:hover {color:#0FF;}
.billboardCaption img {border:0; float:left;}

/***************************************************
	MAIN CONTENT
***************************************************/
.mainContent {
	float:left;
	width:669px;
	margin: 0;
	padding: 0 20px 0;
}
.mainContent .leftColumn {
	float:left;
	width:315px;
}
.mainContent .rightColumn {
	float:right;
	width:315px;
}
.mainSection {
	position:relative;
	margin-bottom:15px;
}
.mainSection .storyBlock {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#AAA 1px dotted;
}
.mainContent .leftCol {
	float:left;
	width:428px;
}
.mainContent .rightCol {
	float:right;
	width:220px;
}
.storiesSection {
	margin:0;
}

/***************************************************
	SIDEBAR
***************************************************/
#sidebar1 {
	float: right;
	width: 260px;
	padding: 0 20px 0 0;
}
.sideSection {
	position:relative;
	margin-bottom:15px;
}

/***************************************************
	PROFILES
***************************************************/
.profiles {
	overflow-y:scroll;
	height:615px;
	border-bottom:1px dotted #aaa;
	padding-bottom:15px;
}
.profiles li {
	display:block;
	padding:5px 0 0;
	margin:0 0 8px;
	border-top:#AAA 1px dotted;
	background:none;
}
.profiles li:first-child {
	border-top:0px;
}
.profiles li img {
	width:65px;
	height:80px;
}
.profiles li p {
	font-size:12px;
	line-height:1.2em;
}

/* --------------------- popup (Paul's Code) --------------------- */
#popupClose {position:absolute;right:-12px;top:-12px;cursor:pointer;}
#popupClose img {border:0px;}
#popupBkg {display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#000000;z-index:900000;}
#popupBox {display:none;position:fixed;background:#fff;border:2px solid #cecece;z-index:1000000;padding:12px 12px 4px 12px;width:520px;}
.hiddenPopupContent {display:none;overflow:hidden;}
img.profileImage {float:left;margin:0 10px 10px 0;border:1px solid #000; width:120px;}
.profileText {overflow:hidden;width:388px;}
.profileText h3 {margin:0 0 5px 0;font-size:18px;color:#0c618d;line-height:1.1em;}
.profileText h3 .sub {font-size:12px;}
.profileContent {height:280px; margin:5px 0 10px 0; padding:10px 12px; overflow-y:scroll; border:#CCC 1px solid;}
.profileContent p {padding-bottom:10px;}

/***************************************************
	FOOTER
***************************************************/


/***************************************************
	STORY BLOCK
***************************************************/
.storyBlock {
	margin-bottom:15px;
	min-width:0;
}
.storyBlock h3 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}
.storyBlock h4 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size:13px;
	margin-bottom:5px;
}
.storyBlock p {
	font-size:13px;
}

/***************************************************
	PHOTO & VIDEO BLOCKS
***************************************************/
.photoBlock, .videoBlock {
	margin-bottom:20px
}
.photoBlock p, .videoBlock p {
	font-size: 11px;
}
.photoBlock h3, .videoBlock h3 {
	padding-top:10px;
}

/***************************************************
	FLOATS
***************************************************/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***************************************************
	sectionStories
***************************************************/
.sectionStories .storyBlock {
}

/***************************************************
	sectionArchive
***************************************************/
.sectionArchive {
	background: url(bkg-shadow01.png) top repeat-x #efefef;
	display:none;
}
.sectionArchive h4 {
	color:#333;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;
	letter-spacing:normal;
}
.sectionArchive ul {
	list-style:none;
}
.sectionArchive li {
	background:url(bullet3.gif) no-repeat 4px 4px;
	padding:0px 0px 6px 13px;
	margin:0;
	font-size:12px;
	line-height:1.1em;
	letter-spacing:normal;
}

/***************************************************
	FACTS
***************************************************/
.facts {
	list-style:none;
	padding:10px;
	background:#eee;
}
.facts li {
	display:block;
	font-size:12px;
	background:none;
	padding:7px 0 8px;
	margin:0;
	color:#174C78;
	border-top:1px dotted #174C78;
}
.facts li:first-child {
	border-top:0px;
	padding:0 0 12px;
}
.facts li span {
	display:block;
	float:left;
	margin:0 5px 0 0;
	clear:both;
	font-size:26px;
	line-height:1em;
	font-weight:bold;
}
.facts li p {
	color:#174C78;
	line-height:1.2em;
	font-size:12px;
}
	
/***************************************************
	EVENTS
***************************************************/
.events p {
	padding-bottom:3px;
	line-height:1.2em;
}
	
/***************************************************
	OTHER
***************************************************/

<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.specialSection #sidebar1 {
	width: 220px;
}
</style>
<![endif]-->

<!--[if IE]>
<style type="text/css">
/* place css fixes for specialSection versions of IE in this conditional comment */
.specialSection #sidebar1 {
	padding-top: 30px;
}
.specialSection {
	zoom: 1;
}
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->