﻿body {
	background: #ffcaa4 url(../Images/Background.jpg) no-repeat top right;
	font-family: Verdana, Sans-Serif;
	font-size: small;
	color: #003366;
}

h1 { 
	margin-top: 0; 
	font-weight: normal; 
	font-size: 200%;
	text-transform: uppercase; 
	color: #ED632E; 
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
}
a { -moz-outline-offset: -1px; color: #000000; }
a:hover { text-decoration: underline; }

div#container {
	margin: 0 auto;
	width: 770px;
	margin-top: 50px;
}

div#menu .submenu {
	border: 1px solid White;
	border-top: none;
	background-color: #8AA9C3;
	margin-top: 2px;
}
div#menu .submenu .item {
	border-top: 1px solid White;
}
div#menu .submenu a { 
	color: White;
}
div#menu .submenu a:hover { 
	color: Yellow;
}

div#wrapper {
	background-color: #DAE2E9;
	padding: 20px; 
	height: 1%;
}

div#sidebar {
	float: right;
	width: 250px;
}
div#sidebar h2 {
	text-align: center;
	margin-bottom: 5px;
}
div#sidebar a {
	text-decoration: none;
}
div#content {
	width: 450px;
	margin-right: 270px;
}

table.event {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #78A0C6;
	margin-bottom: 3px;
}
table.event th, table.event td {
	padding: 3px;	
}
table.event th {
	text-align: left;
	font-weight: normal;	
	background-color: #78A0C6;
}

span#login a {
	color: White;
	text-decoration: none;
	font-size: 80%;
}

div#editlink {
	margin: 20px 0;
}
a.edit {
	padding-left: 20px;
	background: url(/Images/Icons/pencil.png) no-repeat left;
	text-decoration: none;
}
a.image {
	padding-left: 20px;
	background: url(/Images/Icons/image.png) no-repeat left;
	text-decoration: none;
}

th { text-align: left; }
td { vertical-align: top; }