a {
	color: #0000CC;
	text-decoration: none;
	}
a.bannerHerbs {
	background-color: #9090AA;
	text-decoration: none;
	color: #FEFEFE;
	}
a.bannerHerbs:hover {
	color: #0000FF;
	text-decoration: underline;
	}
a.horizMenuActive:hover {
	text-decoration: underline;
	color: #0000FF;
	}



body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	height: auto;
	width: 100%;
	}
	
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.cchbutton {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
	border-radius: 12px;
	padding: 5px;
}


.child table {
    border-collapse: inherit;
    border-style: inherit;
	width: inherit;
	padding: inherit;
	margin: inherit;
}

.child td {
	line-height: inherit;
	font-family: inherit;
	font-size: inherit;

}


td.spacer1 {
  background: white;
  padding: 0;
  margin: 0;
  border-style: none; 
}

td.spacerHeader {
  padding: 0;
  margin: 0;
  border-style: none; 
}

td.spacer2 {
  height: 1%;
  width: 15%;
}


td.bodyspacer {
  height: 1%;
  width: 70%;
}

td.halfspacer {
  height: 1%;
  width: 40%;
}

td.filler1 {
  background-color: #9090AA;
	vertical-align: top;
}


td.filler2 {
  background-color: #9090AA;
	vertical-align: top;
	width: 15%;
}


img.spacer1 {
  height: 1%;
  width: 5%;
}


img.spacer2 {
  height: 1%;
  width: 15%;
}

img.bodyspacer {
  height: 1%;
  width: 70%;
}

img.imagespacer {
  height: 766px;
  width: 112px;

}


img.CCHM {
  height: 80px;
  width: 80px;
}

img.CCHL {
  height: 120px;
  width: 120px;
  margin-left: 20px;
  margin-top: 20px;
}

img.hartman {
  max-width: 85%;
  display: inline-block;
/*  clip-path: inset(5% 15% 5% 0%);*/
/*(top, right, bottom, left)*/
}

img.hartmanB {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

img.aboutimg {
  height: 360px;

}

td.bkgd {
  background-color: #C6C6E1;

}

/*butttons*/
/*design modified from one by Jeremy Huff, Texas A&M Library,College Station, http://jsfiddle.net/jeremythuff/nkPnS/ */
/*#163772  changed to #9090AA*/
/*#333797 changed to #C6C6E1*/

.btn-big {
float: right;
background-color: grey;
background-image: -webkit-linear-gradient(283deg, rgba(255, 255, 255, 0.1) 50%, transparent 55%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), transparent);
border-radius: 6px;
box-shadow: 0 0 0 1px #C6C6E1 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 4px 0 0 #9090AA,0 4px 0 1px rgba(0, 0, 0, 0.4),0 4px 4px 1px rgba(0, 0, 0, 0.5);
color: white !important;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
height: 55px;
letter-spacing:0.01em;
/*letter-spacing: -1px;*/
line-height: 55px;
margin: 10px;
position: relative;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none !important;
-webkit-transition: all .2s linear;
width: 275px;
}

.btn-big:active {
background-color: grey;
top: 4px;
box-shadow: 0 0 0 1px #7d80a1 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0 #9090AA,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
}

.btn-big:hover {
background-color: black;
position: relative;
top: -1px;
box-shadow: 0 0 0 1px #9090AA inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 7px 0 0 #464866,0 5px 0 1px rgba(0, 0, 0, 0.4),0 5px 8px 1px rgba(0, 0, 0, 0.5);
}


.btn-big-alt{
float: right;
background-color: grey;
background-image: -webkit-linear-gradient(283deg, rgba(255, 255, 255, 0.1) 50%, transparent 55%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), transparent);
border-radius: 6px;
box-shadow: 0 0 0 1px #C6C6E1 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 4px 0 0 #9090AA,0 4px 0 1px rgba(0, 0, 0, 0.4),0 4px 4px 1px rgba(0, 0, 0, 0.5);
color: white !important;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
height: 55px;
letter-spacing:0.01em;
/*letter-spacing: -1px;*/
line-height: 55px;
margin: 10px;
position: relative;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none !important;
-webkit-transition: all .2s linear;
width: 350px;
}

