/* CSS Document */
body{
margin:0px;
padding:0px;
background-color:#000000;
}
#wrapper{
width:960px;
margin:auto;
background-color:#FFFFFF;
}
#header{
height:168px;
}
#header .left{
float:left;
text-align:center;
width:220px;
height:128px;
padding-top:40px;
}
#header .right{
float:left;
width:740px;
height:168px;
background-color:#C0E20E;
}
.logo{
padding:28px 42px 0 0;
text-align:right;
}
.link_bg{
height:26px;
background-color:#013333;
}
a.link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin-left:60px;
text-decoration:none;
}
a.link:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#C0E20E;
margin-left:60px;
text-decoration:none;
}
* html a.link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin-left:54px;
text-decoration:none;
}
* html a.link:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#C0E20E;
margin-left:54px;
text-decoration:none;
}
#content_area{
background-image:url(../../images/front/content_area_bg.jpg);
background-repeat:repeat-y;
width:960px;
min-height:520px;
_height:520px
}
#content_area .left{
float:left;
width:220px;
}
#content_area .right{
float:left;
width:740px;
}
.content {
padding:25px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}
.text1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.padding1{
padding-bottom:10px;
}
.padding2{
padding:87px 0 160px 35px;
text-align:left;
}
.padding3{
padding:25px 45px 0 27px;
}
.padding4{
padding-left:240px;
padding-top:0px;
}
* + html .padding4{
padding-left:240px;
padding-top:0px;
}
.padding5{
padding-left:10px;
}
.padding6{
padding-bottom:15px;
}
.height1{
height:35px;
width:148px;
overflow:hidden;
}
.rgt_text_area{
float:right;
position:relative;
width:380px;
top:20px;
right:36px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:24px;
letter-spacing:-1px;
color:#588945;
z-index:1111;
}
.img_area{
float:left;
width:120px;
}
.text_area{
float:left;
width:560px;
}
.text_field{
border:1px solid #c2c2c2;
width:180px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
}
#footer_bgcolor{
background-color:#013333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:30px;
line-height:30px;
vertical-align:middle;
color:#FFFFFF;
}
.arrow_pos{
float:right; 
font-size:10px; 
padding-right:10px;
}
* + html .arrow_pos{
float:right; 
font-size:10px; 
padding-right:10px;
margin-top:-16px;
}
.balance{
clear:both;
}

/*START OF HORIZONTAL MENU*/

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ba963f; 
	position: absolute;
	z-index:2000;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; height:26px; margin-left:0px; margin-top:-2px;  }
* + html.menu ul {padding:0; margin:0; list-style-type:none; height:26px; margin-left:0px; margin-top:-8px;  }
/* style the sub-level lists */
.menu ul ul { width:142px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:26px; 
line-height:26px; 
vertical-align:middle; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF; 
}


/* style the sub level list items */
.menu ul ul li {display:block; width:142px; height:auto;position:relative;line-height:1em; }

/* style the links for the top level */
.menu a, .menu a:visited {display:block; background:url(../images/btn_about_ccf.jpg); padding:0 25px;   height:27px;    float:left; text-align:center; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none;    }
* html .menu a, * html .menu a:visited {display:block; background:url(../images/btn_about_ccf.jpg);   height:26px; padding:0 25px; float:left; text-align:center; vertical-align:middle;  text-decoration:none;}

/* first */
.menu a:hover {display:block; background:url(../images/btn_about_ccf_h.jpg);  height:27px; text-align:center; vertical-align:middle; }
.menu :hover > a {display:block; float:left; background:url(../images/btn_about_ccf_h.jpg);  height:27px;}

* html .menu a:hover {display:block; background:url(../images/btn_about_ccf_h.jpg);  height:26px; text-align:center; vertical-align:middle; }
* html .menu :hover > a {display:block; float:left; background:url(../images/btn_about_ccf_h.jpg);  height:26px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background: #013333; color:#fff; font-size:11px; width:126px; height:100%;line-height:16px; padding:0.4em 8px 0.4em 8px; text-align:left; text-decoration:none;}

.menu ul table ul a, .menu ul table ul a:visited  {width:130px; }


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:14px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #c013333; color:#fff;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#013333; color:#fff;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#dccdcd;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#c2ecff;}

/* style the level hovers */

/* second */
.menu ul ul a:hover{display:block; background: #c0e20e; color:#000; font-size:11px; width:126px; height:100%;line-height:16px; padding:padding:0.4em 8px 0.4em 8px; text-align:left; text-decoration:none;}
.menu ul ul :hover > a {display:block; background: #c0e20e; color:#000; font-size:11px; width:126px; height:100%;line-height:16px; padding:padding:0.4em 8px 0.4em 8px;; text-align:left; text-decoration:none;}
/* third */
.menu ul ul ul a:hover {background:#c0e20e; color:#000;}
.menu ul ul ul :hover > a {background:#c0e20e; color:#000;}
/* fourth */
.menu ul ul ul ul a:hover {background:#c0e20e; color:#000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:27px; left:17px; width:142px;  border-left:1px solid #013333; border-right:1px solid #013333; border-top:1px solid #013333; border-bottom:1px solid #013333; margin-top:0px; }

/* position the third level flyout menu */
.menu ul ul ul{left:142px; _left:142px; top:-1px; width:142px; border-left:1px solid #013333; border-right:1px solid #013333; border-top:1px solid #013333; border-bottom:1px solid #013333;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:0px; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*END OF HORIZONTAL MENU*/