/*
Original design: andreas07 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas07/
*/

/* Main tags */
body {margin:0; padding:0; color:#404040; background:#fafafa url(assets/images/bodybg.gif) top left repeat-y; font:80% Verdana,Tahoma,sans-serif;}
ul {margin:5px 0 16px 5px; padding:0;}
li {margin:0 0 8px 15px; padding:0; }
a {color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover {color:#ff3030; text-decoration:underline;}

.gallery {text-align: center;}
.gallery img {margin: 8px; border:none;}

.breakout {border: 1px solid #999999; background: #cccccc; padding: 8px;}

/* Wrap */
#wrap {width: 990px;}

/* Left sidebar */
#leftside {width:220px; color: #ffffff; background:#333333 url(assets/images/sidebarbg.gif) top right repeat-y; text-align:right; float:left;}
#leftside h1 {margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}
#leftside h2, #leftside h3 {margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}
#leftside h3 {margin:20px 18px 4px 5px; color:#606060;}
#leftside p {margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
#leftside a {color:#ffffff}

#leftside #kanji {text-align: center; margin:0px auto; padding:0px; height:100px; width:200px; background:url(assets/images/kanji_text_200_x_100.gif)}
#leftside img {margin: 0px auto;}

#osensei {text-align: center; padding-top:50px; color:#606060; font-size:0.8em;}
#osensei img {border:1px solid #606060; margin:0px auto}

/* Navigation menu */

/* Note: where elements have display:inline-block declared, we immediately override that
  declaration with display:block. This is a hack to force elements in MSIE to have "has-layout",
  which fixes the spurious whitespace that IE puts in the list items. Yeah, I know. */

#menu {margin: 20px 0px 0px 0px; padding:0px; text-align:left;}
#LM_level_1 a {display:block; margin:0;  padding:5px 4px 5px 18px; color:#aaaaaa; background:#333333 url(assets/images/sidebarbg.gif) top right repeat-y; font-size:1.6em; font-weight:normal; text-decoration:none; letter-spacing:-1px;}

#LM_level_2 a {display:block; margin:0;  padding:5px 4px 5px 38px; color:#aaaaaa; background:#333333 url(assets/images/sidebarbg.gif) top right repeat-y; font-size:1.6em; font-weight:normal; text-decoration:none; letter-spacing:-1px;}

#menu a:hover {color:#303030; background:#a0a0a0 url(assets/images/sidebarbg.gif) top right repeat-y;}

#menu ul { margin: 0px; list-style-type: none; padding:0px;}
#menu ul li { margin: 0px; padding:0px;}
#menu ul li a {display:inline-block;}
#menu ul li a {display:block;}
#LM_youAreHere {display:inline-block}
#LM_youAreHere {display:block; margin:0;  padding:5px 4px 5px 18px; color:#aaaaaa; background:#fafafa; font-size:1.6em; font-weight:normal; text-decoration:none; letter-spacing:-1px;}
#LM_level_2 #LM_youAreHere {padding:5px 4px 5px 38px}

/* Right sidebar */
#rightside {width:200px; float:right; color:#606060;}
#rightside h2, #leftside h3 {margin:10px 0 12px 12px; font-size:1.6em; font-weight:bold; letter-spacing:-1px;}
#rightside p {line-height:1.4em; margin: 0 0 15px 0;}

#rightside ul { margin: 0px; list-style-type: none;}
#rightside ul li {font-weight: bold; margin-bottom: 1em; border:1px solid #808080; padding: 4px; background:#fafafa;}
#rightside ul li a {display:block;}
.cancelled {background: #990000; color:#ffffff; padding: 0px 3px; margin:4px 0; }

/* Content area */

#content {width:520px; margin:0 0 0 240px; padding:10px 0; background:#fafafa;}
#content p {margin:0 0 16px 0; line-height:1.5em;}
#content h1 {margin:0; color:#d85d5d; font-size:3em; letter-spacing:-2px; text-align:center;}
#content h2 {margin:0; color:#808080; font-weight:normal; font-size:2em; letter-spacing:-2px; text-align:center;}
#content h3 {margin:20px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}
#content h4 {margin-bottom: 4px;}


.location_info {width:250px; border:1px solid #999999; padding: 0px;}
.location_info img {margin:0;}

#content .location_info h3 {margin:4px 0 10px 0; padding:0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}
#content .location_info ul {list-style-type:none; margin: 0px; padding: 8px;}
#content .location_info ul li {margin: 8px 0px; padding: 0px; font-weight: bold;}

.embedded_map { text-align:center; }
.embedded_map iframe {margin: 8px auto; border:1px solid #999999;}
.embedded_map p {font-size: 80%;}

#content table {
	padding: 0;
	border-collapse: collapse;
	margin: 16px 0;
}

#content table tr
{
	padding: 0;
	margin: 0;
}
#content table td
{
	border: 1px solid #999999;
	padding: 6px;
	margin: 0;
}
#content table th
{
    border: 1px solid #999999;
    padding: 6px;
    margin: 0;
	background: #c0c0c0;
	font-weight: bold;
} 

.future{ background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px;}
.future1{background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px; opacity: .88; filter: alpha(opacity=88); }
.future2{background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px; opacity: .75; filter: alpha(opacity=75);}
.future3{background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px;opacity: .62; filter: alpha(opacity=62);}
.future4{background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px;opacity: .50; filter: alpha(opacity=50);}
.future5{background:#f0f0f0; width:180px; height: 60px; border:2px solid #808080; margin: 10px 8px; font-weight: bold; padding: 4px;opacity: .30; filter: alpha(opacity=30);}

#future a  {display:block; padding:2px 0;}
#future1 a {display:block; padding:2px 0;}
#future2 a {display:block; padding:2px 0;}
#future3 a {display:block; padding:2px 0;}
#future4 a {display:block; padding:2px 0;}
#future5 a {display:block; padding:2px 0;}



