/* CSS Document */

body, html {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  height: auto;
  width: 100%;
  color: #ffffff;
  background-color: #4c4c4c;
}
a {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	color: #9c9c9c;
}
h1, h2, h3, h4, h5, h6 {
  font-family: trebuchet, "trebuchet ms", verdana, arial, helvetica, sans-serif; 
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
}
h1, h4 {
    display: block;
		font-size: 20px;
		line-height: 20px;
		text-align: right;
		padding-bottom: 30px;
		margin: 0px; 
		text-transform: lowercase;
}
h5 {
    display: block;
		font-size: 14px;
		line-height: 14px;
		text-align: left;
		padding-bottom: 5px;
		margin: 0px; 
		text-transform: lowercase;
}
.dateline {
  font-family: trebuchet, "trebuchet ms", verdana, arial, helvetica, sans-serif; 
  		font-size: 14px;
  		font-weight: normal;
		text-transform: lowercase;
}
h2 {
  font-size: 11px;
  font-weight: bold;
}
h3 {
  font-size: 10px;
  font-weight: bold;
}
h4 {
}
h5 {
}
h6 {
}
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0em;
	}
li {
	margin-top: 0em;
}
p {
	font-size: 10px;
	margin: 0em 0em 1em 0em;
	}
a {
	font-size: 10px;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 0.9em;
	}
strong, b {
	font-weight: bold;
	}
em, i {
  font-style: italic;
  }

/* FORMS */

form, input, select, textarea, form a {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #ffffff;
}
form {
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  margin: 0px;
  padding: 0px;
  float: none;
  font-size: 1.0em;
  overflow: hidden; 
}
input, select, textarea {
  width: 100%;
  font-size: 1.0em;
  float: left;
  clear: both;
  font-weight: normal;
  background: none;
  border: 1px solid #b3b3b3;
  padding: 4px;
  background: #000000;
  text-align: left;
  margin: 0px;
  margin-bottom: 8px;
}
input, textarea {
  width: 98%;
}
textarea {
}
label {
  float: left;
  clear: both;
  width: auto;
  height: auto;
  padding: 2px 8px;
  text-align: left;
  margin: 0px;
  color: #000000;
  background-color: #b3b3b3;
}
input.hidden {
  height: 1px;
  font-size: 1px;
  color: #000000;
}
.fieldbutton, .submitbutton {
  display: block;
  width: 100px;
  height: auto;
  padding: 0px;
  float: left;
  margin-left: 200px;
  clear: both;
  text-align: center;
  border: 0px none;
  border: 1px solid #b3b3b3;
  margin-bottom: 8px;
  cursor: pointer;
}
.admlink {
  display: block;
  width: 98px;
  height: auto;
  padding: 2px 0px;
  float: left;
  margin-left: 200px;
  clear: both;
  text-align: center;
  border: 0px none;
  margin-bottom: 8px;
  cursor: pointer;
}
.fieldbutton:hover, .submitbutton:hover, .admlink:hover {
  background-color: #b3b3b3;
  color: #ffffff;
  text-decoration: none;
}
.fieldlistbox, .fieldlistbox:hover {
}
.linkbar {
  display: block;
  float: none;
  clear: both;
  margin: 8px 0px;
  padding-top: 24px;
  width: 100%;
  border-top: 1px dashed #b3b3b3;
}
.double {
  font-size: 1.2em;
  font-weight: bold;
  color: #ff6600;
}
.fieldcheckbox, .fieldradiobutton {
  width: 16px;
}
.listtable {
  display: table;
  table-layout: auto;
  float: none;
  clear: both;
  margin: 0px 0px 8px 0px;
  width: 100%;
  height: auto;

}
.listtable td {
  display: table-cell;
  width: auto;
  overflow: hidden;
  border-bottom: 1px solid #b3b3b3;
  padding: 0px;
}
td.admincell {
  text-transform: lowercase;
  width: 64px;
}
.linkbar2 {
  display: block;
  width: auto;
  height: 16px;
  line-height: 16px;
  text-align: right;
  overflow: hidden;
  margin: 5px 0px 10px 0px;
  padding: 8px;
  float: none;
  clear: both;
  background: none;
	background-image: url(images/headerfill.png);
	_background-image: url(images/headerfill.gif);
  background-position: top left;
	background-repeat: repeat-x;
}
.listtable .admlink:hover, .linkbar2 a:hover {
  text-decoration: underline;
}