.btn-big-alt:active {
background-color: grey;
top: 4px;
box-shadow: 0 0 0 1px #7d80a1 inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0 #9090AA,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
}

.btn-big-alt:hover {
background-color: black;
position: relative;
top: -1px;
box-shadow: 0 0 0 1px #9090AA inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 7px 0 0 #464866,0 5px 0 1px rgba(0, 0, 0, 0.4),0 5px 8px 1px rgba(0, 0, 0, 0.5);
}

/*.btn-big:active {
background-color: black;
top: 4px;
box-shadow: 0 0 0 1px #9090AA inset,0 0 0 2px rgba(255, 255, 255, 0.15) inset,0 0 0 0 #C6C6E1,0 0 0 1px rgba(0, 0, 0, 0.4),0 0px 8px 1px rgba(0, 0, 0, 0.5);
}*/

span.buttonB {
  display: inline-block;
}


/*header image variants*/
.cch-top-image-center001 {
/*default is top left, 0 0*/
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch001.jpg");
  background-position: 30% 63%;
  background-repeat: no-repeat;
  background-size: 150%;
  position: relative;
}

.cch-top-image-center002 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch002.jpg");
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}


.cch-top-image-center3 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4848b.jpg");
  background-position: 0% 73%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.cch-top-image-center4 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4850.jpg");
  background-position: 0% 39%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.cch-top-image-center5 {
  width: 100%;
  height: 100%;
  background-color: #c;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952.jpg");
  background-position: 0% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cch-top-image-center6 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch8743.jpg");
  background-position: 0% 95%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.cch-top-image-center7 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch8851.jpg");
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.cch-top-image-xy001 {
/*default is top left, 0 0*/
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch001.jpg");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}


.cch-top-image-xy002 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch002b.jpg");
  background-position: 0% 10%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.cch-top-image-xy002crop {
  width: 100wv;
  height: auto;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch002b_crop.jpg");
  background-position: 0% 25%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}

.cch-top-image-xy2 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch002.jpg");
  background-position: 25% 42%;
  background-repeat: no-repeat;
  background-size: 140%;
  position: relative;
}

.cch-top-image-xy2b {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch002b.jpg");
  background-position: 55% 85%;
  background-repeat: no-repeat;
  background-size: 150%;
  position: relative;
}



.cch-top-image-xy3 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4848b.jpg");
  background-position: 55% 53%;
  background-repeat: no-repeat;
  background-size: 110%;
  position: relative;
}


.cch-top-image-xy4 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4850.jpg");
  background-position: 0% 55%;
  background-repeat: no-repeat;
  background-size: 120%;
  position: relative;
}

.cch-top-image-xy5 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952b.jpg");
  background-position: 0% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.cch-top-image-xy5crop {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952b_crop.jpg");
  background-position: 0% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.cch-top-image-xy5b {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952b.jpg");
  background-position: 100% 42%;
  background-repeat: no-repeat;
  background-size: 150%;
  position: relative;
}


.cch-top-image-xy5c {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952.jpg");
  background-position: 0% 66%;
  background-repeat: no-repeat;
  background-size: 150%;
  position: relative;
}


.cch-top-image-xy5d {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch4952.jpg");
  background-position: 100% 90%;
  background-repeat: no-repeat;
  background-size: 130%;
  position: relative;
}


.cch-top-image-xy6 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch8743.jpg");
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}


.cch-top-image-xy7 {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch8851.jpg");
  background-position: 0% 40%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}


.cch-top-image-xy7b {
  width: 100%;
  height: 100%;
  background-color: #9090AA;
  background-image: url("https://ucjeps.berkeley.edu/common/images/cch/cch8851.jpg");
  background-position: 0% 80%;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}


