@charset "utf-8";

/* ----------------------------------------------------
Body Default
----------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
outline: none;
}



img {
border: none;
}

ul {
margin: 0px;
padding: 0px;
}

li {

}

li a {
text-decoration: none;
}


.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
/*.clear { float: left !important; clear: both !important; width: 100% !important; }*/

.hide {display:none;}

.clear {
clear: both;
}

.h10 {
height:10px;
}

.h15 {
height:15px;
}

.h20 {
height:20px;
}

img.padImage {
margin:10px 15px;
}

body {
font: normal 12px Arial, sans-serif;
text-align: left;
text-decoration: none;
color: #000000;
background-color: #ffffff;
position:relative;
background-image: url(/templates/cfmc/images/bodyBgDark.jpg);
background-repeat: repeat-x;
padding:0;
margin:0;
}

/* ----------------------------------------------------
Links
----------------------------------------------------*/

a {
text-decoration: underline;
color: #264D7D;
}

a:hover,
a:focus {
text-decoration: none;
}

a.pdf {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/pdf.png);
background-repeat:no-repeat;
}

a.word {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/word.png);
background-repeat:no-repeat;
}

a.excel {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/excel.png);
background-repeat:no-repeat;
}

a.page {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/page.png);
background-repeat:no-repeat;
}

a.ppt {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/ppt.png);
background-repeat:no-repeat;
}

a.cd {
padding-left:22px;
background-image:url(/files/cfmc/image/icons/cd.png);
background-repeat:no-repeat;
}


/* ----------------------------------------------------
Headings
----------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
display: inline;
}

h1, h1 a, h1 a:hover {
display:block;
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color: #264D7D;
margin-bottom:10px;
}

h2, h2 a, h2 a:hover {
display:block;
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color: #398C33;
margin-bottom:10px;
text-decoration:none;
}



h3 {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #264D7D;
text-transform:uppercase;
margin-bottom:10px;
}


/* ----------------------------------------------------
Global
----------------------------------------------------*/

.blueText {
font-weight:bold;
color:#264D7D;
}

.orangeText {
font-weight:bold;
color:#FF8100;
}

.greenText {
font-weight:bold;
color:#447B3F;
}

/* ----------------------------------------------------
Context
----------------------------------------------------*/

#outer {
margin:0 auto;
width:970px;
position:relative;
overflow: hidden;
}

#wrapper {
width: 950px;
background-color:#EAF0F7;
margin:0 auto;
position:relative;
}

#header {
width:100%;
height:115px;
position:relative;
background-image: url(/templates/cfmc/images/headFade.png);
background-repeat:no-repeat;
}

#logoBox {
position:absolute;
left:15px;
top:12px;
}

#slogan {
position:absolute;
left:15px;
top:12px;
}

#topNav {
position:absolute;
right:25px;
top:15px;
text-align:right;
}

#topNav a {
text-decoration: none;
color: #333333;
margin:0 3px;
font-size:13px;
}

#topNav a:hover {
color: #000000;
text-decoration: underline;
}

#topNav a.green {
color: #65C45D;
font-style:italic;
}

#searchBox {
position:absolute;
right:10px;
top:80px;
width:400px;
}

#searchBox img {
float:left;
margin-right:15px;
}

#searchBox form {
display:block;
float:right;
margin: 0 0 0 15px;
}

#searchBox .inputText {
width:160px;
border:1px solid #316CB3;
margin-right:3px;
padding:2px;
}

#searchBox .inputButton {
border:1px solid #65C45D;
color: #000000;
background-color:#CBCBCB;
padding:1px;
}

#nav {
height:37px;
background-color: #316CB3;
background-image: url(/templates/cfmc/images/navBg.jpg);
background-repeat: repeat-x;
}

#nav ul {
width:105%;
}

#nav ul li {
float:left;
display:block;
}

#nav ul li a  {
color:#F9F9F9;
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
padding:11px 29px 10px 30px;
display:block;
text-transform:uppercase;
border-right:1px #ffffff solid;
text-decoration:none;
}

#nav ul li a:hover, #nav ul li a.green  {
background-image: url(/templates/cfmc/images/navBgActive.jpg);
background-repeat: repeat-x;
}

#nav ul li ul {
visibility:hidden;/* display:none;*/
position:absolute;
z-index:1000;
margin-top:1px;
}

