@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { color: #393939; background: #E3E3E3; }

#container { background: #fff; width: 930px; margin: 0 auto; position: relative; }

#header { background: #fff url(../images/header_bg.gif) repeat-x; border-bottom: 1px solid #b4b4b4; position: relative; }
#header h1 { background: #fff url(../images/logo.jpg) no-repeat; width: 305px; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 211px; }
#header h2 { display: none; }
body.root #header { background-image: url(../images/root-header_bg.gif); }
body.root #header h1 { background-image: url(../images/root-logo.jpg); width: 350px; }
body.root #header h1 a:link, body.root #header h1 a:visited { height: 263px; }

#homeFlash{position:absolute;top:0px;right:0px;z-index:10;}


#nav { margin: 0; padding: 0; position: absolute; bottom: 10px; left: 40px; z-index: 20; }
#nav li { list-style: none outside; float: left; }
#nav li a:link, #nav li a:visited { color: #6a6a6a; text-decoration: none; text-transform: lowercase; padding: 0 10px; border-right: 1px solid #b9b9b9; border-left: 1px solid #d7d7d7; }
#nav li.first a:link, #nav li.first a:visited { border-left: none; padding-left: 0; }
#nav li.last a:link, #nav li.last a:visited { border-right: none; padding-right: 0; }

#todays-date { font-style: normal; position: absolute; top: 9px; left: 15px; }

#lang { margin: 0; padding: 0; position: absolute; top: 9px; right: 5px; z-index: 20; }
#lang li { list-style: none outside; float: left; width: 20px; margin-left: 3px; }
/*#lang li a { display: block; height: 13px; }*/
#lang li.eng { background-image: url(../images/flag-eng.gif); }
#lang li.jp { background-image: url(../images/flag-jp.gif); }
#lang li.de { background-image: url(../images/flag-de.gif); }
#lang li.sk { background-image: url(../images/flag-sk.gif); }
#lang li.ch { background-image: url(../images/flag-ch.gif); }

#pimg { position: absolute; top: 31px; right: 0%; z-index: 2; }
body.root #pimg { top: 0%; }

#main1 { background-image: url(../images/main1_bg.gif); background-position: top left; background-repeat: repeat-y; position: relative; z-index: 25; }
#main2 { background: #c3ae8e; }

#colLeft { background: #c3ae8e url(../images/colLeft_bg.gif) no-repeat; float: left; width: 200px; margin: 0; padding: 0; }
#colLeft .padding { padding: 25px 20px; }
#colLeft h3 { font-size: 1.2em; margin: 0 0 10px; }
#colLeft a.more:link, #colLeft a.more:visited { color: #8e4002; text-transform: uppercase; text-decoration: none; }
#colLeft hr { color: #883d02; background: #883d02; border: none; height: 1px; }

#search { position: absolute; top: 15px; right: 15px; }
#search label { color: #893d02; font-weight: bold; text-transform: uppercase; }
#search input { padding: 3px; }

#colRight { float: right; width: 435px; margin: 0; padding: 0; background-color: #09f; }
#colRight .padding { background: #c3ae8e url(../images/content-padding_bg.gif) repeat-x; padding: 20px; }

#colRight ul { margin-top: 30px 0 0 0; padding: 10px 0 0 0; }
#colRight li { list-style: none outside; margin: 0 0 15px; }
#colRight li img { float: left; margin-right: 10px; }
#colRight li h3 { font-size: 1.1em; text-transform: uppercase; }
#colRight li a:link, #colRight li a:visited { color: #546b3e; font-weight: bold; }

#content { margin: 0 435px 0 200px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { background: #c3ae8e url(../images/content-padding_bg.gif) repeat-x; padding: 45px 35px; }
body.root #content .padding { padding: 50px 20px 50px 50px; }

h2.title { color: #934601; font-weight: normal; font-family: "Trebuchet MS"; font-size: 2.2em; margin: 0 0 10px; }

#buttons { background: #c3ae8e; margin: 0; padding: 0; text-align: center; }
#buttons li { list-style: none outside; display: inline; margin-right: 2px; }
#buttons li.last { margin-right: 0; }

#footer { background: #c3ae8e; margin: 0; padding: 15px 0; text-align: center; }
#footer li { list-style: none outside; display: inline; border-right: 1px solid #6e6e6e; padding: 0 10px; }
#footer li a:link, #footer li a:visited { color: #a7580d; font-weight: bold; }
#footer li.last { border-right: none; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}








#calendar-events { background: #fff6ec; border: 1px solid #e0b482; }
#calendar-events th { background: #eecba4; text-align: left; color: #996666; padding: 15px 5px; border-bottom: 1px solid #e0b482; }
#calendar-events td { color: #996666; font-size: .9em; border-bottom: 1px solid #fff; }
	
	#calendars {}
	
	#calendarHead {}
	
	#calendarContent {}
	.arrow_left, .arrow_right {
		float: left;
		margin-top: 75px;
	}
	
	#calendar0, #calendar1, #calendar2 {
		background: #f4f4f4;
		padding: 8px;
		width: 26%;
		margin: 9px;
		float: left;
	}
	
	#calendar0 table, #calendar1 table, #calendar2 table {
		background: #e9e9e9;
		border-spacing: 2px;
	}
	
	#calendar0 th, #calendar1 th, #calendar2 th {
		color: #9fbdd9;
	}
	
	#calendar0 .theading, #calendar1 .theading, #calendar2 .theading {
		color: #0c66ba;
	}
	
	#calendar0 td, #calendar1 td, #calendar2 td {
		background: #f4f4f4;
		border: 1px solid #c7dcef;
		text-align: center;
		font-size: 6pt;
		padding: 4px;
	}
	
	#calendar0 .empty, #calendar1 .empty, #calendar2 .empty {
		background: #e9e9e9;
		border: 1px dashed #c7dcef;
	}
	
	#calendar0 .today, #calendar1 .today, #calendar2 .today {
		font-weight: bold;
		border: 1px solid #0c66ba;
	}
	
	#calendar0 a:link, #calendar0 a:visited, 
	#calendar1 a:link, #calendar1 a:visited, 
	#calendar2 a:link, #calendar2 a:visited {
		color: #000;
		text-decoration: none;
		font-size: 6pt;
	}
	
	#calendarLegend {
		background: #e9e9e9;
		clear: both;
		margin-bottom: 10px;
		display:none;
	}
	
	.calendarListings {
		background: #f4f4f4;
		margin-bottom: 10px;
		padding: 5px;
		clear: both;
	}
	
	.calendarListings table {
		margin-bottom: 5px;
	}
	
	.calendarListings .theading {
		font-size: 9pt;
		padding-bottom: 5px;
	}
	
	.calendarListings td {
		color: #000000;
		background: #e9e9e9;
		padding: 6px;
	}
	
	.calendarListings .legend,
	.calendarListings .date,
	.calendarListings .type,
	.calendarListings .title,
	.calendarListings .moreinfo {
		font-weight: bold;
		cursor:pointer;
		color:#666666;
	}
	
	.calendarListings .legend { width: 3%; }
	
	.calendarListings .date { width: 10%; }
	
	.calendarListings .type {
		color: #666666;
		width: 20%;
	}
	
	.calendarListings .title {
		color: #298BD8;
		width: 52%;
	}
	
	.calendarListings .moreinfo {
		width: 15%;
	}

	.calendarListings .moreinfo a {
		color: #666;
		cursor: pointer;
	}

	.calendarListings .eventDesc {
		background: #f4f4f4;
		border: 1px solid #c7dcef;
	}

	.calendarListings .eventDesc h3 {
		color: #298BD8;
		margin: 4px 0px;
		padding: 0px;
		border: none;
	}

	.calendarListings .eventDesc em {
		color: #298BD8;
	}

	#calendar0 .calEvent,
	#calendar1 .calEvent,
	#calendar2 .calEvent {
		background: #c7dcef;
		border: 1px solid #79aede;
	}	

	.catEvent {
		width: 8px;
		height: 8px;
		display: block;
		border-style: solid;
		border-width: 1px;
	}

