body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  background:#005F9E url(/images/backtile.jpg) repeat-x;
  margin:0;
  padding:0 0 24px 0;
}

a.scrollToTop {
width:36px;
height:33px;
padding-top:3px;
position:fixed;
bottom:80px;
right:20px;
border-radius:6px;
background-color:#CCC;
color:#666;
font-size:24px;
text-align:center;
text-decoration:none;
cursor:pointer;
box-shadow:3px 3px 6px #222;
}

a.scrollToTop:hover {
background-color:#2580FA;
color:#FFF;
}

a, .maincontent a {
text-decoration:none;
}

a:link,
a:visited {
color:#00C;
}

a:hover {
color:#09F;
text-decoration:underline;
}

a:active {
color:#C00;
text-decoration:underline;
}

a:focus {
border:0;
outline:0;
}

a.scrollToTop {
width:36px;
height:33px;
padding-top:1px;
padding-bottom:2px;
position:fixed;
bottom:110px;
right:20px;
border-radius:6px;
background-color:#BDE5FF;
color:#005F9E;
font-size:24px;
text-align:center;
text-decoration:none;
display:none;
cursor:pointer;
box-shadow:3px 3px 6px #222;
}

a.scrollToTop:hover {
background-color:#0095F9;
color:#FFF;
}

.container {
width:960px;
background:#FFFFFF;
margin:12px auto 0 auto;
}
.news-btn {
    width: fit-content;
    background: #0e57c2;
    padding: 15px 20px;
    margin-top: 20px;
    border-radius: 10px;
    
}
.news-btn a{
	color:#fff;
	
}
.news-btn a:hover{
	color:#9AEDFF;
	text-decoration:none;
}
div.pagebanner {
    position: relative;
    height: 200px;
    width: 960px;
    background-image: url("../images/CFWI-banner-base-image.jpg");
    background-repeat: none;
}

div.pagebanner div.logo-thumb {
    background-image: url("../images/cfwi-logo.png");
	background-size: 150px 150px;
    background-repeat: no-repeat;
    float: left;
    height: 150px;
    width: 150px;
	margin: 20px 0 0 30px;
}

div.pagebanner div.logo-title {
    float: left;
	margin:50px 0 0 10px;
	font-family: Minion Pro, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	color:#fff;
	font-size: 1.75em;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(0,0,0,.75);
	line-height: 50px;
	height:125px;
}
div.pagebanner div.logo-title h1 {margin:0px;
}

div.pagebanner div.logo-subtitle {
    clear: both;
    float: left;
    width: 960px;
    height: 36px;
	padding: 4px 0 0 0;
	background: rgb(31,56,158); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(31,56,158) 0%, rgb(0,109,219) 50%, rgb(31,56,158) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(31,56,158) 0%,rgb(0,109,219) 50%,rgb(31,56,158) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(31,56,158) 0%,rgb(0,109,219) 50%,rgb(31,56,158) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f389e', endColorstr='#1f389e',GradientType=0 ); /* IE6-9 */
	text-align: center;
    color: #fff;
	font-family: Minion Pro, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant-caps: small-caps;
	letter-spacing: 5px;
	font-size: 1.75em;
	text-shadow: 2px 2px 2px rgba(0,0,0,.75);
}

.siteheader {
  width:960px;
  height:200px;
}

.content-wrapper {
  background-color:#FFFFFF;
  overflow: hidden;
  margin-top: 20px;
}

.maincontent {
  float:right;
  margin:0 30px 0 0;
  overflow:hidden;
  padding:0 0 0 0;
  width: 680px;
}

.maincontent .last-element {
  margin-bottom:40px;
}

/*.maincontent p:last-child, .maincontent ul:last-child {
  margin-bottom:40px;
}*/

/*.maincontent ul ul:last-child {
  margin-bottom:4px;
}*/

/* This section equalizes the height of the navigation column with the main content column */
/*.content-wrapper {
  overflow:hidden;
  margin-bottom: 0;
}

.equalize {
  margin-bottom: -2000px;
  padding-bottom: 2020px;
}*/
/* End equalization */

.maincontent p.bottomspacer {
  margin:0;
}

.left-column {
  background: #BDE5FF url(/images/containertile.png) repeat-x;
  background-position:top;
  float: left;
  margin-right: 30px;
  padding-left: 20px;
  padding-right:20px;
  width: 180px;
}

.left-column a {
  text-decoration:none;
}
  

/* START NAVIGATION */

div.navigation-main {
  overflow: hidden;
}

