body {
	font-family : Arial, sans-serif;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-image: url(bg-page.gif);
}
  A:link {
	text-decoration : none;
}
 A:visited {
	text-decoration : none;
}
 A:hover {
	text-decoration : none;
}
 IMG {
	border: none;
}

.ttlBG {
	margin: 0 auto;
	text-align: center;
	width: 760px;
	background-color: #68b474;
}
.lgoBG {
	margin: 0 auto;
	text-align: center;
	width: 760px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ftr {
   background-color: #AFAFAF;
	color: white;
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	background-image: url(bg-menu-btm.gif);
}
.dvdr {
	width: 620px;
}
.mainBod {
	margin: 0 auto;
	text-align: center;
	background-color: white;
	border: 1px solid black;
	width: 760px;
}
.ca {clear: both;}
.ltCol {
	float: left;
	width: 340px;
	text-align: center;
	padding-left: 32px;
}
.rtCol {
	float: right;
	width: 340px;
	text-align: center;
	padding-right: 32px;
}
.crdsltCol {
	float: left;
	width: 360px;
	padding-left: 76px;
	text-align: left;
}
.crdsrtCol {
	float: right;
	width: 180px;
	padding-right: 90px;
}

.stdTxt {
	text-align: justify;
	padding-left: 16px;
	padding-right: 16px;
}
.lgTxt {
	font-weight: bold;
	font-size: larger;
}
.frmTxt {
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	width: 560px;
   margin:0 auto;
}
.holTxt {
	text-align: justify;
	padding-left: 12px;
	padding-right: 12px;
	width: 660px;
   margin:0 auto;
}
.mapTxt {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.notesTxt {
	font-weight: bold;
	font-size: x-small;
}

.feesltCol {
	float: left;
	width: 440px;
	text-align: center;
	padding-left: 32px;
}
.feesrtCol {
	float: right;
	width: 270px;
	text-align: center;
	padding-right: 16px;
}
.feesBx {
	border: 1px solid black;
	width: 420px;
}
.feesTtl {
	background: #E0FFE0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesTtl2 {
	background: white;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesTtl3 {
	background: white;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesTtl4 {
	background: #1C5F0E;
	color: white;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesTtl5 {
	background: #E0FFE0;
	color: white;
	font-size: smaller;
}
.feesLnTtl1 {
	background: #FFFFF0;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesLn1 {
	background: #FFFFF0;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: smaller;
}
.feesLnTtl2 {
	background: white;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: smaller;
	font-weight: bold;
}
.feesLn2 {
	background: white;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: smaller;
}
.feesSpc {
	background: white;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 2px;
}
.mapBx {
	margin:0 auto;
	text-align: center;
	font-size: smaller;
}
.mbr1 {
	text-align: center;
	width: 600px;
   margin:0 auto;
}
.mbr2 {
	text-align: center;
	font-size: smaller;
	font-weight: bold;
	width: 600px;
   margin:0 auto;
	line-height: 24px;
}
.memLnk {
	color: #2f4f4f;
	font-weight: bold;
}
.mcLU {
  float: left;
  width: 36em;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 12px;
}
.mcLL {
  float: left;
  width: 6em;
  margin: 0;
}
.hlTbl {
	width: 660px;
	margin:0 auto;
	text-align: left;
}
.hlClFrm {
	background-color: black;
	width: 70px;
	border: 1px solid black;
	text-align: center;
	font-size: smaller;
	background-image: url(bg-menu.gif);
}
.hlClFrm:hover {
	color: white;
	font-weight: bold;
	background-color: #006600;
	font-size: smaller;
	background-image: none;
}
.hlCl {
	color: white;
	font-weight: bold;
}
.hlCl:hover {
	color: white;
	font-weight: bold;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0 auto; padding: 0;}
ul.dropdown {position: static; z-index: 597;}
ul.dropdown li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; width: 146px;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 146px;}
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {top: 1px; left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}
ul.dropdown li.rtl ul {top: 100%; right: 0; left: auto;}
ul.dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto;}
* html ul.dropdown li {height: 1px;}
ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul, ul.dropdown li:hover ul ul ul ul ul {visibility: hidden;}
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul, ul.dropdown ul ul ul li:hover ul, ul.dropdown ul ul ul ul li:hover ul {visibility: visible;}
ul.dropdown ul ul ul ul ul ul {visibility: hidden;}
ul.dropdown {font-weight: normal;}
ul.dropdown li {
 padding-top: 2px;
 padding-bottom: 4px;
 padding-left: 3px;
 padding-right: 3px;
 border-bottom-color: #003300;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 background-color: #135503;
 color: white;
 font-size : 13px;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-weight : bold;
 text-decoration : none;
 background-image: url(bg-menu.gif);
}
ul.dropdown li.hover, ul.dropdown li:hover {background-color: #C0FFC0; color: #009900;}
ul.dropdown a:link, ul.dropdown a:visited	{ color: white; text-decoration: none; }
ul.dropdown a:hover	{ color: #003300; }
ul.dropdown a:active	{ color: white; }
	/* -- level mark -- */
ul.dropdown ul {width: 146px; margin-top: 1px;}
ul.dropdown ul li {font-weight: bold;}


#imap {display:block; width:728px; height:915px; background: url(map/course.jpg) no-repeat; position:relative; margin: 0 auto;}
#imap a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}
* html #imap a#title {height:240px; he\ight:0;}
#imap a#title:hover {background-position: 0 0; z-index:10; }
#imap dd {position:absolute; padding:0; margin:0;}
#imap #pic1 {left:371px;  top:375px;  z-index:20;}
#imap #pic2 {left:163px;  top:300px;  z-index:20;}
#imap #pic3 {left:110px;  top:182px;  z-index:20;}
#imap #pic4 {left:254px;  top:143px;  z-index:20;}
#imap #pic5 {left:413px;  top:160px;  z-index:20;}
#imap #pic6 {left:581px;  top:86px;   z-index:20;}
#imap #pic7 {left:409px;  top:65px;  z-index:20;}
#imap #pic8 {left:423px;  top:356px;  z-index:20;}
#imap #pic9 {left:474px;  top:417px;  z-index:20;}
#imap #pic10 {left:240px;  top:436px;  z-index:20;}
#imap #pic11 {left:278px;  top:582px;  z-index:20;}
#imap #pic12 {left:369px;  top:700px;  z-index:20;}
#imap #pic13 {left:226px;  top:761px;  z-index:20;}
#imap #pic14 {left:155px;  top:775px;  z-index:20;}
#imap #pic15 {left:93px;  top:686px;  z-index:20;}
#imap #pic16 {left:128px;  top:496px;  z-index:20;}
#imap #pic17 {left:145px;  top:331px;  z-index:20;}
#imap #pic18 {left:290px;  top:424px;  z-index:20;}
#imap a#h1, #imap a#h2, #imap a#h3, #imap a#h4, #imap a#h5, #imap a#h6, #imap a#h7, #imap a#h8, #imap a#h9, #imap a#h10, #imap a#h11, #imap a#h12, #imap a#h13, #imap a#h14, #imap a#h15, #imap a#h16, #imap a#h17, #imap a#h18 {
  display:block;
  width:20px;
  height:30px;
  background: transparent url(blank.gif) no-repeat -100px -100px;
  text-decoration:none;
  z-index:20;
  }
#imap a span, #imap a:visited span {display:none;}
#imap a#h1:hover, #imap a#h2:hover, #imap a#h3:hover, #imap a#h4:hover {background-position:0 0;}
#imap a:hover span {
  position:absolute;  
  width:228px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
* html #imap a:hover span {width:240px; w\idth:228px;}
.holBx {background-color: white;	border: 1px solid black;}
.holTtl {
   font-weight: bold;
	background: #E0FFE0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: black;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holSubTtl1 {
	font-weight: bold;
	font-size: smaller;
	background: #FFFFE0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holSubTtl2 {
	font-weight: bold;
	font-size: smaller;
	background: #FFFFE0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: black;
	border-left-style: solid;
	border-left-width: 1px;
}
.holTtlBl {
	font-size: smaller;
	background: black;
	color: white;
	text-align: center;
}
.holTtlGo {
	font-size: smaller;
	background: #e4d49c;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holTtlWh {
	font-size: smaller;
	background: white;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holTtlRd {
	font-size: smaller;
	background: #F0C0C0;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holTtlGr {
	font-size: smaller;
	background: #C0F0C0;
	color: black;
	text-align: center;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.holPtr {
	font-size: smaller;
	background: #E0E0FF;
	color: black;
	text-align: justify;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
.gall {
	width: 590px;
   margin: 0 auto;
	text-align: center;
}
.gallPic {
	width: 500px;
	vertical-align: top;
}
.gallTmb {
	width:80px;
	text-align: center;
}
.gallS {
	width:10px;
}
.gallBx {
	width: 630px;
   margin: 0 auto;
	text-align: center;
}
.gallBx2 {
	border: 1px solid black;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}
.gallTxt {
	border: 1px solid black;
	width: 340px;
	text-align: justify;
	font-size: smaller;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	vertical-align: top;
}
.quoTxt {
	text-align: justify;
	font-size: smaller;
}



/*



.ttlLT {
	width: 150px;
}
.ttlCTR {
	width: 610px;
	text-align: center;
	vertical-align: bottom;
}
.ttlMNU {
	vertical-align: top;
}
.holTxt {
	font-weight: bold;
	font-size: larger;
	background: #68b474;
	padding-top: 4px;
	padding-bottom: 4px;
}

.mcLC {
	clear: both;
}

*/


/* set the size of the definition list <dl> and add the background image */
















.thumbL{position: relative; z-index: 0;}
.thumbL:hover{background-color: transparent; z-index: 50;}
.thumbL span{position: absolute; background-color: lightyellow; padding: 0px; left: -1000px; border: 1px solid black; visibility: hidden; color: black; text-decoration: none;}
.thumbL span img{border-width: 0; padding: 2px;}
.thumbL:hover span{visibility: visible; top: 0px; left: 64px;}

.thumbR{position: relative; z-index: 0;}
.thumbR:hover{background-color: transparent; z-index: 50;}
.thumbR span{position: absolute; background-color: lightyellow; padding: 0px; left: -1000px; border: 1px solid black; visibility: hidden; color: black; text-decoration: none;}
.thumbR span img{border-width: 0; padding: 2px;}
.thumbR:hover span{visibility: visible; top: 0px; left: -328px;}