/* MAIN LAYOUT STUFF */

/* BASIC BLOCKS */

.mainblock {
  margin: 0px;
  padding: 0px;
  background: none;
  border: 0px none;
  width: 800px;
  height: auto;
  overflow: hidden;
  display: block;
  float: none;
  clear: both;
}
.block1 {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  height: auto;
  overflow: hidden;
  width: 180px;
  float: none;
}
.block2 {
  width: 585px;
  padding: 5px 10px 0px 10px;
  margin: 0px 5px 10px 0px;
  display: block;
  height: auto;
  overflow: hidden;
  float: right;
  border-top: 1px dotted #9c9c9c;
  background-color: #242424;
}
.sideblock {
  display: block;
  float: none;
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  
}
.block {
  display: block;
  float: none;
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/* STRUCTURE */

#allouter {
  display: block;
  padding: 0px;
  margin: 0px auto;
  background: none;
  border: 0px none;
  width: 840px;
  height: auto;
  overflow: hidden;
  float: none;
  clear: both;
}
#allinner {
  padding: 0px;
  margin: 0px 40px 0px 0px;
  background: none;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-y;
  border: 0px none;
  width: 800px;
  height: auto;
  display: block;
  overflow: hidden;
  float: left;
  clear: both;
}
#allinnerend {
  padding: 0px;
  margin: 0px 40px 0px 0px;
  background: #9c9c9c;
  background-image: url(images/bgbot.jpg);
  background-repeat: no-repeat;
  border: 0px none;
  width: 800px;
  height: 50px;
  display: block;
  overflow: hidden;
  float: left;
  clear: both;
}


/* MAIN MENU */

.block1 ul, .block1 li, .block1 a {
  display: block;
  margin: 0px;
  padding: 0px 0px;
  width: auto;
  height: auto;
  overflow: visible;
  line-height: auto;
  text-align: center;
  float: none;
}
.block1 ul a {
  font-family: trebuchet, "trebuchet ms", verdana, arial, helvetica, sans-serif; 
  font-size: 12px;
  height: 27px;
  line-height: 27px;
  padding: 0px 5px
  width: 169px;
  display: block;
  margin: 0px auto 5px auto;
  background-color: #242424;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;

  color: #9c9c9c;
  text-decoration: none;
  text-transform: none;
}
.block1 ul a:hover {
  background: #9c9c9c;
  color: #ffffff;
}
.sideblock ul {
  margin-bottom: 20px;
}

/* ADMIN MENU */

.block2 ul, .block2 li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-indent: 0px;
}
#adminmenu {
  background-color: #9c9c9c;
}
#adminmenu ul {
  margin-bottom: 0px;
}
#adminmenu ul a {
  display: block;
  text-decoration: none;
  height: 12px;
  line-height: 12px;
  width: auto;
  padding: 2px 8px 2px 8px;
  margin: 0px 0px 2px 0px;
  color: #ffffff;
  border-left: 1px solid #242424;
}
#adminmenu ul p {
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  width: 60px;
  padding: 2px 0px;
  margin: 0px 8px 2px 0px;
  color: #4c4c4c;
  font-weight: bold;
}
#adminmenu h4, #error h4 {
  padding-bottom: 0px;
  margin-bottom: 12px;
}
#adminmenu p:hover {
  text-decoration: none;
  cursor: normal;
}
#adminmenu a:hover {
  background-color: #4c4c4c;
  text-decoration: none;
}
#adminmenu ul {
  display: block;
  height: auto;
  overflow: hidden;
  float: none;
  clear: both;
  margin: 0px 0px 10px 0px;
}
#adminmenu ul li {
  float: left;
  clear: left;
}
#adminmenu ul li ul {
  float: none;
  clear: none;
  padding: 0px;
  margin: 0px;
}
#adminmenu ul li ul li {
  float: left;
  clear: none;
}