ul.menu {
  font-size: 12px;
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.menu li {
  border-bottom: 1px dotted #ACACAC;
  font-weight:600;
  padding: 4px 0;
}

ul.menu li ul {
  margin: 3px 0 0 10px;
  padding:0;
  list-style-type:disc;
}

ul.menu li li {
  border-bottom:none;
  list-style:none;
}

/* END NAVIGATION */

.liabilitystatement {
  color:#3885B8;
  font-size:0.8em;
  margin: 20px 0 10px 0;
}

.left-column .distlogo {
display:block;
width:112px;
height:112px;
background:url(/images/logos-sprite-v2.png) no-repeat;
margin:0 auto 20px auto;
}

.left-column a.SJR {
background-position:0 0;
}

.left-column a.SJR:hover {
background-position:0 -113px;
}

.left-column a.SWF {
background-position:-113px 0;
}

.left-column a.SWF:hover {
background-position:-113px -113px;
}

.left-column a.SF {
background-position:-226px 0;
}

.left-column a.SF:hover {
background-position:-226px -113px;
}





.maincontent h2 {
  color:#005F9E;
  font:bold 1.5em/1em Arial, Helvetica, sans-serif;
  line-height:1.2em;
  margin-bottom:16px;
  margin-top:46px;
}

.maincontent h2.pageheader {
  margin:16px 0 20px 0;
}

.maincontent h3 {
font:bold 1.4em/1em Arial, Helvetica, sans-serif;
color:#005F9E;
margin-top:30px;
margin-bottom:16px;
}

.maincontent h4 {
font:bold 1.2em/1em Arial, Helvetica, sans-serif;
color:#005F9E;
margin-top:20px;
margin-bottom:16px;
}

.maincontent h5 {
font:bold 1.1em/1em Arial, Helvetica, sans-serif;
color:#005F9E;
margin-top:30px;
margin-bottom:12px;
}

.maincontent h5.border {
margin-top:30px;
padding-top:24px;
border-top:1px solid #BDE2F4;
}

.maincontent h6 {
font:bold 1em Arial, Helvetica, sans-serif;
color:#005F9E;
margin-top:30px;
margin-bottom:10px;
}

.maincontent p {
  font-size:1.0em;
  line-height:1.5em;
  margin-top:0;
  margin-bottom:14px;
  padding:0;


}

.maincontent h2.title,
.maincontent h3.title,
.maincontent h4.title,
.maincontent p.title {
margin-bottom:2px;
}



.maincontent p.indexsubhead {
margin-bottom:4px;
margin-left:12px;
font-weight:bold;
color:#800000;
}



.maincontent .bodynote,
.maincontent .bodynote2 {
font-size:.8em;
line-height:1em;
}

.maincontent .bodynote {
color:#C00;
}

.maincontent .bodynote2 {
color:#000;
}

.maincontent .headernote,
.maincontent .headernote2 {
font-size:.7em;
margin:0;
line-height:1em;
}

.maincontent .headernote {
color:#C00;
}

.maincontent .headernote2 {
color:#000;
}

.maincontent .anchorindex {
font-size:.8em;
color:#9EABD9;
text-align:center;
}

.maincontent .right {
text-align:right;
}



.maincontent .centered {
text-align:center;
}

.maincontent .graphic {
float:right;
margin:0 0 8px 24px;
}

.maincontent .graphic2 {
float:left;
margin:0 16px 8px 0;
}

.maincontent .photo {
float:right;
margin-left:10px;
margin-bottom:6px;
border:1px solid #000;
}

.maincontent div#CFCAmap_screen {
float:right;
margin:4px 0 6px 16px;
width:422px;
}

.maincontent div#CFCAmap_screen h5 {
text-align:right;
margin-top:6px;
margin-bottom:0;
padding-right:2px;
padding-left:170px;
color:#008DD2;
font:normal .87em/1.1em Verdana, Arial, Helvetica, sans-serif;
}

.maincontent div#CFCAmap_screen img {
border:1px solid #000;
box-shadow:2px 2px 4px #333;
behavior:url(/css/PIE_uncompressed.htc);
position:relative;
zoom:1;
}

.maincontent div#CFCAmap_print {
display:none;
}

.maincontent ol {
margin-top:0;
margin-bottom:16px;
padding-top:0;
padding-bottom:0;
}

.maincontent ul {
margin-top:0;
margin-bottom:16px;
padding-top:0;
padding-bottom:0;
line-height:1.3em;
font-size:1.0em;
list-style-image:url(/images/li-bullet.gif);
}

.maincontent ul ul,
.maincontent ul ul ul,
.maincontent ul ul ul ol {
margin-top:4px;
margin-bottom:4px;
padding-top:0;
padding-bottom:0;
}

