/* ############################# */
/*      Main Layout Bits...      */
/* ############################# */

html, body {
	background-color: #EEEEEE;
	text-align: center;
	height: 100%;
}

#wrapper {
	margin: 0 auto;
	padding-right: 2em;
	padding-left: 2em;
	width: 57.143em;
	height: auto;
	background-color: #4056f9;
}

div, #normal {
	font-family: Verdana;
	font-size: 14px;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ############################ */
/*           Header             */
/* ############################ */

#header {
	background-color: #FFFFFF;
	height: 11.429em;
	width: 57.143em;
}

#header #logo, #header #address {
	float: left;
	height: 11.429em;
}

#header #logo {
	width: 49.286em;
}

#header #address {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	width: 7.857em;
}

#header #navbar, #header #donate {
	float: left;
	width: 50em;
	height: 1.286em;
	letter-spacing: 0.071em;
	padding-top: 0.143em;
}

#header #navbar {
	background-color: #B0040C;
	background-image: url('../images/navbar-bg.png');
	color: white;
}

#header #navbar a {
	color: white;
}

#header #donate {
	width: 6.24em;
	height: 1.15em;
	padding-top: 0.1em;
	font-size: 16px;
	background-color: white;
	color: #A41D1D;
}

#header #donate a {
	color: #A41D1D;
}

/* ############################## */
/*        Content Stuff...        */
/* ############################## */

#content {
	margin-top: 20px;
	width: 57.143em;
	height: auto;
}

#content #left, #content #right {
	float: left;
	margin-top: 20px;
}

#content #left {
	width: 42.857em;
}

#content #right {
	width: 14.286em;
}

#content .titlebar {
	-moz-border-radius-topleft:2ex;
	-moz-border-radius-topright:2ex;
	-moz-border-radius-bottomleft:2ex;
	-moz-border-radius-bottomright:2ex;
	-webkit-border-top-left-radius:2ex;
	-webkit-border-top-right-radius:2ex;
	-webkit-border-bottom-left-radius:2ex;
	-webkit-border-bottom-right-radius:2ex;
	background-image: url('../images/navbar-bg.png');
	background-repeat: repeat-x;
}

#content .titlebar h1 {
	color: white;
	font-size: 16px;
	padding-top: 0.25em;
	padding-bottom: 0.7em;
}

#content #left #about {
	float: left;
	width: 40em;
	padding-bottom: 5px;
	background-color: white;
	line-height: 1.3em;
}

#content #left .infobox {
	float: left;
	height: 10.714em;
	width: 19em;
	margin: 1.429em 1.786em;
	margin-left: 0;
	background-color: white;
	line-height: 1.3em;
}

#content #left .longinfobox {
	float: left;
	height: 16em;
	width: 19em;
	margin: 1.429em 1.786em;
	margin-left: 0;
	background-color: white;
	line-height: 1.3em;
}

#content #right #menu {
	height: 100%;
	width: 100%;
	padding-bottom: 10px;
	background-color: white;
}

#content #right #menu .section {
	margin-top: 0.214em;
	margin-left: 0.214em;
	text-align: left;
	font-weight: bold;
	color: #a41d1d;
}

#content #right #menu .section a {
	color: #a41d1d;
	text-decoration: none;
}

#content #right #menu .section a:hover {
	text-decoration: underline;
}

#content #right #menu .section ul li {
	margin-top: 0.214em;
	margin-left: 2.143em;
	font-weight: normal;
	color: black;
}

#content #right #menu .section ul li a {
	color: black;
}

.clear {
	clear: both;
	width: 100%;
	height: 50px;
}

/* ########################### */
/* Content pane for info pages */
/* ########################### */

#content #left #pane {
	float: left;
	width: 95%;
	height: auto;
	padding-bottom: 10px;
	background-color: white;
	line-height: 1.3em;
}

#content #left #pane a {
	color: blue;
}

#content #left #pane a:hover {
	text-decoration: underline;
}

/* ########### */
/* Text Styles */
/* ########### */

.header {
	color: #a41d1d;
	font-size: 16px;
	font-weight: bold;
}

.quote {
	background-color: #99CCFF;
	border: 1px solid #3399FF;
	font-style: italic;
	width: 75%;
	margin: 20px auto;
	padding: 10px;
}

.quote img {
	float: left;
}

/* ################ */
/* Spaced out table */
/* ################ */

#content #left #pane .spaced {
	margin: 5px;
}

#content #left #pane .spaced tr td {
	padding: 3px;
	border: 1px solid black;
}

/* ############### */
/* Gallery Section */
/* ############### */

#pane .gallery {
	float: left;
	width: 10.74em;
	height: 13em;
	margin: 3px;
}

#pane .photo {
	float: left;
	width: 10.74em;
	height: 7.2em;
	margin: 3px;
}

body.mceContentBody {
   background-color: #FFFFFF;
}