html, body { height: 100%; }
html, body, table, tr, th, td, div, p, span, ul, ol, li, h1, h2, h3, h4 { margin: 0; padding: 0; }

a { color: #0c479d; }
a:hover { color: #4f8bdf; }

p, li, td, blockquote, caption, input { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
p { margin: 1em 0; }
blockquote { margin: 1em 2em; }
ul, ol { margin: 0 0 0 2em; }

hr { display: block; margin: 2px 0; padding: 0; border: none; background-color: #FECC97; color: #FECC97; height: 4px; clear: both; }

h1 { font-size: 18px; color: #333366; font-weight: 700; margin: .5em 0; }
h2 { font-size: 16px; color: #333366; font-weight: 700; margin: .5em 0; }
h3 { font-size: 14px; color: #000; font-weight: 700; margin: .5em 0; }
h4 { font-size: 12px; color: #000; font-weight: 700; margin: .5em 0; }

sup { font-size: 75%; }
img { border: 0; }

body {
	background: #fff;
	background-image: url(../images/gradient_bottom.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
	color: #000;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

table { border-collapse: separate; }

#page { padding: 2px 2px 0 2px; }

#wrap-outer { border-top: 50px solid #FF9C31; }
#wrap-outer2 { margin-top: -50px; }
#wrap-inner { width: 950px; margin: 0 auto; text-align: left; }

#mid-outer {
	background: #fff;
	border-left: 2px solid #e6e3e0;
	border-right: 2px solid #e6e3e0;
	outline: 2px solid #fff;
	padding: 0 2px;
	width: 768px;
}

#head-outer {
	text-align: left;
	background: #fff;
	border-bottom: 4px solid #FF9C31;
	height: 100px;
}

#logo { float: left; text-align: left; }
#logo img { vertical-align: text-bottom; }

#search-outer { float: right; }
#search-inner { padding: 6px; margin: 15px 0; line-height: 24px; }
#search-inner div, #search-inner p { text-align: center; }
#search-inner p { margin: 4px 0; font-weight: bold; }
#search_input { width: 100px; }

#login-outer { background: #f3f2f0; }
#login-inner { padding: 8px 2px; line-height: 24px; }
#login-inner div { font-size: 10px; text-align: right; }
#login-inner p { margin: 4px 0; font-weight: bold; }
#login_un, #login_pw { width: 100px; }

.inbetween { padding: 5px; background: #f3f2f0; }

#mail_list { text-align: left; padding: 10px 8px; background: #f3f2f0; }
#mail_list a { text-decoration: none; }
#mail_list img { float: left; text-decoration: none; margin: 5px 5px 0 0; }

#cont-outer { clear: both; }
#cont-inner { margin: 0 10px; }


#navi-outer { width: 182px; }
#navi-inner { margin: 52px 2px 0 0; }
#navi-inner ul { list-style: none; margin: 0; }
#navi-inner li a {
	margin: 2px 0;
	display: block;
	background-color: #e6e3e0;
	color: #000;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	padding: 6px 3px;
	width: 100%;
}
html>body #navi-inner li a { width: auto; }

#navi-inner li a:hover {
	background-color: #fff;
	outline: 4px solid #FECC97;
}

#navi-inner li.tpk a { background-color: #DBE4EF; }
#navi-inner li.tpk a:hover { background-color: #fff; outline: 4px solid #A8BDDA; }
#navi-inner li.cs a { background-color: #D2EBE8; }
#navi-inner li.cs a:hover { background-color: #fff; outline: 4px solid #92C2C8; }
#navi-inner li.lse a { background-color: #E4CFEB; }
#navi-inner li.lse a:hover { background-color: #fff; outline: 4px solid #BE89C2; }

#foot-outer {
	clear: both;
	background-color: #333366;
	border-top: 4px solid #FF9C31;
	color: #FFF;
	text-align: right;
	width: 100%;
	line-height: 1.75em;
}
#foot-outer a { background-color: #333366; color: #FFF; font-size: 10px; text-decoration: none; }
#foot-outer a:hover { color: #EEE; text-decoration: underline; }


.container { border-collapse: collapse; width: 100%; }
.container th, .container td { vertical-align: top; }

ul.big li { font-size: 14px; }

.full { width: 100%; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.big { font-size: 20px; }

span.cool { color: #00D; }
span.warm { color: #D00; }

.formFields div { padding: 5px 0; }

.small { font-size: 80%; }

table.reflist { }
table.reflist th, table.reflist td { border: 1px solid #ddd; padding: 2px 8px; }
table.reflist tr.a td, table.reflist tr:nth-child(even) td { background-color: #ffffff; }
table.reflist tr.b td, table.reflist tr:nth-child(odd) td { background-color: #efefef; }

.events { width: auto; }
.events th div { width: 100px; padding: 15px; background-color: #E4EBF3; font-size: 14px; text-align: right; font-weight: bold; }
.events td div { margin: 0 10px; }

/* Printing */
@media print {
	body { background-image: none; }
	#page { padding: 0; }
	#wrap-outer { width: 100%; }
	#head-outer { display: none; }
	#navi-outer { display: none; }
	#foot-outer { display: none; }
	#cont-inner { margin: 0; }
}