/* OTHER BLOCKS */

.galleryblock, #nodelist, #homelist {
  border-top: 1px dotted;
}

#top {
  width: 800px;
  height: 136px;
/*  background-image: url(images/top.jpg); */
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
#toplogo {
  width: 800px;
  height: 136px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border: 0px none;
}
#contentcol {
}
#error {
  border-top: 1px dotted #9c9c9c;
  display: block;
  width: 600px;
  background-color: #4c0000;
  margin: 0px 5px 10px 44px;
  padding: 5px 5px 10px 145px;
}
#nodelist, #linkslist, #catlist, #homelist {
  font-size: 9px;
  padding: 0px; 
  display: block;
  background: none;
  margin-top: 5px; 
  margin-bottom: 10px;

}

.titlelink {
}
.titlelink:hover {
}
.contentunit {
  display: block;
  background: none;
  border: 0px none;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  font-size: 9px;
  float: none;
  overflow: hidden;
}
#error div.contentunit {
  background: none;
  margin: 0px;
}
.listunit, .imglistunit {
  display: block;
  padding: 5px 0px 0px 5px;
  margin: 0px 0px 10px 4px;
  width: 187px;
  height: 372px;
	overflow: hidden;
	float: left;
}
.iconlistunit {
}
.sideblock hr {
}
.galleryblock div.contentunit, #nodelist div.contentunit, #linkslist div.contentunit, #catlist div.contentunit  {
  margin: 0px 0px;
  padding-right: 0px;
  padding-top: 5px;
}
div.listunit div.imagediv, div.imglistunit div.imagediv {
  width: 187px;
  height: 187px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 0px none;
  background: none;
	background-image: url(images/noimage.jpg);
	background-position: center center;
  background-repeat: no-repeat;
  display: block;
  clear: none;
  float: left;
  overflow: hidden;
  border: 0px none;
}
.imagediv table {
  display: table;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 0px none; 
}
.imagediv table tr {
  display: table-row;
  margin: 0px;
  padding: 0px;
  border: 0px none; 
}
.imagediv table td {
  display: table-cell;
  margin: 0px;
  padding: 0px;
  border: 0px none; 
}
.imagediv a img {
  border: 1px solid #9c9c9c;
}
.imagediv a:hover img {
  border: 1px solid #ffffff;
}
div.iconlistunit div.icondiv, div.icon2listunit div.icondiv {
}
div.logo2listunit div.imagediv {
}

div.homelistunit div.imagediv {
}
div.midimagediv {
  width: 185px;
  height: auto;
  margin: 0px 5px 5px 0px;
  padding: 0px;
  border: 1px solid #9c9c9c;
  background-color: #000000;
	background-image: url(images/bg185x185.jpg);
	background-position: center center;
  background-repeat: no-repeat;
  display: block;
  clear: left;
  float: left;
  overflow: hidden;
}
.fullimage {
    width: 578px;
    border: 1px solid #9c9c9c;
    margin: 0px auto 5px 0px;
    padding: 0px;
    float: left;
    clear: both;
}
.midimage {
  width: 185px;
  height: auto;
  padding: 0px;
  background: none;
  border: 1px solid #9c9c9c;
  vertical-align: absolute-top;
  margin: 3px 10px 5px 0px;
  padding: 0px;
  float: left;
  clear: left;
}
div.contentunit div.textdiv {
  color: #9c9c9c;
  width: 185px;
  height: 185px;
  margin: 0px 1px;
  padding: 0px;
  border: 0px none;
  background: none;
  display: block;
  clear: none;
  float: left;
  overflow: hidden;
  border: 0px none;
}
div.contentunit div.textdiv p {
  margin-bottom: 0.25em;
}
#homelist div.textdiv {
}
div.contentunit p.subtitle, div.contentunitempty p.subtitle {
  margin: 0px;
  font-weight: bold;
}
div.listunit div.textdiv, div.imglistunit div.textdiv, div.iconlistunit div.textdiv {
}
div.icon2listunit {
}
div.block2 div.listunit div.textdiv {
}
div.block2 div.imglistunit div.textdiv {
}
div.block2 div.iconlistunit div.textdiv {
}
div.block2 div.icon2listunit, div.block2 div.logo2listunit, div.block2 div.homelistunit {
}
div.contentunit div.lastcol {
  margin-right: 0px;
  clear: right;
}
div.contentunit div.firstcol {
  padding-left: 0px;
  clear: left;
}

