/* -- Main layout styles -- */

body {
  margin: 1em 1em 1em 1em;
  padding: 0px;
  font-family: verdana, sans-serif;
  font-size: 1.0em;
  background-color: #333;
 }
 
#siteBox {
  float: left;
  width: 100%;
  color: #FFF;
}





/* -- Header layout/display styles -- */

#header {
  float: left;
  width: 100%;
  height: 4em;
  background: #25509F url(../../CC07/images/hdr.jpg) no-repeat bottom left;
}

#header a {
  float: right;
  width: 8em;
  padding: 5px 10px 5px 10px;
  font-size: 0.6em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  background-color: #666;
  border-bottom: 2px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

#header a:hover, #header a.active {
  padding-top: 10px;
  background-color: #333;
}

#header a.lastMenuItem {
  background-image: url(../../CC07/images/corner_tr.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
}

a .desc {
  display: none;
  text-transform: lowercase;
  color: #0066CC;  
}

a:hover .desc, .active .desc {
  display: block;
}




/* -- Header title and subTitle layout/display styles -- */


.title {
  float: left;
  padding: 1em 30px 0 2em;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  line-height: 0.75em;
  letter-spacing: 0.15em;
  color: #0066CC;
}

.subTitle {
  display: block;
  font-size: 0.6em;
  text-transform: lowercase;
  line-height: 1.2em;  
  letter-spacing: 0.01em;
}





/* -- Content layout/display styles -- */

#content {
  float: left;
  width: 100%;
  padding: .1em 0 .5em 0;
  background-color: #666;
}

#contentFull {
  float: right;
  width: 100%;
  padding: .05em 0 .5em 0;
  background-color: #666;
}

#contentLeft {
  float: left;
  width: 23.3%;
  margin-bottom: 1em;
  background: #777 url(../../CC07/images/corner_sub_tr.gif) no-repeat top right;  
}

#contentRight {
  float: right;
  width: 75%;
  
  background: #777 url(../../CC07/images/corner_sub_tl.gif) no-repeat top left;
}

#contentRightSpecial {
  float: right;
  width: 75%;
  
  background: #8D969E url(../../CC07/images/corner_sub_tl.gif) no-repeat top left;
}

#content p {  
  margin: 1.2em 1.2em 1.2em 1.2em;
  font-size: 0.8em;
  line-height: 1.6em;
}



#content a {  
  text-decoration: none;
  color: #00CCFF;
  border-bottom: 1px solid #AAA;
}

#content a.image {  
  border: 0px
  }


#content a:hover {
  color: #FFFF99;
  background-color: #888;
  border-bottom: 1px solid #EEEEEE;
}

.header, .subHeader {
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #FFCC33;
  border-bottom: 1px solid #AAA;    
}

.subHeader {
  border: 0px;
}





/* -- Content left site links (large plus icon) -- */

#content a.menuItem {
  display: block;  
  padding: 5px 0 5px 24px;
  background: url(../../CC07/images/icn_plus.gif) no-repeat center left;
  border: 0px;
}

#content a:hover.menuItem { 
  color: #DDD;
  background: #888 url(../images/icn_plus_on.gif) no-repeat center left;
  border: 0px;
}





/* -- Footer layout/display styles -- */

#footer {
  float: left;
  width: 100%;
  height: 3em;
  font-size: 0.6em;
  text-transform: lowercase;
  line-height: 2.6em;
  color: #0066CC;
  background: #25509F url(../../CC07/images/hdr.jpg) repeat-y top left;
}

#footerLeft {
  float: left;
  width: 60%;
  height: 5em;
  text-align: left;
  background: url(../../CC07/images/corner_bl.gif) no-repeat bottom left;
}

#footerRight {
  float: right;
  width: 35%;
  height: 5em;
  text-align: right;
  background: url(../../CC07/images/corner_br.gif) no-repeat bottom right;
}

#footer a {
  color: #0066CC;
}

#footer a:hover {
  color: #666666;
}




/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.black {
  font-size: 0.9em;
  color: #000000;
}

.white {
    color: #FFF;
}

.caption {
  font-size: 0.8em;
  line-height: 1.6em;
  color: #FFF;
}

.divider {
    line-height: 0.3em;
	border-bottom: 1px solid #AAA;
  }

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}







/* -- <ul> tag styles -- */

ul{
  font-size: 1.0em;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-image: url(../../CC07/images/clear.gif);
}

li {
  margin-left: 5px;
}






/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}

.imgcenter {
  float: center;
  margin-right: 0px;
}






/* -- Utility classes to create the bottom rounded corners -- */

.bottomCorner {
  text-align: right;
  border-bottom: 3px solid #666;
}

.bottomCornerLeft {
  text-align: left;
  border-bottom: 3px solid #666;
}

.vBottom {
  vertical-align: bottom;
  
}

/* -- Navigation -- */
#menu {
	BACKGROUND-COLOR: transparent

  width: 100%;
  padding: .05em 0 .5em 0;
  font-weight: bold;
  
}
#menu DIV.top {
	PADDING-RIGHT: 8px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; WIDTH: 100%; PADDING-TOP: 3px; 
}
#menu DIV.section {
	DISPLAY: inline;
	Z-INDEX: -1;
	WIDTH: 215px;
	POSITION: absolute; float: left; 
}
#menu DIV.box {
	BORDER-RIGHT: #dddddd 1px; PADDING-RIGHT: 8px; BORDER-TOP: #dddddd 1px; PADDING-LEFT: 6px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #dddddd 1px; WIDTH: 100%; PADDING-TOP: 4px; BORDER-BOTTOM: #dddddd 1px solid; POSITION: relative;  BACKGROUND-COLOR: #333
}
#menu A {
	FONT-SIZE: 11px; COLOR: #00CCFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#menu A:hover {
	FONT-SIZE: 11px; COLOR: #FFFF99; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}

.ccgold-white {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.ccgold-whiteHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
}
.ccgold-blackHeaderCopy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
	color: #000;
}
.ccgold-black {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
}