.bodyText6 {
	color:#003366;
	line-height:18px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-indent: 0.75in;
	}	

.bodyText7 {
	color:#8633ff;
	line-height:18px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-indent: 0.75in;
	}
	
.bodyText8 {
	color:#003366;
	line-height:20px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-indent: 0.75in;
	}


.banner {
	background-color: #9090AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bolder;
	color: #FEFEFE;
	}

table.headerTable {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;	
}



/* Class Styles */

.shadow-color {
    position: relative;
}

.color-box {
    width: 75%;
    display: block;
    background-color: #ccc;
    float: left;
    padding: 10px;
}

.aboutAbove {
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	}

.generalText {
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	}

.generalTextBold {
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	}


.generalItalicsBold {
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: italic;
	}

.bodyFull {
	align-content: left;
	width: 98%;
	padding: 0;
	margin: 0;
}


.hartmanFull {
	text-align: left;
	padding: 5px;
	position: relative;
	width: 80%;
}

.aboutborder {
	position: relative;
	display: inline-block;
	border: 0;
	padding: 5px;
	max-width: 288px;
	min-width: 144px;
	border-spacing: 0;
	border-collapse: collapse;
}

.aboutLeft {
	text-align: left;
	float: left;
	position: relative;
	display: inline-block;
	border: 0;
	padding: 5px;
	border-spacing: 0;
	border-collapse: collapse;
	width: 95%;
}

.aboutSizeLeft {
	text-align: left;
	float: left;
	position: relative;
	display: inline-block;
	padding: 5px;
}

.aboutSizeRight {
	position: relative;
	float: right;
	padding: 5px;
	display: inline-block;
}

.sidebarLeft {
	float: left;
	display: inline-block;
	position: relative;
}



.hartmanCenter {
	float: center;
	display: inline-block;
	position: relative;
}


.bodyRightSection {
	float: right;
	position: relative;
	display: inline-block;
}


.hartmanclipB {
	max-width: 40%;
	clip-path: inset(7% 20% 0% 0%);
/*(top, right, bottom, left)*/
}

.hartmanclipA {
	clip-path: inset(5% 20% 5% 0%);
/*(top, right, bottom, left)*/
}

.hartmansize {
	border-style: ridge;
	width: 40%;
	padding: 5px;
}

.hartmanLeft {
	border-style: ridge;
	padding: 0;
	margin: 0;
}

.hartmanRight {
	border-style: ridge;
	padding: 5px;
	margin: 0;
	position: relative;
	display: inline-block;
	float: right;
}


.hartmanborder {
	border-style: ridge;
	padding: 0;
	max-width: 300px;
	min-width: 100px;
	border-spacing: 0;
	border-collapse: collapse;
}

.updateRight {
	border-style: ridge;
	padding: 5px;
	position: relative;
	display: inline-block;
	max-width: 450px;
	min-width: 220px;
}

.updateSpacer {
	border-style: none;
	padding: 5px;
	position: relative;
	display: inline-block;
	width: 5px;
}


.updateLeft {
	border-style: ridge;
	padding: 5px;
	position: relative;
	display: inline-block;
	float: left;
	max-width: 450px;
	min-width: 220px;
}


.cchRightMargin {
	position: relative;
	background: #9090AA;
	vertical-align: top;
}

.aboutMap {
	position: relative;
	vertical-align: top;
}

.bannerSmTable {
	float: left;
	width: 1000px;
	height: 40px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 0px;
	display:table;
	}
	
.bannerSmFont {
	padding-left: 30px;
	display: table-cell;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #FEFEFE;
	}
	
.bannerLgFont {
	padding-left:10px;
	display:table-cell;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-style: bold;
	color: #FEFEFE;
	}

.bannerSmFontSH {
	/*text-shadow: 4px 4px 8px black;*/
	text-shadow: -1px -1px 6px black, 5px 5px 5px black;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 25px;
	margin-right: 25px;
	display: table-cell;
	line-height: 24px;
	letter-spacing: -0.02em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 400;
	color: #FEFEFE;
	/*letter-spacing:0.05em;*/
	}
	
