/* CSS Document */
body { font-family: "Trebuchet MS", Arial, Helvetica, Geneva; }
p { 
	/* color: #a01349; */
	color: black;
	font-size: 15px; line-height: 18px; text-align: left; margin: 0; 
	padding: 10px 0 15px 0;
}
td { }
a { 
	color: #a01349; text-decoration: none; 
	font-weight: bold;
}
a:link {  }
a:visited {  }
a:hover { color: #0f1e77; font-weight: bold; }
a:active {  }
h1 { color: #a01349; font-size: 40px; font-weight: bold; text-decoration: none; }
h2 { color: #a01349; font-size: 21px; font-weight: bold; text-decoration: none; text-align: left; margin: 20px 0 10px 0; }
h3 { color: #a01349; font-size: 17px; font-weight: bold; text-decoration: none; text-align: left; margin: 20px 0 10px 0; }
.para_rag { color: #fff; margin-right: 20px; }
.text_main { color: #fff; font-size: 16px; line-height: 24px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.text_links { color: #fff; line-height: 25px; margin: 0; }

body {
	margin: 0;
}

div, p, h1, h2, h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, Geneva;
}

a img { border: none; }

div#site {
	width: 800px;
	margin: 0 auto;
	background-color: white;
}

div#header {
	width: 800px;
	height: 203px;
	position: absolute;
	z-index: 10;
}

div#mainMenu {
	position: absolute;
	z-index: 12;
	clear: both;
}

div#leftBar {
	margin-top: 111px;
	position: relative;
	width: 175px;
	float: left;
}

div#content {
	position: relative;
	padding: 140px 0 0 10px;
	width: 605px;
	float: left;
}

.darkGreen {
	color: rgb(164,187,136);
}

div#footer p {
	text-align: center;
	padding: 10px 10px 0px 10px;
	background-color: white;
	color: rgb(164,187,136);
	position: relative;
	clear: both;
	font-size: 8pt;
}
div#mainMenu ul.jd_menu li.performer,
div#mainMenu ul.jd_menu li.educator,
div#mainMenu ul.jd_menu li.koto,
div#mainMenu ul.jd_menu li.resources,
div#mainMenu ul.jd_menu li.gallery,
div#mainMenu ul.jd_menu li.home {
	position: absolute;
}

div#mainMenu ul.jd_menu li.performer 	{	margin: 106px 0 0 195px; z-index: 20; } /*margin: 116px 0 0 200px; */
div#mainMenu ul.jd_menu li.educator 	{	margin: 83px 0 0 255px; z-index: 22; }  /*margin: 88px 0 0 260px; */
div#mainMenu ul.jd_menu li.koto 		{	margin: 63px 0 0 320px; z-index: 23; }  /*margin: 63px 0 0 320px; */
div#mainMenu ul.jd_menu li.resources 	{	margin: 40px 0 0 400px; z-index: 24; }  /*margin: 37px 0 0 430px; */
div#mainMenu ul.jd_menu li.gallery 		{	margin: 26px 0 0 480px; z-index: 25; }  /*margin: 23px 0 0 550px; */
div#mainMenu a.contact,
div#mainMenu a.home  {	
	font-size: 8pt;
	color: rgb(15,30,119);
	position: absolute; margin: 58px 0 0 685px; z-index: 24; /* margin: 48px 0 0 645px; */
	text-decoration: none;
	width: 70px;
	height: 30px;
	display: block;
}
div#mainMenu a.home  {	
	position: absolute; margin: 90px 0 0 740px; z-index: 20; /* margin: 80px 0 0 730px; */
}

div#mainMenu ul.jd_menu li {
	width: 193px;
	height: 29px;
	padding: 1px 0 5px 5px;
	margin: 3px 0 0 0;
	font-size: 8pt;
	color: rgb(15,30,119);
}

div#mainMenu ul.jd_menu li a {
	color: rgb(15,30,119);
	font-weight: normal;
}
div#mainMenu ul.jd_menu li a:hover {
	color: rgb(160,19,73);
	font-weight: bold;
}
div#mainMenu ul.jd_menu li ul li {
	height: 20px;
	padding: 4px;
	border-bottom: 1px solid white;
	background-color: transparent;
}

div#mainMenu ul.jd_menu li span.top {
	position: relative;
	display: block;
	height: 20px;
	padding-left: 20px;
	margin-left: -40px;
	/*background: transparent url(../images/menu_bullet.png) no-repeat;*/
}

div#mainMenu ul.jd_menu li.jdm_active,
div#mainMenu ul.jd_menu li.jdm_hover {
	background: transparent url(../images/menu_top.gif) no-repeat;
	background-position: 0 2px;
	color: rgb(160,19,73);
	font-weight: bold;
}

div#mainMenu ul.jd_menu li ul {
	background: rgb(234,242,225) url(../images/menu_top.gif) 0 -34px no-repeat;
	font-weight: normal;
	color: rgb(15,30,119);
}

div#mainMenu ul.jd_menu li.jdm_active li,
div#mainMenu ul.jd_menu li.jdm_hover li {
	background-image: none;
	background-position: 0 0;
	width: 180px;
	margin-left: 10px;
}

div.galleryItem {
	margin-bottom: 10px;
	clear: both;
	float: left;
	width: 100%;
}

div.galleryItem a.galleryImage {
	float: left;
	width: 120px;
}

div.galleryItem a.galleryImage img {
	border: 1px solid rgb(100,100,100);
}

div.galleryItem .galleryText {
	width: 75%;
	float: left;
}

table.chrono {
	border: 1px solid black;
}

table.chrono td {
	border: none;
	border-right: 1px solid black;
	vertical-align: top;
}