#contentleft { 
     margin-top: 38px; 
     width: 370px; 
     float: left 
}

#contentcenter { 
     margin-top: 2px; 
     padding: 0; 
     width: 18px; 
     float: left 
}

#contentright { 
     margin-top: 18px; 
     padding-left: 30px; 
     width: 250px; 
     height: 500px; 
     float: left; 
     border-left: 1px solid #808080 
}

#frame { 
     text-align: left; 
     margin-top: 12px; 
     margin-right: auto; 
     margin-left: auto; 
     width: 100% 
}

#mainbox {
     
     width: 100%;
}

/*#banner      { background-color: #f2f2f2; background-repeat: no-repeat; padding: -2px 6px 0; position: fixed; top: 0; left: 0; width: 100%; height: 1.2em; float: left; }*/

#iconbox {
	margin-top: 15px;
	margin-right: 6px;
	background-image: url(../images/cciiconsm.png);
	width: 32px;
	height: 32px;
	float: left;
}


#banner {
     position: fixed;
     top: 0px;
     left: 0px;
     right: 0px;
     width: 100%;
	font-size: 8pt;
	background-color: #dbddd7; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(244, 244, 244)), to(rgb(205, 205, 205)));
	padding: 5px 8px 5px 8px;
	border-bottom: 1px solid #bfbfbf;
}
	
#home { 
     display: block;
     float:left;
}

#index { 
     display: block;
     float:right;
     padding-right: 16px;
}

#body {
	background: #456c6c; 
	text-align:center;	
/*	background-image: url(../images/page_middle.jpg); 
	background-repeat: repeat-y; */
/*		background-position:center;*/
/*	width: 840px;
	position: fixed;*/
	margin:auto;
	right:0px;
	left:0px;
	top:0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	
}

#body_wrapper {
	position:relative;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width: 840px;
	background-image: url(../images/page_middle.jpg); 
	background-repeat: repeat-y; 
	z-index: 2;
	height:auto; 
/*	position:relative; */
	margin-left:auto; 
	margin-right: auto; 
	margin-top:130px; 
	width: 840px; 
	z-index:100;"
}

#bottom_image_overlay{
	position: fixed; 
	width: 840px; 
	margin:auto;
	right:0px;
	left:0px;
	top:auto;
	bottom: 60px; 
	height: 58px; 
	z-index:5;
	background-image: url(../images/page_bg_bottom_2.png);
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), to(white));
}

#page_bottom {
	position: fixed; 
	width: 840px; 
	margin:auto;
	right:0px;
	left:0px;
	top:auto;
	bottom: 0px; 
	height: 133px; 
	z-index:5;
	background-image: url(../images/page_bottom.png);
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), to(white));
}
    h1 {
       color: rgba(0,78,78,90);
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0px 2px 0px;
    padding-top: 25px;
    text-align: left;
    text-indent: 0px;
    text-shadow: rgba(255, 255, 255, 0.7) 0px 2px 1px;
    border-bottom: 2pt solid rgba(0,78,78,0.4);
    font: 18.0px Futura,Trebuchet MS, Verdana, sans-serif;
    }

.RelatedHeading {
     font: 13.0px Trebuchet MS, Verdana, sans-serif;
     font-weight:bold;
     margin-top: 20px;
     margin-bottom: 6px;
     padding-top: 10px;
     border-top: 1pt solid rgba(0,48,48,0.4);
}

p {
	margin: 8.0px 0.0px 0.0px 0.0px; 
	font: 12.0px Lucida Grande,Verdana,sans-serif;
	line-height: 1.5em;
	    color: #0a0c0c;
		text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 1px;
}

.indented
{
     margin-left: 25px;
}

.small {
	
	margin: 8.0px 0.0px 0.0px 0.0px;
	font: 11.0px Lucida Grande, Verdana, sans-serif;
	line-height: 1.3em;
	color: #0a0c0c;
	text-shadow: rgba(255,255,255,0.7) 0px 1px 1px;
}

a, a:visited
{
	color: rgb(0, 78, 78);
	font-family: Trebuchet MS, Lucida Grande, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}
a:hover
{
	color: rgb(79, 20, 0);
	font-weight: bold;
	text-decoration: none;
}