.bannerLgFontSH {
	/*text-shadow: 5px 5px 5px black;*/
	text-shadow: -1px -1px 6px black, 5px 5px 5px black;
	padding-left: 5px;
	line-height: 56px;
	display:table-cell;
	vertical-align: middle;
	letter-spacing: -0.02em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: 500;
	color: #FEFEFE;
	}


.headerTOPMdFont {
	padding-left: 10px;
	display:table-cell;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	}

.headerBOTMdFont {
	color:#FEFEFE;
	text-align: left;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	}

.headerBOTMdFontSH {
	text-shadow: 4px 4px 8px black;
	color:#FEFEFE;
	text-align: left;
	letter-spacing: 0.05em;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight: 500;
	}



.headerCENMdFont {
	float:left;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	display:table;
	}


.bannerLargerText {
	font-size: 20px;
	color: #FEFEFE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        }

.banner {
	background-color: #9090AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bolder;
	color: #FEFEFE;
	}
	
.bannerLeft {
	background-color: #C6C6E1;
	}
	
	
.tagList {
	font-weight: bolder;
	background-color: #9090AA;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
.bannerHerbs {
	font-size: 14px;
	font-style: italic;
}

.bannerBold {
	padding-left:10px;
	font-size: 14px;
	font-weight: 700;
}

.bodyCloserText {
	color:#24242F;
	line-height:14px;
	margin-top:0px;
	font-size: 12px;
    }
.exampleLinkText {
	color:#FFFFFF;
	line-height:normal;
	margin-top:0px;
	font-size: 11px;
	}
.bodySmallerText {
	color:#24242F;
	line-height:normal;
	margin-top:0px;
	font-size: 11px;
	}
.bodyLargerText {
        color:#24242F;
        line-height:normal;
        margin-top:0px;
        font-size: 13px;
        }

.bodyText {
	color:#24242F;
	line-height:18px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.bodyRef {
	color:#24242F;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: -0.5in;
	margin-left: 0.5in;
	}
.caption {
	font-size: 9px;
	}
.copyrightText {
	color:#24242F;
	line-height:18px;
	margin-top:0px;
	font-size: 11px;
	}
.horizMenu {
	background-color: #CFCFDA;
}

.horizMenuActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}
.horizMenuInactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: silver;
	}
.oldFont {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.pageAuthorLine {
	/*color: #585872;*/
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	}
	
.pageAuthorLineB {
	/*color: #585872;*/
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	}
	
.pageName{
	line-height:24px;
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	}
	
.pageNameB {
	line-height:32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
	}

.pageNameC {
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 700;
	}

.pageNameCenter {
	line-height:24px;
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	}
	
.pageSubheading {
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	}
.pageSubheading2 {
	line-height:16px;
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.mybutton {
border: 1px solid red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #ff00ff;
color: red;
padding: 3px;
}

.directorySection {

	font-size: 18px;
	font-weight: bolder;
	background-color: #3366CC;
	background-position: center;
	color: #FFFF55;
}
.horizRuleColor {
  background-color: #9090AA;
}


/* ID Styles */


#cchpageback table{
    border-collapse: collapse;
    border-style: hidden; /* hide standard table (collapsed) border */
	width: 100%;
	 /* border: 1px solid black;*/
	padding: 0;
	margin: 0;
	box-shadow: 0 0 0 1px #666; /* this draws the table border  */ 
}

/*#cchpageback td{
  font-family: Verdana, Arial, Helvetica, sans-serif;
   /*border: 1px solid #ccc;
}
*/


#members tr:nth-child(even){
	background-color: #f2f2f2;
	}


#members th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

#mainCCH table {
    border-collapse: collapse;
    border-style: hidden; /* hide standard table (collapsed) border */
	border-spacing: 0;	
	box-shadow: none;
	background-color: white;
}

