@charset "utf-8";
/* ----------- Structural-Specific CSS ----------- */

html, body {
	min-height:100%;
}

body {
	font:11px 'arial','trebuchet ms','tahoma';
	color:#666;
	line-height:18px;
	margin:0;
	padding:0;
	min-height:100%;
	background: #dee1e1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9ea8a8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9ea8a8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #9ea8a8); /* for firefox 3.6+ */ 
}

/*=== Float Containment and Bug Fixes (Do Not Alter These!) ===*/
body:before {/*Opera min-height 100% Fix (Maleika)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/*eliminate need for inner non clearing element (Erik.J)*/
}
#wrapper:after,  /* #wrapper:after for IE8 min-height:100% Fix*/
#inner:after { /* #inner:after for Float Containment*/
	clear:both;
	content:"";
	display:block;
	height:1%;/*fix IE8 min-height:100% bug (Erik.J)*/
	font-size:0;
}

/*===  Begin Layout Structure ===*/
#wrapper {
	width:964px;
	min-height:100%;/*height is determined from parent's height (html & body)*/ 
	/* margin:0 auto; */
	margin-left:auto;
	margin-right:auto;  
	background: #b2e2ec; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbfd', endColorstr='#b2e2ec'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f6fbfd), to(#b2e2ec)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f6fbfd,  #b2e2ec); /* for firefox 3.6+ */ 
	position:relative; /*establish containing block for AP #faux div*/
	z-index:0;
}
#header{
	height:163px;
	text-align:center;
	font-weight:bold;
	position:relative;/*establish stacking order for z-index*/
	z-index:2;/*layer it above the #faux column*/
}

/*=== Begin Columns ===*/
#inner {
	width:100%;/*haslayout*/
	padding-bottom:61px; /*preserve footer space (plus 10px for text spacing)*/
	/* border-bottom:1px dotted white; */
}
#left {
	float:left;
	width:180px;
	padding-right:1px;/*recover border from #faux-lt*/  
	position:relative;
	z-index:2;/*layer it above the #faux-lt column*/
}
#left-subnav {
	float:left;
	width:196px !important;
	padding-right:1px;/*recover border from #faux-lt*/  
	position:relative;
	z-index:2;/*layer it above the #faux-rt column*/
	/* z-index:0; */
}
#left-newspane {
	float:left;
	/* width 14% */
	width:30%;
	padding:0;
}
#right {
	float:right;
	width:180px;
	padding-left:1px;/*recover border from #faux-rt*/          
	position:relative;
	z-index:2;/*layer it above the #faux-rt column*/
}
#right-sub {
	float:right;
	width:280px;
	padding-left:1px;/*recover border from #faux-rt*/          
	position:relative;
	z-index:2;/*layer it above the #faux-rt column*/
}
#right-social {
	width:280px;
	height:110px;
	position:relative;
	background:url('../images/wcf-rpane_social.png') no-repeat;	
}
#right-social-icons {
	background-color:none;
	/* width:250px; */
	width:auto;
	min-width:225px;
	height:32px;
	position:relative;
	top:65px;
	/* left:15px; */
	left:60px;
}
#right-newspane {
	float:right;
	/* width 86% */
	width:70%;
	padding:0;
}
#main {
	overflow:hidden;/*stop content from sliding under floated side columns(IE7 haslayout also)*/
	/*
	overflow:auto;
	display:inline-block;
	*/
}
#footer {
	width:964px;
	position:relative;/*establish stacking order for z-index*/
	z-index:2;/*layer it above the #faux column*/
	height:48px;
	margin:-48px auto 0;/*pull footer back into viewport with negative top margin*/
	background:url('../images/footer_01.png') repeat-x;
}
.footer-copy {
	text-align:center;
	position:relative;
	top:23px;
	left:0;
	font-size:10px;
}

.read-container {
  width: 100%;
  max-width: 600px;
}

/* ----------- These #faux divs give full height color and border to the side columns ----------- */

