html, body, div, a, ul, li, img, table, tr, td { 
	padding: 0; 
	margin: 0; 
	border: 0 
}

body { 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	background-color: #888; 
	background-repeat: repeat-y; 
}
body.one { background-image: url("../art/Bg1.gif"); }
body.two { background-image: url("../art/Bg2.gif"); }
body.three { background-image: url("../art/Bg3.gif"); }

a  { text-decoration: none; }
a img  { border-style: none; }
ul { list-style-type: none; }

div.main a:link, div.main a:visited { color: #eee; }
div.main a:hover, div.main a:active   { color: #aaa; background-color: #eee; }

div.mainmenu  { 
	color: #666; 
	font-size: 22px; 
	font-weight: 500; 
	line-height: 24px; 
	cursor: default; 
	top: 0; 
	left: 0; 
	float: left; 
	margin-left: 4px; 
	/*ie bug workaround:*/ display:inline; 
}
div.mainmenu img { 
	margin: 10px; 
	margin-left: 12px;
}
ul.mainmenu { 
	color: #666; 
	text-align: right; 
	width: 176px; 
	padding: 0; 
	margin: 0; 
}
ul.mainmenu li { 
	margin-top: 8px; 
	margin-left: 0px; 
	padding: 1px 4px 1px 0px; 
	background: url("../art/EndNormal.gif") no-repeat left top #2b2b2b;
	cursor: pointer;
}
ul.mainmenu li.disabled { cursor: default; }
ul.mainmenu li.selected { 
	color: #ccc; 
	background: url("../art/EndSelected.gif") no-repeat left top #3e3e3e; 
}
ul.mainmenu li a:link, ul.mainmenu li a:visited, ul.versions li a:visited, ul.versions li a:link { color: #ccc; }
ul.mainmenu li a:hover, ul.mainmenu li a:active, ul.versions li a:hover, ul.versions li a:active { color: #b1d67b; }
ul.mainmenu li.selected a:hover, ul.mainmenu li.selected a:active { color: #ccc; }

p.sublogo { text-align: center; }

ul.submenu { font-size: 18px; margin-left: 20px; padding: 0; color: #666; width: 156px; text-align: right; }
ul.submenu li { margin-top: 8px; padding: 1px 4px 1px 0px; cursor: pointer; }
ul.submenu li.disabled { cursor: default; }
ul.submenu li { background: #2b2b2b url("../art/EndNormal.gif") no-repeat left top; }
ul.submenu li a:link, ul.submenu li a:visited { color: #ccc; }
ul.submenu li a:active, ul.submenu li a:hover { color: #b1d67b; }
ul.submenu li.selected a:link, ul.submenu li.selected a:visited { color: #ccc; }
ul.submenu li.selected a:active, ul.submenu li.selected a:hover { color: #ccc; }
ul.submenu li.selected { 
	color: #ccc; 
	background: url("../art/EndSelected.gif") no-repeat left top #3e3e3e; 
}

div.imagemenu  { cursor: pointer; top: 0; left: 180px; width: 50px; float: left; } 
ul.imagemenu { margin: auto 0; padding: 0; }
ul.imagemenu li { margin: 0; padding: 6px 5px; }
li.inactive { background-color: gray; }

div.mainmenu + div.main { left: 180px; }
div.imagemenu + div.main { left: 230px; }
div.eventmenu + div.main { left: 270px }

body.one div.main { left: 187px; }
body.two div.main { left: 231px; }
body.three div.main { left: 271px }

div.main { 
	position: absolute; 
	top: 0; 
	/*width: 600px; */
	color: #ccc; 
	font-family: Georgia, "Times New Roman", Times, serif; 
}

div.main form { margin: 32px; padding: 16px; border: inset 1px white; width: 600px; } /*568px*/
div.main form div { margin: 16px 0; }

div.main p.pict { text-align: center; }
div.main p { margin: 32px 32px 0; width: 600px; }
div.main p + p, div.main h1 + p, div.main h2 + p  { margin: 7px 32px 0; width: 600px; }

div.main h1  { 
	margin: 32px 32px 0; 
	width: 600px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 22px;  
	font-weight: 500; 
}
div.main h2  { 
	margin: 16px 32px 0; 
	width: 600px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 16px; 
	font-weight: 500; 
}
div.main h1, div.main h2  { color: #eee; }

div.main p + p:first-letter   { margin: 0 0 0 1em; }

img.thumb { width: 40px; height: 40px; }

label   { color: #ccc; font-size: smaller; font-weight: bold; vertical-align: middle; }
label.text   { vertical-align: top; }

span.one, span.two, span.three { display: inline; }
span.two:before { content: "."; }
span.three:before { content: "@"; }

div.copyright { 
	color: #ccc; 
	font-size: x-small; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	text-align: center; 
	margin-bottom: 16px; 
}

div.events p { margin: 16px 32px 0; width: 600px; }
div.events p + p, div.events h1 + p, div.events h2 + p.first  { margin: 7px 32px 0; width: 600px; }
div.events h2  { 
	margin: 8px 32px 0; 
	width: 600px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 16px; 
	font-weight: 500; 
}
div.events h2  { color: #bbb; }

td.evthumb { 
	font-size: 10px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	text-align: center; 
	vertical-align: middle; 
	padding: 6px; 
	border-style: inset; 
	border-width: 0; 
	background-color: #aaa; 
}
table.evthumb { margin: 16px 32px 0; }
table.evthumb { color: #6c84a0; }

div.eventmenu { 
	cursor: pointer; 
	top: 0; 
	left: 180px; 
	width: 90px; 
	float: left; 
	font-size: 18px; 
	line-height: 20px; 
	font-weight: 500; 
	color: #666; 
	text-align: center; 
}
div.eventmenu li a:link, div.eventmenu li a:visited { color: #ccc; }
div.eventmenu li a:active, div.eventmenu li a:hover { color: #b1d67b; }
div.eventmenu li.selected a:link, div.eventmenu li.selected a:visited { color: #ccc; }
div.eventmenu li.selected a:active, div.eventmenu li.selected a:hover { color: #ccc; }
div.eventmenu li.selected { color: #ccc; background-color: #3e3e3e; }

div.evtpict { text-align: center; }
.versions li { 
	display: inline; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 16px; 
	font-weight: 500; 
	margin-top: 0; 
	margin-right: 1em; 
	margin-bottom: 0; 
	padding: 3px; 
}
.version { 
	padding: 0; 
	margin: 0; 
}
.versions { 
	color: #888888; 
	margin-top: 1em; 
}
li.version, li.version a:hover, li.version a:active { background-color: #2b2b2b; }
.versions li.selected { 
	color: #ccc; 
	background-color: #3e3e3e; 
}

div.main table { margin: 6px 0 0 32px; }
div.main td { 
	color: #ccc; 
	width: 8em; 
}

div.pagepict { 
	text-align: center; 
	width: 600px; 
}
div.main h1 + form  { 
	margin: 7px 32px 0; 
	width: 600px;
}

#imageframe { 
	position: relative; 
	z-index: 10; 
	margin: 7px; 
}
#imageframe img { z-index: 100; }
#imageframe div { 
	position: absolute; 
	z-index: -10; 
}
.tlf {  
	background: url(../art/LeftTop.gif) no-repeat; 
	top: -4px; 
	left: -5px; 
	width: 10px; 
	height: 12px; 
}
.tf { 
	background: url(../art/Top.gif) repeat-x; 
	top: -4px; 
	left: 5px; 
	right: 1px; 
	height: 12px; 
}
.trf { 
	background: url(../art/RightTop.gif) no-repeat; 
	top: -4px; 
	right: -6px; 
	width: 8px; 
	height: 12px; 
}
.lf { 
	background: url(../art/Left.gif) repeat-y; 
	width: 10px; 
	top: 8px; 
	left: -5px; 
	bottom: 2px; 
}
.rf { 
	background: url(../art/Right.gif) repeat-y; 
	width: 8px; 
	top: 8px; 
	right: -6px; 
	bottom: 4px; 
}
.blf { 
	background: url(../art/LeftBottom.gif) no-repeat; 
	bottom: -7px; 
	left: -5px; 
	width: 10px; 
	height: 11px; 
}
.bf { 
	background: url(../art/Bottom.gif) repeat-x; 
	bottom: -7px; 
	left: 5px; 
	right: 2px; 
	height: 
	11px; 
}
.brf { 
	background: url(../art/RightBottom.gif) no-repeat; 
	bottom: -7px; 
	right: -6px; 
	width: 8px; 
	height: 11px; 
}