.maincontent ul li {
margin-top:0;
margin-bottom:12px;
}

.maincontent ul ul li,
.maincontent ul ul ul li,
.maincontent ul ul ul ol li {
margin-top:0;
margin-bottom:10px;
}

.maincontent .large {
font-size:1.1em;
}

.maincontent .larger {
font-size:1.3em;
}

.maincontent .largest {
font-size:1.5em;
}

.maincontent .small {
font-size:.87em;
}

.maincontent .smaller {
font-size:.8em;
}

.maincontent .smallest {
font-size:.7em;
}

.maincontent .blue-pale {
color:#CADEF2;
}

.maincontent .blue-medium {
color:#6287C3;
}

.maincontent .blue-dark {
color:#027;
}

.maincontent .brightblue {
color:#06C;
}

.maincontent .dkred {
color:#800000;
}

.maincontent .dkbluegray {
color:#00385D;
}

.maincontent .redtext {
color:#C00;
}

.maincontent .blacktext {
color:#000;
}

.maincontent .graytext {
color:#777;
}

.maincontent .aqualt {
color:#87CBCB;
}

.maincontent .aquamed {
color:#1F9797;
}

.maincontent .aquadk {
color:#177070;
}

.maincontent .salmonlt {
color:#FFB1A8;
}

.maincontent .salmonmed {
color:#FA8072;
}

.maincontent .salmondk {
color:#B9564B;
}

.maincontent .plain {
font-weight:normal;
}

#footer {
background:url(/images/footer-base.png) repeat-x;
height:51px;
width: 960px;
}

#footer p {
margin:0;
padding-top:21px;
font:11px/11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#4BA6D2;
text-align:center;
letter-spacing:.52em;
word-spacing:.52em;
}

#footer h6 {
margin:0;
padding-top:6px;
font:normal 10px/9px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#footer h6 a {
color:#037;
text-decoration:none;
}

#footer h6 a:hover,
#footer h6 a:active {
color:#FFF;
text-decoration:none;
}

#footer .bulletcolor {
color:#005F9E;
}

#footerimages {
display:none;
}

sup {
font:normal 55%/6px Verdana, Arial, Helvetica, sans-serif;
vertical-align:super;
}

.maincontent div.image144,
.maincontent div.image180,
.maincontent div.image216 {
float:right;
margin:4px 0 8px 16px;
}

.maincontent div.image252,
.maincontent div.image288,
.maincontent div.image324,
.maincontent div.image360 {
float:right;
margin:4px 0 8px 24px;
}

.maincontent div.image144 img,
.maincontent div.image180 img,
.maincontent div.image216 img,
.maincontent div.image252 img,
.maincontent div.image288 img,
.maincontent div.image324 img,
.maincontent div.image360 img {
border:1px solid #000;
}

.maincontent div.image144 {
width:146px;
}

.maincontent div.image180 {
width:182px;
}

.maincontent div.image216 {
width:218px;
}

.maincontent div.image252 {
width:254px;
}

.maincontent div.image288 {
width:290px;
}

.maincontent div.image324 {
width:326px;
}

.maincontent div.image360 {
width:362px;
}

.maincontent p.cutline {
font-size:.77em;
line-height:1.2em;
margin-top:6px;
margin-bottom:8px;
color:#484848;
}

.maincontent div.sidebar {
float:right;
width:260px;
background-color:#EBF6FF;
margin:2px 0 0 24px;
padding:12px;
border:3px double #777;
/*box-shadow:2px 2px 4px #333;
behavior:url(/css/PIE_uncompressed.htc);
position:relative;
zoom:1;*/
}

.maincontent div.sidebar h5 {
text-align:center;
margin-bottom:10px;
font-size:1.1em;
line-height:1.1em;
color:#004F96;
}

.maincontent div.sidebar p {
margin-bottom:10px;
font-size:.87em;
}

.maincontent div.sidebar p:last-of-type {
margin-bottom:0;
}

.maincontent div.sidebar ul {
margin-bottom:0;
}

.maincontent div.sidebar ul li {
margin-bottom:4px;
margin-left:-20px;
font-size:.87em;
}

.maincontent div.sidebar ul li:last-of-type {
margin-bottom:0;
}

.maincontent div.sidebar ul ul {
margin-top:2px;
margin-bottom:6px;
}

.maincontent div.sidebar ul ul li {
font-size:1em;
}

.maincontent #widecolumn div.returnbutton, .maincontent div.returnbutton {
float:right;
margin: 16px 0px 0 20px;
}