ul {
	padding-top:0px;
	margin:0px 15px 8px 0px;
	list-style:url(../images/square_bullet.png);
}

ul.secondary {
		list-style:url(../images/bullet-dash.png);

}

ul li{
	margin-top:8px;
	font-family: Lucida Grande,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	list-style-type: disc;
}

ol li{
	margin-top:6px;
	font-family: Lucida Grande,Verdana,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

ul ul li
{
	margin-top: 2px;
}
.small
{
	margin-top: 2px;
}
ul ul {
	list-style: url(../images/bullet-dash.png);
	margin-left:0px;
}

ul.inTable {
     list-style-type: square;
     list-style-image: none;
     margin-left: -15px;
}

ul li.inTable {
     list-style-type: square;
     font-size: 10px;
     margin-top: 3px;
     line-height: 1.1em;
}
.bigger_list {
	padding-top: 5px;
	font-size: 12px;
	display: list-item;
	}
	
dl dt, dl dd {
margin-top:6px;
font-family: Lucida Grande,Verdana,sans-serif;
font-size: 12px;
line-height: 1.5em;
}

.dd_aligned
{
     margin-top:-18px;
}

h2 {
       color: #0a0c0c;
    font-weight: bold;
    line-height: 16px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 1px;
    border-bottom: 1pt solid rgba(0,78,78,0.2);
	margin: 15.0px 0.0px 5.0px 0.0px;
	 font: 15.0px Futura,Trebuchet MS, Verdana, sans-serif
}
    
 .navlist_major {
    color: #c6ffff;
    font-family: 'LucidaGrande-Bold', 'Lucida Grande', 'Lucida Console', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 7px;
    padding-top: 3px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    text-shadow: rgba(46, 55, 55, 0.9) 0px -1px 1px;
}
 .navlist_minor {
    color: #c6ffff;
    font-family: 'Lucida Grande', 'Lucida Console', sans-serif;
    font-size: 11.5px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 12.5px;
    margin: 0px;
    margin-left: 40px;
    margin-right: 0px;
    opacity: 1.00;
    padding-bottom: 4px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    text-shadow: rgba(46, 55, 55, 0.9) 0px -1px 1px;
}
.selected {
    color: #ffffff;
    opacity: 1.00;
}

.navlistitem {
	    text-shadow: rgba(46, 55, 55, 0.9) 0px -1px 1px;
	}
	
a.navlist, a.navlist:visited, a.navlistitem, a.navlistitem:visited {
    color: #baefef; 
	color: none;
    text-decoration: none;
	
	}
 a.navlistitem, a.navlistitem:visited {
 	color: #DFFFFF;
 	
 }
p.hilite > a.navlist {
	color: #FFFFFF;
	}
a.navlist:hover {
    color: #baefef; 
}
p.paragraph_style_a > a.navlist:hover {
	color: #FFFFFF;

	}
p.paragraph_style_1 > a.navlistitem:hover {
	color: #004E4E;
	text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 1px;

	}

   
    p.p29 {margin: 6.0px 0.0px 0.0px 83.0px; text-indent: -83.0px; font: 11.0px Lucida Grande, Verdana, sans-serif}
    .CCIBold {font: 13.0px Trebuchet MS, Verdana, sans-serif;font-weight:bold;}
    .CCIBoldItalics {font: 13.0px Trebuchet MS, Lucida-Sans, Verdana, sans-serif;font-style:italic;font-weight:bold;}
    .CCIItalics {
	font: 13.0px Trebuchet MS, Lucida-Sans, Verdana, sans-serif;font-style:italic;
}
    .runinHeading {font: 14.0px Futura,Trebuchet MS, Verdana, sans-serif}
    .newHighlighted {color: #2f3737; background-color: #FFFABA}
    .boldItalic {font: 12.0px Lucida Sans, Trebuchet MS;font-style:italic;font-weight:bold;}
    .italic {font: 12.0px Lucida Sans;font-style:italic;}
    .date {font: 10.0px Lucida Grande, Verdana, sans-serif}
    span.Apple-tab-span {white-space:pre}

    td.td7 {background-color: #ffffff; }
    td.td8 {background-color: #f5f5f5; }

 
 .cciSmallImage
 {
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
}
 .cciBigImage
 {
	-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.55);
}

 .cciHugeImage
 {
	-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55);
}

.rightImg
{
	float: right;
	margin-left: 12px;
	margin-bottom: 35px;
	margin-top: 10px;
/*	clear: both;*/
}
.leftImg
{
	float: left;
	margin-right: 12px;
	margin-bottom: 35px;
	margin-top: 10px;
	clear: both;
}

.box {
	text-align:left;
	margin: 20px 10px 20px 10px;
/*	display: inline;*/
	font: 10.0px Lucida Grande;
	padding: 0px 10px 15px 10px;
	background-color: rgb(245, 245, 245);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
	
	border: solid 1px rgb(120,120,120);
	-webkit-box-shadow: 0px 1px 10px #AFB3A7;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 15px; 
	-webkit-border-top-right-radius: 15px;
	
}

.boxhead {
	
	height:25px; 
	margin: 0px -10px;
	padding-top: 8px;
	background-color: #dbddd7; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(195, 195, 195)));

	text-align: center; 
	font: 15.0px Futura, Trebuchet MS, Lucida Grande; 
/*	font-weight: bold;*/
	color: #2f2f2f;
	border-bottom: 1px solid rgb(150, 150, 150);
	    text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 1px;
	
-webkit-border-top-left-radius: 15px; 
-webkit-border-top-right-radius: 15px;
	
}

/*ul li:before {
   content: counter(mycounter, square) "";
    color : #666;
    font-size : 100%;
    position: relative;
    top: -.05em;
    float: left;
    margin-right : .25em;
    margin-left : -1.2em;
    margin-bottom: 0em;
} */

.boxbulletlist li:before {
   	content: counter(mycounter, square) "";
    color : #666;
    font-size : 100%;
    position: relative;
    top: -.05em;
    float: left;
    margin-right : .25em;
    margin-left : -1.35em;
    margin-bottom: 0em;
} 

.crystal {
	text-align:left;
	margin: 20px 0px 20px 15px;
	width:100%;
	font: 10.0px Lucida Grande;
	padding:0px;
	border: solid 1px rgb(120,120,120);
	-webkit-box-shadow: 0px -1px 10px #AFB3A7;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 15px; 
	-webkit-border-top-right-radius: 15px;
	
}

.colhead {
	
	height:25px; 
	background-color: #dbddd7; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(244, 244, 244)), to(rgb(205, 205, 205)));
	padding: 0.0px;
	margin: 3.0px 0.0px ; 
	text-align: center; 
	font: 11.0px Lucida Grande; 
	font-weight: bold;
	color: #2f2f2f
}

.topleft {
	
	-webkit-border-top-left-radius: 20px;
	border-right: solid 1px rgb(160,160,160); 
	border-bottom: solid 1px rgb(160,160,160);	
}

.topright {
	-webkit-border-top-right-radius: 20px;
	border-bottom: solid 1px  rgb(160,160,160); 
	
}
.botleft {
	
	 -webkit-border-bottom-left-radius: 10px;
 	 border-right: solid 1.0px rgb(160,160,160); 
}

.botright {
	
	 -webkit-border-bottom-right-radius: 10px;
	 border-left: solid 1.0px rgb(160,160,160); 
}

td {
	padding: 5.0px;
	background-color: #ffffff;	
}

.left 
{
	border-bottom: solid 1px rgb(216, 216, 216);
		border-right: solid 1px rgb(160, 160, 160);

}

.middle {
	border-right: solid 1px #dbddd7; 
}

.right
{
	border-bottom: solid 1px rgb(216, 216, 216);
	
}

#linkinternalbox, #linkexternalbox {
	margin-top: 22px;
	margin-bottom: -5px;
}

.linkinternal, .linkexternal {
	margin: 1px 0px 1px 20px;
}

#credits {
	text-transform: uppercase;
	font-family: Trebuchet-MS, Verdana, sans-serif;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-size: 7pt;
	margin-top:60px;
	color: rgb(200, 200, 200);
	text-shadow: 0px -1px 1px rgba(43,52,52,0.8);
	z-index: 50;
	
}