#bottom {
  background: none;
  margin: 0px 5px 0px 0px;
  padding: 0px 10px 5px 10px;
  border-top: 1px dotted #242424;
}
#bottom p {
  text-align: center;
  color: #9c9c9c;
  padding: 0px;
  border: 0px;
  height: 28px;
  line-height: 28px;
}
#bottom a, .breadcrumbs a, .pager a  {
  text-decoration: none;
  font-weight: normal;
}
.breadcrumbs, pager {
  color: #9c9c9c;
}
/* START imagegallery */
.galleryblock div.galleryunit {
  float: left;
  clear: none;
  width: 187px;
  height: 187px;
  overflow: hidden;
  margin: 0px 6px 12px 0px;
  padding: 0px 0px 0px 6px;
  background: none;
}
.galleryblock div.imglistunit {
  float: left;
  clear: none;
  margin: 0px 6px 12px 0px;
  padding: 0px 0px 0px 6px;
}
.galleryunit a img {
  border: 1px solid #9c9c9c;
}
.galleryunit a:hover img {
  border: 1px solid #ffffff;
}

.galleryblock div.galleryunit div.imagediv {
    display: block;
    overflow: hidden;
    float: left;
    clear: none;
    width: 187px;
    height: 187px;
    margin: 0px;
    padding: 0px;
}
.galleryblock div.firstcol {
  margin-left: 0px;
  border-left: 0px none;
  padding: 0px;
}
.galleryblock div.lastcol {
  margin-right: 0px;
}
.galleryblock div.lastrow {
}




/* END imagegallery */
/* ICONS */

.headingicon {
  display: block;
  position: relative;
  z-index: 10;
  left: 5px;
  top: -39px;
  width: auto;
  height: auto;
  overflow: hidden;
  float: left;
  clear: both;
  margin: 0px;
  margin-bottom: -34px;
}
.mainicon {
  position: relative;
  z-index: 2;
  left: -7px;
  top: -18px;
  width: auto;
  height: auto;
  overflow: hidden;
  display: block;
  float: left;
  clear: none;
  margin: 0px;
  margin-bottom: -20px;
}
.blockicon {
  display: block;
  position: relative;
  z-index: 10;
  left: 5px;
  top: -49px;
  width: auto;
  height: auto;
  overflow: hidden;
  float: left;
  clear: both;
  margin: 0px;
  margin-bottom: -44px;
}



/* START system and navigation */

.breadcrumbs, .pager {
    clear: both;
    font-size: 9px;
    padding: 10px 10px; 
    display: block;
    background: none;
    border-top: 1px solid #9c9c9c;
    margin-top: 5px; 
    margin-bottom: 10px;
}
.breadcrumbs a, .pager a {
    text-transform: lowercase;
}
.breadcrumbs div, .pager div {
}
.menulink {
    font-size: 9px;
    text-align: right;
    text-transform: lowercase;
}
.clearall {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
}

/* END system and navigation */

/* START content specific */

/* SITEMAP */

.sitemap ul, .sitemap li, .sitemap ul li ul, .sitemap ul li ul li {
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}
.breadcrumbs a, .pager a, .sitemap a {
    font-weight: normal;
    font-size: 9px;
}

/* ARTICLES */

.articles_title {
  font-family: trebuchet, "trebuchet ms", verdana, arial, helvetica, sans-serif; 
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  
}
/* PROGRAM */

.program_artist {
  color: #666666;
  font-weight: bold;
}