.maincontent #widecolumn div.returnbutton a, .maincontent div.returnbutton a {
display:block;
width:auto;
text-align:center;
font:14px/16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#005F9E;
background:#DCEEF5 /*url(/images/returnbuttonback_sprite.png) repeat-x 0 -300px*/;
border:1px solid #5CA5CB;
padding:10px;
/*border-radius:6px;*/
/*box-shadow:2px 2px 4px #000, inset 0 0 8px rgba(0,111,153,0.5);*/
text-shadow:2px 1px 1px #FFF;
}

.maincontent #widecolumn div.returnbutton a:hover, .maincontent div.returnbutton a:hover {
background-color:#039;
/*background-position:0 -64px;*/
border:1px solid #8FB3E4;
color:#DCE5FF;
text-shadow:2px 1px 2px #222;
text-decoration:none;
}

div.inlineButton {
float:right;
margin:8px 310px 0 0;
}

div.inlineButton a {
text-align:center;
padding:6px 10px;
font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
color:#304798;
background:#DCE5FF url(/images/returnbuttonback_sprite.png) repeat-x -5px -5px;
border-radius:14px;
box-shadow:2px 2px 4px rgba(0,0,0,0.7), inset 0 0 8px rgba(0,51,153,0.7);
text-shadow:2px 1px 1px #FFF;
behavior:url(/css/PIE_uncompressed.htc);
zoom:1;
text-decoration:none;
}

div.inlineButton a:hover {
background-color:#027;
background-position:-5px -64px;
box-shadow:2px 2px 4px rgba(0,0,0,0.8), inset 0 0 8px rgba(153,204,255,0.7);
color:#DCE5FF;
text-shadow:2px 1px 0 #014;
}



table {
border-spacing:1px;
border-collapse:separate;
background-color:#86A6B7;
width:620px;
margin:0 0 32px 0;
/*box-shadow:2px 2px 4px #333;*/

}

table tr {
  background-color:#e8e8e8;
}

table td {
padding:5px 10px 5px 10px;
}

table td.groupname {
color:#005F9E;
}

.maincontent table p {
margin:0;
padding: 0;
font-size:0.95em;
line-height:1.2em;

}

.maincontent table p+p {
  border-top: 1px solid #86A6B7;
  margin-top:4px;
  padding-top: 4px;
}

/* meeting pages */

div.inlineButton {
float:right;
margin:8px 310px 0 0;
}

div.inlineButton a {
text-align:center;
padding:6px 10px;
font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
color:#304798;
background:#DCE5FF url(/images/returnbuttonback_sprite.png) repeat-x -5px -5px;
border-radius:14px;
box-shadow:2px 2px 4px rgba(0,0,0,0.7), inset 0 0 8px rgba(0,51,153,0.7);
text-shadow:2px 1px 1px #FFF;
behavior:url(/css/PIE_uncompressed.htc);
zoom:1;
text-decoration:none;
}

div.inlineButton a:hover {
background-color:#027;
background-position:-5px -64px;
box-shadow:2px 2px 4px rgba(0,0,0,0.8), inset 0 0 8px rgba(153,204,255,0.7);
color:#DCE5FF;
text-shadow:2px 1px 0 #014;
}

ul.meeting {
  margin:30px 0 0 20px;
  padding:0;
}

.maincontent ul.meeting li {
  font-size:1.0em;
  font-weight:bold;
  list-style-image:none;
  list-style-type:none;
  margin-bottom:20px;
}

/*.maincontent ul.meeting>li {
  border-bottom: 1px dotted #878787;
  margin:0;
  padding: 15px 0 5px 0
}*/

.maincontent ul.meeting li ul {
  margin-top: 8px;
}

.maincontent ul.meeting li ul li {
  font-weight:normal;
  list-style-image:url(/images/li-bullet.gif);
  margin-bottom:10px;
}

.maincontent ul.meeting li ul ul {
  padding-left:20px;
}