#nav ul li ul li {
clear:both;
background-color: #366196;

}

#nav ul li ul li a  {
clear:right;
padding:7px 13px;
border:0;
line-height:18px;
text-transform:none;
}

#nav ul li ul li a:hover {
background-color:#67B67D;
}

#col1 p,
#col2 p,
#col3 p,
#footer p {
margin-bottom:15px;
line-height:18px;
}


#col3 {
width:150px;
float:right;
}

#col3 .inner {
margin:10px;
}

#content {
float:left;
width:799px;
position:relative;
margin-bottom:20px;
}

#content p {
line-height: 20px;
}

#content.small-text
{
font-size: 13px;
}

#content.medium-text
{
font-size: 15px;
}

#content.large-text
{
font-size: 17px;
}

#content.larger-text
{
font-size: 19px;
}

#content ul, ol {
display:block;
margin-left:10px;
}

#content li {
margin-left:15px;
line-height:18px;
}


#banner {
}

#leftNav {
margin-top:17px;
}

#leftNav ul {
list-style:none;
}

#leftNav ul li ul {
display:none;
}



#leftNav ul li a {
color:#264D7D;
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
padding:2px 0 10px 0px;
display:block;
text-decoration:none;
}

#leftNav ul li ul li a {
color:#000000;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0 5px 28px;
display:block;
text-decoration:none;
}

#leftNav ul li a:hover  {
}

#col1 {
float:left;
width:235px;
margin-top:0px;
position:relative;
/*height:152px;*/
margin-bottom:15px;
}

#col1 #bottomBox {
margin-top:15px;

}

#col1 #searchBox {
position:relative;
width:auto;
margin:0;
top:0;
}

#col1 #searchBox form {
display:block;
margin: 0;
}

#col1 #searchBox .inputText {
width:150px;
margin:4px 0 0 15px;
padding:0;
float:left;
}

#col1 #searchBox .inputImage {
margin-left:9px;
}

#col1 .inner {
margin:17px;
}

#col1 a.arrowLink {
display:block;
clear:both;
text-decoration:none;
padding-left:25px;
font-size:16px;
background-image: url(/templates/cfmc/images/arrow.png);
background-repeat: no-repeat;
background-position: 5px 5px;
margin-top:10px;
color:#41983A;
}

#col1 a.arrowLink:hover {
text-decoration:underline;
}

#col1 a.arrowSubLink {
display:block;
clear:both;
text-decoration:none;
padding-left:35px;
font-size:13px;
background-image: url(/templates/cfmc/images/arrowGreen.png);
background-repeat: no-repeat;
background-position: 22px 6px;
margin-top:5px;
}

#col1 a.arrowSubLink:hover {
text-decoration:underline;
}

#col2 {
width:550px;
float:right;
margin-right:0px;
margin-top:17px;
}

#col2 .floatBox {
width:31%;
float:left;
margin-right:2%;
}

#breadcrumbs_container {
display:block;
margin:0;
padding:0;
margin-top:6px;
}

#breadcrumbs_container ul {
margin:0;
padding:0;
}

#breadcrumb {
list-style:none;
float:left;
display:block;
}

#breadcrumb li {
display:block;
float:left;
margin:0;
padding:0;
}

#breadcrumb li a {
display:block;
text-decoration:none;
color:#000000;
background-image: url(/templates/cfmc/images/arrow.png);
background-repeat: no-repeat;
background-position: 5px 6px;
padding-left:20px;
padding-right:5px;
}

#breadcrumb li a.homeLink {
background:none;
padding-left:0px;
}

#footer  {
color:#333333;
font-size:11px;
}

#footer .inner {
margin:20px;
}

#footer .leftBox {
float:left;
}

#footer .rightBox {
float:right;
text-align:right;
width:40%;
}

#footer .rightBox a {
color:#000000;
text-decoration:none;
}

#footer .rightBox a:hover {
text-decoration:underline;
}


/* root element for scrollable */
div.scrollable {

/* required settings */
position:relative;
overflow:hidden;

/* vertical scrollers have typically larger height than width */
height: 265px;
width: 130px;
}

/* root element for scrollable items */
div.scrollable div.items {
position:absolute;
height:800px;
overflow:visible;
}

table.padtable td {
padding:6px;
}
.reqWsTable{line-height:1.6;}
.reqWsTable td{padding:6px;}
.regDiv{line-height:1.6;padding:6px;}


