/* BASICS */

body { background: #FFFFFF; color: #222222; font-family: "Arial", sans-serif; font-size: 9pt;}
   a { text-decoration: none }
   a:link { color: #721E1D; background: none; text-decoration: underline;}
   a:visited { color: #721E1D; background: none; text-decoration: underline;}
   a:hover { color: #ffffff; background: #000000; text-decoration: none;}
  
  div.date { font-family: "Arial", sans-serif; color: #660033; font-weight: bold; text-align: right}
  div.data {color: #444499; font-family: monospace; font-size: 11pt}
  
	a img, a:link img {border: none; background: none};

	/* important link */
	a.noticelink {color: #222222; border: 1px #000000 solid; background: #f9e4d2; text-transform: uppercase}
	a:visited.noticelink {color: #222222; border: 1px #000000 solid; background: #f9e4d2; text-transform: uppercase}
	a:hover.noticelink {color: #000000; border: 1px #000000 solid; background: #e78f47; text-transform: uppercase}



	
	img.iseparator {display: block; text-align: center; margin-bottom: 15px}
	
	
	hr {height: 1px; color: #7d6459}
	
/* Specialized links 
 #topics {text-align: center }
 #topics  a { text-decoration: none; }
 #topics  a:link { color: #721E1D; background: none; text-decoration: underline;}
 #topics  a:visited { color: #721E1D; background: none; }
 #topics  a:hover { color: #e3934a; background: #721E1D; text-decoration: none;} */
 

/* Main Page layout elements */

td.sidemenu {background: #ffffff url(none) no-repeat; color: #303030 ;}

td.sliver {background: #ffffff; }

td.photo {width: 33%; vertical-align: bottom; }
td.caption {vertical-align: top; }

	span.webcredit {font-size: 7pt; color: #bbbbbb; }
 
		
/* NEW PAGE CONTENT AREA */

p { margin-left: 25px; margin-bottom: 15px; text-indent: 3em}
p:first-line {letter-spacing: .12em}

/* page titles */
h1, span.pagetitle { color: #222222; text-shadow: 2px 2px red; background: none; font-size: 1.4em; font-weight: normal; text-transform: uppercase; margin-bottom: 25px; text-align: center; letter-spacing: .1em; padding: 5px 15px 5px 15px; border-top: 2px solid #e7b032; border-bottom: 2px solid #afa599; }


/* section titles */
h2 { font-size: 1em; font-weight: bold; color: #721E1D; margin-left: 25px; margin-bottom: 10px; text-transform: lowercase; border: 1px #000000 solid; padding-left: 2px; padding-right: 2px}
div.sectitle { font-weight: bold; color: #721E1D; margin-left: 25px; margin-bottom: 10px; text-transform: lowercase; border: 1px #000000 solid; padding-left: 2px; padding-right: 2px}


/* indented BLURB */
h3 { font-size: 1em; font-weight: normal; margin-left: 50px; margin-right: 25px; margin-bottom: 15px; letter-spacing: 0em; background: #f0f0f0; border: 1px solid #9d342f; padding: 0px 5px 3px 5px}
div.blurb { margin-left: 50px; margin-right: 25px; margin-bottom: 15px; letter-spacing: 0em; background: #f0f0f0}

/* EVENT */
div.event { border: 1px solid #000000; solid; text-align: center; background: url(/images/mid-hex.gif) no-repeat 50% 100%; padding: 0px 0px 20px 0px; margin: 0px 0px 25px 0px}

/* event date */
h4 { font-size: 1em; font-weight: bold; color: #000000; background: #edc565; margin: 0px 0px 0px 0px; border-top: 3px #333333 solid; padding: 2px 10px 2px 10px; text-align: left; text-transform: lowercase;}

/* event title */
h5 { font-size: 1.2em; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; border-top: 1px solid #333333; padding: 10px; text-align: center; text-transform: lowercase; letter-spacing: .2em}

/* event details */
p.event {  margin: 0px 0px 5px 0px; text-indent: 3em; border-top: 1px solid #444444; border-bottom: 1px solid #444444; background: #fcf4e2; padding: 5px 45px 5px 45px;}
p.event:first-line {letter-spacing: .12em; font-weight: bold}




/* in-line text ATTENTION GRABBER */
strong {font-size: 1em; font-weight: normal; background: #fde695;}

/* For LOCAL LINKS in page content area */
h6 {margin-left: 50px; margin-right: 50px; margin-bottom: 15px; font-size: .9em; font-weight: normal;  border: 2px solid #d0d0d0; text-align: center }
h6 a {color: #222222; border: 1px solid #888888; margin-left: 2px; margin-right: 2px; background: #f1ceb4;}
h6 a:hover {color: #FFFFFF; border: 1px solid #001133; margin-left: 2px; margin-right: 2px; background: #b66f3f;}


/* for FINE PRINT, but still some eye catching quality */
small {font-size: 7pt; text-transform: uppercase; color: #442222}

/* quote */




div.contentarea {margin-left: 5px; width: 550px; margin-top: 30px;}

div.contentarea ul {margin-left: 40px; margin-bottom: 15px; list-style: url(/images/point.gif) square; margin-right: 25px;}
div.contentarea ul:first-line {font-weight: bold; letter-spacing: .3em; background: #e0e0e0; margin-bottom: 5px}
div.contentarea ul li {margin-left: 25px; letter-spacing: 0em; margin-bottom: 4px;}
.item {font-weight: bold; color: #002244;}

div.contentarea p img {float: left; margin: 5px}

div.contentarea ol {margin-left: 40px; margin-bottom: 15px; border: 1px #001144 dotted; margin-right: 25px; padding-left: 2px; padding-right: 2px;}
div.contentarea ol:first-line {font-weight: bold; letter-spacing: .3em;}
div.contentarea ol li {margin-left: 25px; letter-spacing: 0em; margin-bottom: 4px}

table.details {display: block; border: none; margin-left: 25px; margin-bottom: 15px}
table.details td {padding: 15px; width: 50% }
table.details p { margin-left: 0px; margin-bottom: 5px;}
table.details p:first-line {color: #002255; letter-spacing: .12em; background: #ddeeff; margin-left: 15px;}
table.details h1 {margin-left: 0px }
table.details h2 {margin-left: 0px }




/* SIDE MENU CONTENT */

		div.vertcol { text-align: left; width: 155px; margin-left: 22px; margin-right: 3px; margin-top: 5px; color: #202020}
		div.vertcol a {color: #202020; background: none; padding: 5px }
		div.vertcol a:hover { color: #f0f0f0; background: #101010; }
		div.vertcol h2 {margin: 5px}
		div.vertcol p {margin: 5px}


/* Bot menu */
		
#botmenu {width: 450px; text-align: center; padding: 5px; margin-left: 50px}
#botmenu hr {height: 1px; color: #7c3a1f }
#botmenu a {text-decoration: none; font-size: 8pt; background: none}
#botmenu a:link {text-decoration: none; font-size: 8pt; background: none}
#botmenu a:visited { font-size: 8pt; }
#botmenu a:hover { color: #111111; text-decoration: underline }
		



/* TRIAL CASCADING MENU SYSTEM */
/* *********************************************************** */

/*MENU STRIP PROPERTIES, OUTSIDE OF ANCHORS */

#menu	{border-bottom: 1px solid #c0c0c0; list-style-type: none; margin: 0; padding: 0; text-align: right; width: 107px; border: 1px solid #c0c0c0; padding: 0px  }

/*MENU TEXT PROPERTIES, INSIDE OF STRIP, OUTSIDE OF ANCHORS */

#menu li	{ padding: 0px; margin: 0px; cursor: default; white-space: nowrap; list-style-type: none; color: #505050; background: #f0f0f0; margin-bottom: 5px }
#menu li a	{ display: block;  text-decoration: none; color: #505050; background: #f0f0f0; border: 1px solid #151515; padding: 0px; }
#menu li a:hover { text-decoration: none; border: 1px solid #010101; color: #FFFFFF; background: #151515}
#menu li.active	{ color: #505050; background: #f0f0f0 }

/* OUTER UL, MENU TEXT PROPERTIES, INSIDE OF STRIP, OUTSIDE OF ANCHORS */

#menu.vertical	{ width: 107px; border: 1px solid #c0c0c0  }
#menu.vertical li	{  width: 107px; font-weight: bold; letter-spacing: .1em; word-spacing: .25em}

/* INNER UL, SUB MENUS */

#menu ul	{ position: absolute; visibility: hidden; text-align: left; border: 1px solid #c0c0c0; margin: 0px; padding: 0px; color: #FFFFFF; background: #CAC1BA }

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display: block; padding: 0px; white-space: normal; color: #FFFFFF; background: #F0F0F0; font-family: Arial, sans-serif; font-size: 9pt; font-weight: normal; word-spacing: .1em; text-align: left; border: 1px solid #c0c0c0; margin: 0px; padding: 0px; color: #FFFFFF; background: #CAC1BA  }
#menu ul li a	{ display: block; text-decoration: none; border: 1px solid #151515 }
#menu ul li a:hover	{ border: 1px solid #010101; color: #FFFFFF; background: #151515 }
#menu ul li.active	{ color: #FFFFFF; background: #F0F0F0  }


#menu li #jiebing {color: #000000; background: #f0c49b }
#menu li a.jiebing {color: #000000; background: #e3934a }

#menu li #performance {color: #000000; background: #da8c6b }
#menu li a.performance {color: #ffffff; background: #cd6538 }

#menu li #erhu {color: #000000; background: #d39185 }
#menu li a.erhu {color: #ffffff; background: #a63939 }