/* global styles */

body {
	background-color: #f3f3f3;
}

div, p, td, input, textarea, h3 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

div, p, td, input, textarea {
	font-size: 10pt;
}

a {
	text-decoration: none;
	color: #3f559a;
}

a:hover {
	text-decoration: underline;
}

div.message {
	text-align: center;
	margin: 15px auto;
	padding: 2px;
	width: 75%;
	background-color: #fff59f;
	border: 1px solid #4970A1;
}

.edit {
	text-align: center;
	margin: 15px auto;
	padding: 10px;
	background-color: #fea4ff; /*#fff3ff;*/
	border: 2px solid #e30bc7;
}

div.edit {
	width: 75%;
}

/* main container */

div#container {
	width: 800px; 
	margin: 0px auto;
}

/* sidebar */

div#sidebar {
	float: left;
	width: 150px;
	margin: 3px;
	padding: 0px;
}

div#sidebar div.box {
	margin: 0px 0px 10px;
	background-color: #e5e2ff;
	border: 2px solid #aaaaaa;
}

div#sidebar h3 {
	background-color: #8fa9ff;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	margin: 0;
	border-bottom: 1px solid #aaaaaa;
	padding: 2px;
}

div#sidebar p {
	padding: 1px 2px;
	margin: 0;
}

div#sidebar div.section {
	margin: 0px;
	border-bottom: 1px solid #aaaaaa;
	padding: 0px;
}

div#sidebar form {
	padding: 2px;
}

div#sidebar a.small-link {
	font-size: 8pt;
}

div#sidebar p.center {
	text-align: center;
}

div#sidebar input, button {
	width: 130px;
}

/* content pane */

div#content {
	float: left;
	width: 600px;
	border: 2px solid #aaaaaa;
	margin: 3px;
	background-color: white;
}

div#content img#title {
	border: 0;
}

div#content h1 {
	margin: 5px 0px;
	padding: 3px;
	background-image: url(../images/h1.jpg);
	color: white;
	font: italic bold 12pt Georgia,'Trebuchet MS';
}

div#content h2 {
	margin: 5px 0px;
	padding: 2px;
	background-image: url(../images/h2.jpg);
	background-color: #8fa9ff;
	color: white;
	font: italic bold 10pt Georgia,'Trebuchet MS';
}