.program_title {
  color: #666666;
  font-weight: normal;
  font-style: italic;
}

.program_type {
  color: #666666;
  font-weight: normal;
}

.programunit p.morelink a, .programunit p.program_type a {
  color: #666666;
  font-weight: normal;
}

.programunit p.morelink {
  margin-bottom: 0.25em;
}

.program_venue {
  font-weight: normal;
}

.programunit div.imagediv table, .programunit div.imagediv tr, .programunit div.imagediv td, .programunit div.imagediv img {
  margin: 0px;
  padding: 0px;
}

.articlesunit div.imagediv table, .articlesunit div.imagediv tr, .articlesunit div.imagediv td, .articlesunit div.imagediv img {
  margin: 0px;
  padding: 0px;
}

.catunit div.imagediv table, .catunit div.imagediv tr, .catunit div.imagediv td, .catunit div.imagediv img {
  margin: 0px;
  padding: 0px;
}

.galleryunit div.imagediv table, .galleryunit div.imagediv tr, .galleryunit div.imagediv td, .galleryunit div.imagediv img {
  margin: 0px;
  padding: 0px;
}

.catunit div.imagediv table, .programunit div.imagediv table, .headerunit div.imagediv table, .articlesunit div.imagediv table, .galleryunit div.imagediv table {
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: hide;
  border-spacing: 0px 0px;
}

/* END content specific */

#navcol a {
}

.counter {
display: block;
float: right;
clear: none;
height: 32px;
line-height: 32px;
padding: 0px;
text-transform: lowercase;
margin: 0px 8px 0px 8px;
}
a.counter {
color: #b3b3b3;
font-weight: normal;
text-transform: lowercase;
height: 32px;
line-height: 32px;
padding: 0px;
float: right;
clear: none;
text-transform: lowercase;
margin: 0px;
}


.orange {
color: #ff6600;
}

.listlink {
display: block;
color: #00AEEF;
font-weight: normal;
margin-bottom: 8px;
}




.morelink, .getbacklink, .editlink, .submenulink, .submenuall, .submenuactive, .submenublock, .admlink {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding-left: 16px;
  vertical-align: middle;
	background-image: url(images/ico-readmore.png);
	_background-image: url(images/ico-readmore.gif);
  background-position: center left;
	background-repeat: no-repeat; 
	color: #FF6600;
}
.admlink {
}
.morelink, .getbacklink, .editlink {
    display: block;
  font-family: trebuchet, "trebuchet ms", verdana, arial, helvetica, sans-serif; 
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
		text-align: center;
		padding: 0px;
		margin: 10px 5px 0px 0px; 
		text-transform: lowercase;
		vertical-align: middle;
    border-top: 1px dotted;
}
.linkbar2 a, a.admlink {
  display: block;
  width: auto;
  float: left;
  height: 14px;
  overflow: hidden;
  margin: 0px 4px 0px 0px;
  padding: 0px;
  color: #b3b3b3;
}