#faux-lt,#faux-rt {
	position:absolute;
	bottom:0;
	width:180px;
	height:100%;
	background:#ffefd5;
	z-index:0;
}
#faux-rt-sub {
	position:relative;
	bottom:0;
	left:684px;
	width:280px;
	height:100%;
	background:none;
	z-index:0;
}
#faux-lt-bodybox {
	position:relative;
	left:3px;
	top:6px;
	margin:0 0 10px 7px; 
	padding-bottom:20px;
	width:668px !important;
	height:auto;
	background-color:#ffffff;
	z-index:0;
}
#faux-lt-bodybox-lining {
	position:relative;
	left:0;
	top:10px;
	margin:auto;
	width:648px !important;
	height:auto;
	border:1px solid #ccd7d9; 
	background:none;
	z-index:0;
}
#faux-rt-home-panel {
	position:relative;
	left:3px;
	top:7px;
	margin:0 0 10px 7px; 
	padding-bottom:20px;
	width:258px !important;
	height:368px !important; /* was 477px, 400px, 510px, 432px, 352px */
	background:#eaf5f7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf5f7', endColorstr='#c3dade'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eaf5f7), to(#c3dade)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eaf5f7,  #c3dade); /* for firefox 3.6+ */ 
	z-index:0;
}

#faux-lt{left:0;border-right:1px solid #000;}
#faux-rt{right:0;border-left:1px solid #000;}


/* ----------- Specific Multi-Column DIV layout ----------- */

.emp-wrapper {
	position: relative;
	float: left;
	left: 0.00%;
	width: 100.00%;
	height: 180px;
	background-color:none;
	text-align:center;
}
.emp-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 49.00%;
	background-color:none;
	text-align:center;
}
.emp-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 2.00%;
	background-color:none;
}
.emp-right {
	position: relative;
	float: right;
	right: 0%;
	width: 49.00%;
	background-color:none;
	text-align:center;
}

.gen-wrapper {
	position: relative;
	float: left;
	left: 0.00%;
	width: 100.00%;
	background-color:#fff;
	text-align:center;
}

.gen-fullwidth {
	position: relative;
	float: left;
	left: 0.00%;
	width: 100.00%;
	height: auto;
	background-color:none;
	text-align:left;
}

.gen-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 33.00%;
	min-height:355px; !important;
	background-color:none;
	border:1px solid #e4eaed; 
	text-align:left;
}
.gen-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 32.00%;
	min-height:355px; !important;
	background-color:none;
	border:1px solid #e4eaed; 
	text-align:left;
}
.gen-gutter {
	position: relative;
	float: left;
	left: 0%;
	width:1px;
	min-height:355px; !important;
	background-color:none;
}
.gen-right {
	position: relative;
	float: right;
	right: 0%;
	width: 33.00%;
	min-height:355px; !important;
	background-color:none;
	border:1px solid #e4eaed; 
	text-align:left;
}
.gen-left1_alt {
	position: relative;
	float: left;
	left: 0%;
	width: 33.00%;
	background-color:none;
	border:none; 
	text-align:left;
}
.gen-left2_alt {
	position: relative;
	float: left;
	left: 0.00%;
	width: 32.00%;
	background-color:none;
	border:none; 
	text-align:left;
}
.gen-gutter_alt {
	position: relative;
	float: left;
	left: 0%;
	width:1%;
	background-color:none;
}
.gen-right_alt {
	position: relative;
	float: right;
	right: 0%;
	width: 33.00%;
	background-color:none;
	border:none; 
	text-align:left;
}

.gen02-wrapper {
	position: relative;
	float: left;
	left: 0.00%;
	width: 100.00%;
	background-color:#fff;
	text-align:center;
}
.gen02-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 24.25%;
	height: auto;
	background-color:none;
	border: none; 
	text-align:left;
}
.gen02-left2 {
	position: relative;
	float: left;
	left: 0%;
	width: 24.25%;
	height: auto;
	background-color:none;
	border: none; 
	text-align:left;
}
.gen02-left3 {
	position: relative;
	float: left;
	left: 0%;
	width: 24.25%;
	height: auto;
	background-color:none;
	border: none; 
	text-align:left;
}
.gen02-gutter {
	position: relative;
	float: left;
	left: 0%;
	width: 1.00%;
	height:auto;
	background-color:none;
}
.gen02-right {
	position: relative;
	float: right;
	right: 0%;
	width: 24.25%;
	height:auto;
	background-color:none;
	border: none; 
	text-align:left;
}

.gen-5050-wrapper {
  position: relative;
  float: left;
  left: 0.00%;
  width: 100.00%;
	height: auto;
  background-color:none;
	text-align:left;
}
.gen-5050-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 49.00%;
	background-color:none;
	text-align:left;
}
.gen-5050-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 2.00%;
	background-color:none;
}
.gen-5050-right {
	position: relative;
	float: right;
	right: 0%;
	width: 49.00%;
	background-color:none;
	text-align:left;
}