p.small {
font-size:9px;
color:#666666;
}
/*
#no_flash_alt_image {
display: none;
}
*/


/* ***********************************
LogOut Button
************************************ */
.orangebtn205,
.orangebtn180,
.orangebtn150 {
display: block;
width: 205px;
height: 20px;
font-size: 15px;
line-height: 20px;
text-align: center;
background: url(/templates/cfmc/images/orange_button_205.png) no-repeat 0 0;
color: #fff !important;
font-weight: bold;
text-decoration: none !important;
margin: 26px 0;
}
.orangebtn180 {
width: 180px;
background-image: url(/templates/cfmc/images/orange_button_180.png);
}
.orangebtn150 {
width: 150px;
background-image: url(/templates/cfmc/images/orange_button_150.png);
}
.orangebtn205:hover,
.orangebtn205:focus,
.orangebtn180:hover,
.orangebtn180:focus,
.orangebtn150:hover,
.orangebtn150:focus {
color: #afb !important;
}


/* ***********************************
LEFT NAV COMP
************************************ */
/* Drop-down */

ul#leftnav {
padding: 0 0 20px 20px;
margin: 0;
}
ul#leftnav li {
padding: 0;
margin: 0;
font-size: 14px;
list-style-image: url("/templates/cfmc/images/arrow.png");
padding: 0 0 10px 0;
}

ul#leftnav li a {
color: #036;
text-decoration: none;
}
ul#leftnav li a:hover,
ul#leftnav li a:focus {
color: #41983a;
}



ul#leftnav li ul {
margin: 0;
padding: 0.1em 1em 0.4em 1em;
display: none;
}
ul#leftnav li:hover ul {
margin: 0;
padding: 0.1em 1em 0.4em 1em;
display: block;
}

ul#leftnav li ul li {
font-size: 12px;
list-style-image: url("/templates/cfmc/images/arrowGreen.png");
padding: 0 0 4px 0;
}
ul#leftnav li ul li a:hover,
ul#leftnav li ul li a:focus {
color: #036;
text-decoration: underline
}

/* FlyOut */
/*
ul#leftnav {
padding: 0;
margin: 0 0 40px;
}
ul#leftnav li {
padding: 3px 0 3px 0px;
margin: 0;
font-size: 14px;
list-style:none;
position: relative;
background: #eaf0ef7;
border-top: 1px solid #65c45d;
}
ul#leftnav li:first-child {
border-top: none
}

ul#leftnav li a {
color: #036;
text-decoration: none;
padding: 0 0 0 20px;
background: url("/templates/cfmc/images/arrowGreen.png") no-repeat 5px 5px;
display: block
}
ul#leftnav li a:hover,
ul#leftnav li a:focus {
color: #41983a;
}



ul#leftnav li ul {
width: 140px;
margin: 0;
padding: 1em;
background:#316CB3;
color: #fff;
position:absolute;
top: 0;
left: 90%;
z-index: 1000;
display: none;
}
ul#leftnav li:hover ul,
ul#leftnav li:focus ul {
display: block;
}

ul#leftnav li ul li {
font-size: 12px;
list-style: none;
border-top: 1px solid #69c;
}
ul#leftnav li ul li a,
ul#leftnav li ul li a {
color: #fdfeff;
padding: 0;
margin: 0;
background: none;
text-decoration: none;
}
ul#leftnav li ul li a:hover,
ul#leftnav li ul li a:focus {
color: #fff;
text-decoration: underline;
}
*/


/*  Static */
/*
ul#leftnav {
padding: 0 0 20px 20px;
margin: 0;
}
ul#leftnav li {
padding: 0;
margin: 0;
font-size: 14px;
list-style-image: url("/templates/cfmc/images/arrow.png");
}

ul#leftnav li a {
color: #036;
text-decoration: none;
}
ul#leftnav li a:hover,
ul#leftnav li a:focus {
color: #41983a;
}



ul#leftnav li ul {
margin: 0;
padding: 0.1em 1em 0.4em 1em;
}

ul#leftnav li ul li {
font-size: 12px;
list-style-image: url("/templates/cfmc/images/arrowGreen.png");
}
ul#leftnav li ul li a:hover,
ul#leftnav li ul li a:focus {
color: #036;
text-decoration: underline
}
*/
/**************** END LEFT Menu ****************/