.admlink:hover {
  text-decoration: underline;
  color: #ff6600;
  background: none;
}
.submenuactive {
  float: none;
  color: #b3b3b3;
  font-weight: bold; 
}
.submenublock {
  float: none;
	background-image: url(images/ico-redmore.png);
	_background-image: url(images/ico-redmore.gif);
}
a.submenuactive:hover {
  text-decoration: none;
}
a.submenuall:hover {
  text-decoration: underline;
}
.getbacklink, .submenuall, .editlink {
}
.editlink {
}
.admedit {
}
.admadd {
}
.admdel {
}
.submenulink {
  line-height: 1.2em;
  float: none;
}
.listline {
display: block;
float: left;
clear: right;
width: 352px;
margin-top: 0px;
padding-top: 0px;
margin-left: 8px;
margin-bottom: 24px;
}
.midlistline {
display: block;
float: left;
clear: right;
width: 290px;
margin-top: 0px;
padding-top: 0px;
margin-left: 8px;
margin-bottom: 0px;
}
.listthumbdiv {
display: block;
width: 136px;
height: 100px;
padding: 0px;
margin: 0px;
margin-right: 16px;
float: left;
clear: left;
vertical-align: absolute-top;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
.listimage {
display: block;
width: 185px;
height: 185px;
padding: 0px;
margin: 0px;
}
.linkimage {
display: block;
width: 100px;
height: 100px;
padding: 0px;
margin: 0px;
}
.listmiddiv, .inlineimg {
display: block;
width: 144px;
height: 144px;
overflow: hidden;
padding: 0px;
margin: 0px;
margin-right: 16px;
margin-bottom: 16px;
float: left;
clear: left;
vertical-align: absolute-top;
padding-right: 16px;
border-right: 1px solid #BBBBBB;
}
.centerme {
  text-align: center;
  vertical-align: middle;
}
.hundred {
  height: 100%;
}
.fullwidth {
  width: 100%;
  height: auto;
}
.clear, .clear1, .clearall {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
}
.nopad {
  margin-bottom: 0px;
}
#mmenu {
  margin-top: 1px;
}
form a.admlink {
  display: block;
  width: 98px;
  height: auto;
  padding: 3px 0px;
  float: left;
  margin-left: 200px;
  clear: both;
  text-align: center;
  border: 0px none;
  border: 1px solid #b3b3b3;
  background: #000000;
  margin-bottom: 8px;
  cursor: pointer;
  text-indent: 0px;
  font-size: 9px;
  color: #ffffff;
  text-transform: none;
}
form a.admlink:hover {
  display: block;
  width: 98px;
  height: auto;
  padding: 3px 0px;
  float: left;
  margin-left: 200px;
  clear: both;
  text-align: center;
  border: 0px none;
  border: 1px solid #b3b3b3;
  background: #b3b3b3;
  margin-bottom: 8px;
  cursor: pointer;
  text-indent: 0px;
  font-size: 9px;
  color: #000000;
  text-transform: none;
}
div {
 /* border: 1px dashed #999900; */
}
h1.color1, h4.color1, h5.color1, a.color1, span.color1 {
  color: #FF6C00;
}
h1.color2, h4.color2, h5.color2, a.color2, span.color2 {
  color: #FF0000;
}
h1.color3, h4.color3, h5.color3, a.color3, span.color3 {
  color: #FFFF00;
}
h1.color4, h4.color4, h5.color4, a.color4, span.color4 {
  color: #006CFF;
}
h1.color5, h4.color5, h5.color5, a.color5, span.color5 {
  color: #6CFF00;
}
h1.color6, h4.color6, h5.color6, a.color6, span.color6 {
  color: #6C6C6C;
}
h1.color7, h4.color7, h5.color7, a.color7, span.color7 {
  color: #FF006C;
}
h1.color8, h4.color8, h5.color8, a.color8, span.color8 {
  color: #6C00FF;
}
h1.color9, h4.color9, h5.color9, a.color9, span.color9 {
  color: #FF886C;
}
h1.color10, h4.color10, h5.color10, a.color10, span.color10 {
  color: #33FFFF;
}
h1.color11, h4.color11, h5.color11, a.color11, span.color11 {
  color: #FF6CFF;
}
h1.color12, h4.color12, h5.color12, a.color12, span.color12 {
  color: #888888;
}
h1.default, h4.default, h5.default, a.default, span.default {
  color: #FFFFFF;
}
.color1 {
  border-color: #FF6C00;
}
.color2 {
  border-color: #FF0000;
}
.color3 {
  border-color: #FFFF00;
}
.color4 {
  border-color: #006CFF;
}
.color5 {
  border-color: #6CFF00;
}
.color6 {
  border-color: #6C6C6C;
}
.color7 {
  border-color: #FF006C;
}
.color8 {
  border-color: #6C00FF;
}
.color9 {
  border-color: #FF886C;
}
.color10 {
  border-color: #33FFFF;
}
.color11 {
  border-color: #FF6CFF;
}
.color12 {
  border-color: #888888;
}
.default {
  border-color: #FFFFFF;
}