#contentLeft { margin-right:178px; }
#contentLeft .padding { padding-top:0; }

#contentRight {
	float:right;
	width:178px;
	margin:0; padding:0;
	position:relative;
}
#contentRight .other 
{
	background:url(../images/right_col_bg.gif) repeat-y top;
	padding:0 0 10px 15px; margin:0;
}

#contentRight .other .otherItem 
{
	background:url(../images/dots.gif) repeat-x bottom;
	padding:15px 10px 15px 0;
	zoom:1;
}
#contentRight .other .otherItem h4 { color:#4b569d; margin-bottom:5px; }
#contentRight ul.other {list-style:none;}
#contentRight ul.other li
{
	background:url(../images/dots.gif) repeat-x bottom;
	padding: 3px 0; margin:0;
}
#contentRight ul.other li a

{
	background:url(../images/bullet_green.gif) center left no-repeat;
	padding:0 0 0 8px; margin:0;
	color:Black;
	display:block;
	text-decoration:none;
}
#contentRight ul.other li.selected a {font-weight:bold;}

.dottedBottom { background:url(../images/dots.gif) repeat-x bottom;}
h1.dottedBottom, h2.dottedBottom, h3.dottedBottom, h4.dottedBottom { padding-bottom:1em; margin-bottom:1em; }
.dottedLine { background:url(../images/dots.gif) repeat-x bottom; width:auto;height:1px;margin:0;font-size:0;line-height:0;}