#mainCCH td {
    border-collapse: collapse;
    border-style: hidden; /* hide standard table (collapsed) border */
	border-spacing: 0;	
	box-shadow: none;
	background-color: white;
}


#header table {
	width: 100%;
     border-collapse: collapse;
    border-style: hidden; /* hide standard table (collapsed) border */
	padding: 0% 20% 0% 0%;
	margin: 0;
	border-spacing: 0;	
	box-shadow: none;
}

#header td{
	height: 122px;
}

#loadhartman table {
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-spacing: 5px;
	padding: 5px;
}

#loadhartman td {
	text-align: center;
	background-color: lightgrey;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: black;
}

#loadmapper table {
	vertical-align: top;
  margin-left: auto;
  margin-right: auto;
	width: 50vw;
	border-spacing: 5px;
	padding: 5px;
}

#loadmapper td {
	text-align: center;
	background-color: #336699;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: white;
}



#sideLinks table {
	vertical-align: top;
	background-color: #9090AA;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

#sideLinks td {
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
}


#sideLinks td.bannerBold {
	line-height: 20px;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
}


	#content-right-min {
		width:20px;
	}
	#content {
		border-top:2px solid #BBBBBB;
		border-bottom:2px solid #BBBBBB;
		margin-left:20px;
		margin-right:20px;
	}
	#content-top {
		border-top:2px solid #BBBBBB;
		margin-left:20px;
		margin-right:20px;
	}


#normalTable table {
	border-collapse: collapse;
	border-style: hidden; /* hide standard table (collapsed) border */
	box-shadow: none;
	width: 100%;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

#normalTable td {
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#borderTable table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}


#sideTable table {
	border-collapse: collapse;
	border-style: hidden; /* hide standard table (collapsed) border */
	box-shadow: none;
	background-color: #9090AA;
	margin: 0;
	padding: 0;
}

#sideTable td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}


#hartmanTable table {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: -20px;
	max-width: 40%;
}

#navigation table{
	/*border-radius: 10px;*/
	background-color: #C6C6E1;
	border-bottom: 2px solid grey;
	box-shadow: none;
	/*border-bottom: 2px dotted #9090AA;*/
	/*border-right: 2px solid #9090AA;*/

	}

#navigation td {
	/*border-radius: 10px;*/
	border-top: 2px dotted grey;
	box-shadow: none;
	/*border-bottom: 2px dotted #9090AA;*/
	border-right: 2px solid #9090AA;

	}
	
#navigation a {
	display:block;
	padding:8px 6px 10px 26px;
	/*background: url("/common/images/common_arrow.gif") 14px 45% no-repeat;*/
	}

#navigation a.standard {
	color: #24242F;
	line-height:16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("/common/images/common_arrow.gif") 14px 10px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	}


#navigation a.navText {
	color: black;
	line-height:14px;
	letter-spacing: 0.1em;
	text-decoration: none;
	/*background: url("/common/images/common_arrow.gif") 14px 5% no-repeat;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
}

	
#navigation a:hover {
	background: #ffffff url("/common/images/common_arrow.gif") 10px 10px no-repeat;
	color:#FF6600;
	}

nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*margin: -11px auto;  T R B L -20*/ 
	margin-top: -30px;
	margin-bottom: -20px;
	margin-left: -170px; /*to compensate for the image td*/
	text-align: center;
	padding: 5px;
	/*the following two are to make sure the menu appears above other items
	The main culprit being jquery tabs */
	position: relative;
	z-index: 100;
	box-shadow: none;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #9090AA; 
	padding: 0;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	box-shadow: none;
}
	nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; 
			padding: 10px 13px;
			color: #ffffff; /* text-decoration: none; */
			font-size: 13px; 
			font-weight: bold;
		}
			
		
	nav ul ul {
		background: #5f6975; 
		border-radius: 0px;
		 padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
			box-shadow: none;
		}
			nav ul ul li a {
				padding: 15px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}