@charset "utf-8";
@import "defaults.css";

body {
	background: #173860 url(images/top_stripe.png) repeat-x;
	font-size: 13px;
}

a {color: #06c; text-decoration: none;}
a:hover {	color: #147; text-decoration: underline;	}

h1 {
	color: white;
	background:#4E89D1 url(images/h1bar_full.png) no-repeat;
	font-size: 115%;
	height: 18px;
	padding: 5px 10px;
}
h2, .h2ish {color: #2a649d; font-size: 100%; margin: 1em 0 2px 0; font-weight: bold;}
h2+p {margin-top: 0;}
input {font: Verdana, Arial, Helvetica, sans-serif}
th {font-weight:normal}
blockquote {margin: 1em;}
li {text-align: left}
 
#outercontainer {
	position: absolute;
	height:100%;
	width:100%;
}
#maincolumn {
	width: 800px;
	position: relative;
	background: #2a649d;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 100%;
}
#contentzone {
	position:absolute;
	top: 101px;
	width: 100%;
	background:#d0cdc1;
}
#header, #main, #footer {width: 800px; margin: auto}

#header {background: #d0cdc1; height: 95px; border-bottom: 5px solid #2a649d;}
#menu {position: absolute; right: 0; top: 0; width: 520px; height: 67px;}
#menu div {position: absolute; top: 0;}
#flashmenu {top: 5px; text-align:center; width: 100%;}
.slideshow {height: 328px;}
.slideshow img {position: absolute; top: 0px;}
#header #motto {
	right: 20px;
	font-style: italic;
	position: absolute;
	bottom: -28px;
	color: #2a649d;
	font-size: 12px;
	letter-spacing: 0.4px;
}
#loginform {
	background: #d0cdc1 url(images/login_background.png) repeat-x;
	width: 59px;
	height: 22px;
	right: 4px;
	bottom: -25px;
	position: absolute;
	color: #d0cdc1;
	font-weight:bold;
	padding: 0;
}
#loginform.closed {	opacity: 0.5;	filter: alpha(opacity=50);}
#loginform.closed:hover {opacity: 1; filter: alpha(opacity=100);}
#header #login {
	left: 0px;
	position: absolute;
}
#loginform label, #loginform input{display:none; height: 22px; vertical-align:middle; padding: 0px; }
#loginform #name, #loginform #pw{
	width: 90px;
	height: 14px;
	padding: 1px;
	padding-left: 3px;
	vertical-align:middle
}
#loginform img{vertical-align: middle;}

#main {	background: #FFFFFF; position: relative;}
#content {padding: 0px 10px;/*1px padding keeps margins of inner content from bursting out in standard browsers*/}

#footer {
	height: 33px;
	background-color: #2a649d;
	position: relative;
	bottom: -33px;
	clear: both;
}
#footer p {
	color: white;
	float: right;
	font-size: 90%;
	margin: 0.5em 1em; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}

.leftcol {float: left; width: 363px;}

.rightcol {float: right; width: 363px;}

.leftcol h1, .rightcol h1 {
	padding: 5px 10px;
	margin: 0 -10px;
	width: 362px;
}

.rightcol, .leftcol {text-align: justify; padding: 0 10px; margin-top: 15px;}

.corner {position: absolute; top: 0; right: 0; padding: 0; margin: 0;}

.table {background: #d0cdc1;}
.table, .table2 {text-align:left;}
.table .heading, .table2 .heading {background: #2a649d; color: white;}
.table2 td, .table2 th{background: #d0cdc1; margin:2px; padding: 3px; border: none;}
.table2 {border: none; position:relative; left:-2px; right:-5px;}
.fullwidth {margin-left: -10px;}/*counter-acts padding for images that fit the full width of the content areas*/
.center {text-align: center}
.floatright{float:right; margin-left: 0.5em}
.floatleft {float:left; margin-right: 0.5em}

.donate {padding-top: 20px; text-align: center; clear: both}