#calendarContent {}
#calendarContent .arrow { float: left; margin-top: 75px; }
#calendarContent .calendar {
	background-color: #F4F4F4;
	padding: 8px;
	width: 26%;
	margin: 9px;
	float: left;
}
#calendarContent .calendar table { background-color: #E9E9E9; border-spacing: 2px; }
#calendarContent .calendar table th { color: #C9C4B0; }
#calendarContent .calendar table th.theading { color: #897B3C; }
#calendarContent .calendar td {
	color:#000000;
	background-color: #f4f4f4;
	border: 1px solid #c7dcef;
	text-align: center;
	vertical-align:middle;
	padding: 2px;
}

#calendarContent .calendar .empty { background-color: #e9e9e9; border: 1px dashed #c7dcef;}
#calendarContent .calendar .today { border-bottom:1px solid #0c66ba; }
#calendarContent .calendar .none { border: 1px solid #0c66ba; }
#calendarContent .calendar .event { font-weight: bold; border: 1px solid #0c66ba; }
#calendarContent .calendar .multi { font-weight: bold; border: 1px solid #0c66ba; background-image:url(../images/calendar/multi.bmp); }
#calendarContent .calendar a:link, #calendarContent .calendar a:visited { color: #000; text-decoration: none; }
#calendarContent #Legend { background-color: #7FC042; margin-bottom:1em; }
#calendarContent #Legend h3 { margin:0; padding:.5em 1em; color:#FFFFFF; }
#calendarContent #Legend ul { background-color: #C9E1A7; margin:0px; padding:.75em 2em; overflow:auto; }
#calendarContent #Legend ul li { list-style: none outside; float: left; width:25%; padding:.25em 0; }
#calendarContent #Legend ul li span { float: left; margin-right: 1em; width:1em; height:1em;}

#calendarContent .monthListing { background-color: #F3F1E4; margin-bottom: 10px; padding: 5px; }
#calendarContent .monthListing h3 { margin:0; padding:.5em 1em; }
#calendarContent .monthListing table td { background-color: #E3DFC4; margin-bottom: 10px; padding: 5px; }
#calendarContent .monthListing table tr.main td.cat { width:20px; }
#calendarContent .monthListing table tr.main td.cat span { display:block; width:1em; height:1em; }
#calendarContent .monthListing table tr.main td { border-top:3px solid #F3F1E4; }
#calendarContent .monthListing table tr.main td.more { text-align:right; cursor:pointer; width:1px; font-size: 10.5px; font-weight: bold; color: #517E29;}
#calendarContent .monthListing table tr.main td.time { font-weight:bold; }
#calendarContent .monthListing table tr.main td.loc { font-style:italic; }