@charset "UTF-8"; 

/* -------------- */
/* GLOBAL DESIGNS */
/* -------------- */
body {
	/* ---SMALL SET--- */
	line-height: 1.35;
	font-size: 80%;
}
a:hover {
	color: #0080ff;
}

/* -------------------- */
/* DESIGNS OF PAGE HEAD */
/* -------------------- */
div.headbanner {
	/*background-image: url("/common/images/head_gra_bk.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;*/
	background-image: url("/common/images/line_photos_83.jpg");
	background-position: 320px 0px;
	background-repeat: no-repeat;
}
p.sitetitle {
	width: 420px;
	margin: 0px;
	padding: 0px;
	float: left;
}
p.sitetitle img {
	border-width: 0px;
}
div.headnavi {
	float: right;
}
div.headnavi ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
div.headnavi ul li {
	background-color: #f9f9ff;
	/* ---NORMAL SET--- */ /*
	font-size: 90%; */
	/* ---SMALL SET--- */
	font-size: 100%;
	/* ---SMALL INLINE SET--- */ /*
	display: inline; */
	list-style: none;
	padding-left: 0.1em;
}

/* Top Border */
div.headborder {
	clear: both;

	/* ---SIMPLE LINE SET--- */
	background-color: #c0c0ff;
	height: 1em;
	background-image: url("/common/images/head_gra_bk.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;

	/* ---PHOTO LINE SET--- */ /*
	border-top: 2px solid #aaaaff;
	border-bottom: 2px solid #aaaaff; */
		/* ---LINE 100% SET--- */ /*
		background-image: url("/common/images/line_photos.jpg");
		height: 50px; */
		/* ---LINE 67% SET--- */ /*
		background-image: url("/common/images/line_photos_67p.jpg");
		height: 36px; */
	background-position: left top;
	background-repeat: repeat-x;
}

/* -------------------- */
/* DESIGNS OF SIDE MENU */
/* -------------------- */
td.menu {
	width: 155px;
	padding: 5px;
	vertical-align: top;
	background-image: url("/common/images/side_back.gif");
	background-position: right top;
}
ul.sidemenu {
	list-style: none;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}
ul.sidemenu li {
	text-align: center;
	padding-right: 5px;
}
ul.sidemenu li img {
	border-width: 0px;
}
ul.sidemenu li a {
	/* ---TEXTSET--- */
	display:block; width: 140px; margin:auto;
		/* ---WHITE BK SET--- */ /*
		background-color: #ffffff; border: 1px solid #ccccff; */
		/* ---TRANSPARENT BK SET--- */
		background-color: transparent; border-bottom: 0px solid #ccccff;
}
ul.sidemenu li a:hover {
	/* ---TEXTSET--- */
	background-color: #ccffee; /*border-color: blue;*/
	/* ---IMAGESET--- */ /*
	color: red; */
}
ul.othersites {
	margin-top: 3em;
}

/* ---------------------- */
/* DESIGNS OF MAIN COLUMN */
/* ---------------------- */
td.main {
	padding: 0px 5px 0px 10px;
	vertical-align: top;
}

div.pagehead {
	margin: 0px;
	padding: 0px;
}
div.pagehead h1 {
	margin: 0.6em 0px;
	font-size: 150%;
}

/* CatchCopy */
div.catchcopy {
	margin: 0px 10%;
	background-color: #ccffcc;
}
div.catchcopy p.catchcopy {
	font-style: italic;
	margin: 0px;
	padding: 0.3em;
}

/* Page Guide Elements */
div.pageguide {
}
div.pageguide h2.tour {
	font-size: 110%;
	background-color: #eeffee;
	border-left: #008000 solid 10px;
	padding: 0.1em 0.3em;
	color: #008000;
}

/* Tour Guide Elements */
div.tourinfo h2 {
	font-size: 110%;
	background-color: #ccccff;
	border-left: #4040ff solid 10px;
	padding: 0.1em 0.3em;
	color: #000080;
}
div.tourinfo h3 {
	font-size: 100%;
	border-left: #008000 solid 10px;
	padding-left: 0.3em;
	color: #008000;
}
div.tourinfo h4 {
	font-size: 100%;
	color: #008080;
	margin-bottom: 0.5em;
}
div.tourinfo h4 span.subtitle {
	border-bottom: #008080 solid 2px;
}

/* See Also Box */
div.seealso {
	background-color: #ddffdd;
	border: 1px dotted #aaddaa;
	margin: 1em 0.3em;
	padding: 0px;
}
div.seealso p {
	margin: 0.5em;
	padding: 0px;
}
div.seealso ul {
	margin-top: 0.6em;
	margin-bottom: 0.5em;
}

/* Side Photo Box */
div.guidephoto {
	float: right;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	border: 1px solid blue;
	background-color: #ffffff;
}
div.guidephoto p.photo {
	margin: 1px;
	text-align: center;
	background-color: #f5f5f5;
}
div.guidephoto p.photo a img {
	border-width: 0px;
}
div.guidephoto p.caption {
	margin: 3px;
	text-align: center;
	/* --- NORMAL SET --- */ /*
	font-size: smaller; */
}

/* Photo Table */
table.photolist {
}
table.photolist td {
	/* --- NORMAL SET --- */ /*
	font-size: 80%; */
	text-align: center;
	vertical-align: top;
	line-height: 1.2;
}
table.photolist td a img {
	border-width: 0px;
}
table.photolistbox {
	margin: 0.5em 1em;
	border-collapse: collapse;
	border: 1px solid green;
}
table.photolistbox td {
	border: 1px solid green;
	text-align: center;
}
table.photolistbox td a img {
	border-width: 0px;
}
table.photolistbox td.caption {
	text-align: center;
}
table.photolistbox td p {
	/* --- NORMAL SET --- */ /*
	font-size: 80%; */
	line-height: 1.35;
	margin: 0.5em 1em;
}

/* Page Photo Boxes */
/* Photo Boxes (Inline and Table) */
div.widephoto,
div.tourphotos {
	text-align: center;
}
div.widephoto p.photo,
div.tourphotos p.photo {
	text-align: center;
}
div.widephoto table.photoboxes,
div.tourphotos table.photoboxes {
	margin: auto;
	border-width: 0px;
}

/* Bottom Border */
div.bottomborder {
	border-top: 1px solid green;
}

/* -------------------- */
/* DESIGNS OF PAGE FOOT */
/* -------------------- */
div.bottombanner {
	text-align: center;
	width: 100%;
	margin: 1em 0px;
	padding: 0px;
}
div.infoset {
	width: 500px;
	margin: auto;
	padding: 5px;
	border-style: double;
	border-color: #4040ff;
	border-width: 3px 0px;
	background-color: #eeffff;
}
div.infoset p.sitelogo {
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.infoset p.sitelogo img {
	border-width: 0px;
}
div.infoset p.siteinfo {
	margin: 0px 0px 0px 210px;
	padding: 0px;
	font-family: Arial,sans-serif;
	/* ---NORMAL SET--- */ /*
	font-size: 80%; */
	/* ---SMALL SET--- */
	font-size: 12px;
}

div.textlinks {
	margin: 1.8em 0px;
	text-align: center;
}
div.textlinks p.corners {
	color: gray;
	/* ---NORMAL SET--- */ /*
	font-size: 75%; */
	/* ---SMALL SET--- */
	font-size: 95%;
}
div.textlinks p.corners span.guide {
	color: #308030;
	background-color: #eeffee;
	padding: 1px;
}
div.textlinks p.corners span.tour {
	color: #303080;
	background-color: #ddeeff;
	padding: 1px;
}
div.textlinks p.corners span.info {
	color: #cc5500;
	background-color: #ffeeee;
	padding: 1px;
}
div.textlinks p.corners span.links {
	color: #808000;
	background-color: #ffffdd;
	padding: 1px;
}

div.bottominfo {
}
div.bottominfo p.copyright {
	font-family: Verdana,Arial,sans-serif;
	/* ---NORMAL SET--- */ /*
	font-size: 80%; */
	/* ---SMALL SET--- */
	font-size: 90%;
}