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

html,body{margin:0;padding:0}
body{font: 85% "Arial";text-align:center; line-height:2em; color:#2E2E2E; margin-top:0px; background:url(cgc-images/bg.jpg) repeat-x;}
p{margin:0 10px 10px}
h3 { color:#4687BD; padding-left:10px;}
strong { color:#000000}
div#content h1 { color:#333333; padding-left:10px; border-bottom: dotted 1px #999999;}
div#contactbox h1 { margin:0; padding:0; color:#666666; }
div#nav a{color: #2D2D2D;padding:0px; text-decoration:none;} 
div#header p{ height:0px;  margin:1px; border-bottom: dotted 1px #999999; }
.CGC { color:#004778}
div#logo { float:left; height:105px; width:84px; background-image:url(cgc-images/logo.png);}
div#banner { padding-top: 0px;
	float:right;
	height:84px;
	width:871px;
}
div#nav {
	float:left;
	height:41px;
	width:855px;
	padding:0px 0px 0px 0px;
	/*background-image: url(cgc-images/nav1.png);*/
	background-repeat:repeat-x;
}
div#flash {height:165px; margin:0; padding:2px 0px 2px 0px; }
div#belowflash {height:7px; background:url(cgc-images/below_flash.gif) repeat-x; margin:0;}
div#contactbox { color:#666666; margin:0; padding:34px 0px 0px 40px;}
div#footerbg {height:20px; background:url(cgc-images/below_flash.gif) repeat-x; margin:0;}

.clearer { padding-bottom:10px;
	clear:both;
}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#fff; }
div#footer{color: #606060; background:url(cgc-images/below_flash.gif) top repeat-x; padding-top:10px; padding-bottom:10px;}
div#footer p{margin:0;padding:0px 0px}
.copyright{color: #004778; font-size:11px; padding-left:6px; padding-bottom:10px; line-height:normal; }

a:link, a:visited { color:#EDBA00; text-decoration:none;}

div#container{width:965px; margin:0 auto}
div#content{float:left; width:652px; height:100%; }
div#navigation{float:right;width:313px; height:290px; background:url(cgc-images/contact.gif) repeat-x;}
div#extra{float:right;clear:right;width:313px; height:319px; }
div#footer{clear:both;width:100%}

/*#navlist li
{
display: inline;
list-style-type: none;
padding-left: 18px;
}
*/

div#footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


div# menu ul, ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#footer a{color: #2D2D2D;padding:0px; text-decoration:none;} 
#footerlist li
{
display: inline; 
list-style-type: none;
padding-right: 5px; border-right:1px solid #333333; font-size:11px;
padding-left: 5px;
}


img.floatLeft {
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/*you may also like to add some styles for the rest of the form*/
 
.fieldset    { height: 20px; width:210px;
font-family:Georgia, "Times New Roman", Times, serif; color:#333333;
    border-style: solid;
    border-width: 1px;
    border-color: #D6D6D6;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff; background:url(cgc-images/text_fieldbg.gif) top repeat-x;
    }




#menu {padding:0; margin:0; list-style:none;  position:relative; z-index:700; font-family: "Arial"; background: url(cgc-images/anav_bg.jpg) repeat-x;}
#menu li {float:left;  }
#menu li a {display:block;  height:29px; background:transparent; color:#333333; border-right:0px dotted #333333; text-decoration:none; font-size:12px; padding:5px 12px 0px 12px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#003366; background:url(hover.png) no-repeat top;}
#menu li:hover {position:relative; z-index:200; background:#004778; background: url(cgc-images/menu_bg.gif);}

#menu li:hover > a {color:#fff; background: url(hover.png) no-repeat top;}
#menu li:hover > a.sub {color:#fff; height:29px; padding-top:5px;  background:url(cgc-images/arrow-top.png) no-repeat top;}

#menu li.current a {color:#fff; background:#840; border-right:1px dotted #333333; }

#menu li a.sub {background:  url(ddown-arrow.gif) no-repeat right center; height:26px;}
#menu li.current a.sub {color:#fff; background:#840 url(ddown-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:34px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:110px; top:-1px; background:#222; white-space:nowrap; width:140px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-bottom:1px solid #fff;}
#menu :hover ul li a {width:140px; padding:0; text-indent:15px; text-align:left; background:#548BB2; color:#ccc; height:25px; line-height:25px; font-size:10pt;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#004778; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff; font-size:10pt;}
#menu :hover ul li.currentsub a.fly {background: url(cgc-images/menu_bg.gif); color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:15px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}