hr{border-top: 1px solid #ddd}

/* Dropdown menu on meetings pages */

.button-wrapper {
  overflow:hidden;
  padding-bottom: 20px;
  margin-bottom:30px;
}

.maincontent .actionbutton {
  background:#DCEEF5 url(/images/returnbuttonback_sprite.png) repeat-x 0 -300px;
  border:1px solid #5CA5CB;
  color:#005F9E;
  float:left;
  font:14px/16px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-right:20px;
  padding:4px 0 6px 0;
  position:relative;
  text-align:center;
  text-shadow:2px 1px 1px #FFF;
  width: 200px;
 }

.dropdown {
  float: left;
}

.maincontent .button {
  background:#DCEEF5 url(/images/returnbuttonback_sprite.png) repeat-x 0 -300px;
  border:1px solid #5CA5CB;
  color:#005F9E;
  display:block;
  font:14px/16px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:0;
  padding:4px 0 6px 0;
  position:relative;
  text-align:center;
  text-shadow:2px 1px 1px #FFF;
  width: 240px;
}

.maincontent .button:hover, .button:focus,
.maincontent .actionbutton:hover {
  background-color:#039;
  background-position:0 -64px;
  border:1px solid #8FB3E4;
  color:#DCE5FF;
  text-decoration:none;
  text-shadow:2px 1px 2px #222;
}

.dropdown-content {
  background-color: #EEEEEE;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  display:none;
  list-style-type:none;
  margin:0;
  overflow: auto;
  padding:0;
  position: absolute;
  text-align:center;
  width: 242px;
}

.maincontent .dropdown-content li {
  margin:0;
  padding:0;
}

.dropdown-content li a {
  color:#0000F7;
  display: block;
  font-size:13px;
  font-weight:bold;
  margin:0;
  padding: 12px 16px;
  text-decoration: none;

}

.dropdown a:hover {
  background-color: #bde5ff;
  color:#00C;
  }


p.notation {
  font-size:.8em;
  padding-top: 20px;
  border-top: 1px solid #5CA5CB;
}

.superscript {
position: relative;
bottom: 0.5em;
font-size: 0.6em;}

/* -------------------------------
Other information page
------------------------------- */

.infobox-wrapper {
  overflow:hidden;
}

.infobox {
margin-right:36px;
width:240px;
float:left;
}

.infobox img {
border:1px solid #000;
width:240px;
height:160px;
box-shadow:2px 2px 2px rgba(0,0,0,0.8);
transform:scale(1);
transition:linear;
transition-duration:.1s;
}

.infobox img:hover {
box-shadow:4px 7px 8px rgba(0,0,0,0.6);
transition:linear;
transition-duration:.2s;
transform:translateY(-5px);
}

.infobox.last {
margin-right:0;
}

.infobox p {
margin:6px 0 4em 0;
color:#666;
font-size:.7em;
line-height:1.15em;
}

/* -------------------------------
planning page
------------------------------- */

.halfbox-wrapper {
  margin: 30px 0 40px 0;
  overflow:hidden;
}

.halfbox {
    /* float: left; */
    width: auto;
    background-color: #EBF6FF;
    margin: 0 auto;
    padding: 12px;
    border: 3px double #777;
}
.halfbox:last-of-type {
    /* margin-right: 0; */
}

.halfbox h5 {
text-align:center;
margin:0 0 10px 0;
font-size:1.1em;
line-height:1.1em;
color:#004F96;
}

.halfbox p {
margin-bottom:10px;
font-size:.87em;
}

.halfbox p:last-of-type {
margin-bottom:0;
}

.halfbox ul {
margin-bottom:0;
}

.halfbox ul li {
margin-bottom:4px;
margin-left:-20px;
font-size:.87em;
}

.halfbox ul li:last-of-type {
margin-bottom:0;
}

.halfbox ul ul {
margin-top:2px;
margin-bottom:6px;
}

.halfbox ul ul li {
font-size:1em;
}

.wrapper-box {
  margin: 0 0 30px 0;
  overflow:hidden;
}

.wrapper-box p {
  width:440px;
}

.wrapper-box img.photo {
  margin: 0 0 40px 30px;
}

/* -------------------------------
Overview page
------------------------------- */

.halfbox-wrapper2 {
  float:right;
  margin: 0 0 0 20px;
  overflow:hidden;
  width: 330px;
}

.halfbox2 {
width:300px;
background-color:#EBF6FF;
margin:0 20px 0 0;
padding:12px;
border:3px double #777;
}
.halfbox2:last-of-type {
  margin-top:14px;
}

.halfbox2 h5 {
text-align:center;
margin:0 0 10px 0;
font-size:1.1em;
line-height:1.1em;
color:#004F96;
}

.halfbox2 p {
margin-bottom:10px;
font-size:.87em;
}

.halfbox2 p:last-of-type {
margin-bottom:0;
}

.halfbox2 ul {
margin-bottom:0;
}

.halfbox2 ul li {
margin-bottom:4px;
margin-left:-20px;
font-size:.87em;
}

.halfbox2 ul li:last-of-type {
margin-bottom:0;
}

.halfbox2 ul ul {
margin-top:2px;
margin-bottom:6px;
}

.halfbox2 ul ul li {
font-size:1em;
}