.gen-3070-wrapper {
  position: relative;
  float: left;
  left: 0.00%;
  width: 100.00%;
	height: auto;
  background-color:none;
	text-align:left;
}
.gen-3070-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 30.00%;
	background-color:none;
	text-align:left;
}
.gen-3070-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 2.00%;
	background-color:none;
}
.gen-3070-right {
	position: relative;
	float: right;
	right: 0%;
	width: 68.00%;
	background-color:none;
	text-align:left;
}

.gen-7030-wrapper {
  position: relative;
  float: left;
  left: 0.00%;
  width: 100.00%;
	height: auto;
  background-color:none;
	text-align:left;
}
.gen-7030-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 58.00%;
	background-color:none;
	text-align:left;
}
.gen-7030-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 2.00%;
	background-color:none;
}
.gen-7030-right {
	position: relative;
	float: right;
	right: 0%;
	width: 40.00%;
	background-color:none;
	text-align:left;
}

.gen-thirds-wrapper {
	position: relative;
	float: left;
	left: 0.00%;
	width: 97.00%;
	height: auto;
	background-color:none;
	border:1px solid #e4eaed; 
	padding: 5px;
	text-align:left;
}
.gen-thirds-left1 {
	position: relative;
	float: left;
	left: 0%;
	width: 33.00%;
	height: auto;
	background-color:none;
	text-align:left;
}
.gen-thirds-left2 {
	position: relative;
	float: left;
	left: 0.00%;
	width: 33.00%;
	height: auto;
	background-color:none;
}
.gen-thirds-right {
	position: relative;
	float: right;
	right: 0%;
	width: 33.00%;
	height: auto;
	background-color:none;
	text-align:left;
}

/* ----------- FancyBox CSS ----------- */

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/* ----------- Press Cell CSS ----------- */

.roomy {
	padding: 5px;
}

/* ----------- Effects CSS ----------- */

.shadow {
	border-left:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	zoom:1; /* hasLayout-Push for IE6 */
	/* width:300px; */
	box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	-vendor-box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.35);
	background:#000000;
	position:relative;
	z-index:auto;
}

.shadow-faint {
	border-left:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	zoom:1; /* hasLayout-Push for IE6 */
	/* width:300px; */
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.25);
	-vendor-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.35);
	background:#000000;
	position:relative;
	z-index:auto;
}

/* ----------- General CSS ----------- */

div, td, td { 
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size:11px;
}

hr {
	height:1px;
	border:0;
	color:#ccc;
	background-color:#ccc;
	width:100%;
}

hr.fatyellow {
	height:1px;
	border:1px solid #fdbf57;
	width:100%;
}

hr.fatgray {
	height:1px;
	border:1px solid #e4eaed;
	width:100%;
}

hr.dotted {
	height:1px;
	border:0 dotted #e4eaed;
	width:100%;
}

img.align {
	vertical-align:middle; 
}

table {
	border-collapse: collapse;
}

.bigbold {
	color:#005699;
	font-size:13px;
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.default-page-height {
	min-height:570px !important;
}

.indent {
	font-size: 11px;
	width: auto;
	margin: 0.20em 0;
	padding: 0.20em 20px;
	line-height: 1.45;
	position: relative;
}

.indent_form-echo {
	font-size: 11px;
	width: auto;
	margin: 0.20em 0;
	padding: 0.20em 45px;
	line-height: 1.45;
	position: relative;
	color:#999900;
	font-style:italic;
}

.center {
	text-align:center;
}

.clear {
	clear: both;
}

.coloring_blue { 
	color:#005699;
}

.coloring_lapis { 
	color:#369;
}

.coloring_gold {
	color:#d7991a;
}

.coloring_gray {
	color:#ccc;
}

.coloring_olive { 
	color:#999900;
}

.coloring_orange {
	color:#e66c1f;
}

.coloring_red {
	color:#900;
}

.cursor-point {
	cursor:pointer;
}

.cursor-default {
	cursor:text;
}

.padding-bodybox {
	padding:0px 13px 13px 13px;
}

.title-heading {
	font-size:17px;
	color:#005699;
}

.spacer {
	clear:both;
	height:1px;
}

.strike {
	text-decoration:line-through; 
}

.slant {
	font-style:italic;
}

.textmiddle {
	vertical-align:middle;
}

div#quicklinks-lining {
	position:relative;
	left:0;
	top:0px;
	margin:auto 0;
	padding:5px;
	width:97% !important;
	height:auto;
	border:1px solid #ccd7d9; 
	background:none;
}

#fullheight{
	height:100%;
}