/** JBEI master CSS
 * by Dmitriy Ryaboy, www.squarecog.com
 *  We use YUI to reset all elements to a common base.
 *  Then build up the CBI style in this file.
 */

/* CBI logo colors:
   green: 0x32942F
   lightgreen: 0xCEE7C8
   orange: 0xDFA900
*/
 
/** style and size common elements
 */
h1, h2, h3, h4, h5 {
    color: #32942F;
    font-weight: bold;
    padding-bottom: 0.5em;
	font-family:  "Copperplate Gothic Lite", "Book antiqua", sans-serif;
}

h1 { font-size: 180%;}
h2 { font-size: 150%; }
h3 {
    font-size: 115%;
}

strong {
    color: #DFA900;
    font-weight: bold;
}

a {
    color: #32942F;
    text-decoration: none;
}

a:hover, #hd a:hover {
    text-decoration: underline;
    color: #DFA900;
}
/* inheritance is the proper way to do this, but alas, IE is broken */
h1 a, h2 a {
    color: #DFA900;
}
/* h2 a {
 color: #D5CBBF;
 }*/

ul, ol {
    margin-left: 1em;
}

ul li {
    list-style-type: disc;
}

ol li {
    list-style-type: decimal;
}

ol li, ul li {
    margin-left: 0.5em;
    list-style-position: outside;
    /*text-indent: 1em; */
}

p {
	margin-bottom: 0.5em;
	line-height: 170%;
	margin-left: 0px;
}


/** common classes
 */

/* HORIZONTAL MENUS */

ul.horizmenu, ul.vertmenu {
    margin: 0;
}

ul.horizmenu li {
    border: 0px;
    padding: 0px;
    margin: 0;
    padding-top: 5px;
    display: inline;
    list-style: none;
    text-align: center;
}

.horizmenu li.last {
    padding-right: 0em;
    margin-right: 0em;
}

.horizmenu li.first {
    padding-left: 0em;
    margin-left: 0em;
}
/* END HORIZONTAL MENUS */


/* VERTICAL MENUS */
ul.vertmenu li {
	border: 0px none;
	padding: 0.2em;
	margin: 0;
	text-align: left; list-style-type:none
}
/* END VERTICAL MENUS */

ul.no-bullets li {
	list-style: none;
}
}
.yah {
    background-color: #91A3C9;
}

.cbi-logo {
	margin: 33px 33px 33px 0px;	
	
}

/* image replacement for menus and logos */

.imgreplace {
    position: relative;
	font:0/0 Arial;
	line-height: 0px;
    margin: 0px; padding: 0px; /* hide overflow:hidden from IE5/Mac */ 
    /* \*/
    overflow: hidden; 
    /* */
}

.imgreplace span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    font:0/0 Arial;
    z-index: 1; /*for Opera 5 and 6*/
}

.imgreplace a {
    cursor: pointer;
}

/* layout-specific elements */

html, body {
	background-color: #CEE7C8;	
}
#doc {
	background-image: url("../images/peony-bg.gif");
	background-repeat: no-repeat;
	border: 3px solid #32942F;
	padding: 1em 1.8em 0;
	margin: 2em auto;
	background-color: #FFFFFF;
}

#ft {
	margin: 2em -2em 0;
	padding-bottom: 1em;
	padding-left: 2em;
	background-color: #32942F;
    color: #FFFFFF;
}

#ft a {
	color: #DFA900;
}

#sidemenu {
	font-face: "Copperplate Gothic Lite", "Book antiqua", sans-serif;
	font-size: 140%;
}
#sidemenu li a {
	line-height: 1.5em;
}

#sidemenu .vertmenu li a:hover, #sidemenu .vertmenu li a.menuon {
    color: #DFA900;
    margin-bottom: 6px;
    padding-bottom: 4px;
    text-decoration: none;
}
#sidemenu .vertmenu li a:hover {
	    border-bottom: 2px solid #32942F;
}
#sidemenu .vertmenu li a.menuon {
	border: none;
}

#topmenu {
	float: right;
	width: 30em;
	text-align: right;
	margin-top: 100px;
    margin-bottom: 20px;
    padding-bottom: 4px;
}

#topmenu .horizmenu li {
    padding-left: 10%;
    text-align: center;
}

.mandarin {
	visibility: hidden;
	display: none;
}