/*
CSS stylesheet for the Melting Pot Learning Centre
By Evan Sanders
www.esandersdesign.com
Copyright 2008
*/

/* 
Notes:

Dark brown: #bb7240


/* General Declarations */

body {
	color:#666;
	margin:0px;
	padding:10px 0px 0px 0px;
	border:0px;
	font-family:sans-serif;
	background:#fff;
	text-align:center;
	}

p {
	color:#666;
	line-height:1.2em;
	}

h1, h2, h3 {
	text-align:left;
	font-weight:100;
	}

h1, h2, h3 {
	color:#bb7240;
	}

a {
	text-decoration:none;
	color:#bb7240;
	}

img.right {
	border:1px dashed #bb7240;
	padding:3px;
	display:block;
	float:right;
	margin-left:10px;
	}

a img {
border:none;
text-decoration:none;
}

.right {
	text-align:right;
	}

.left {
	text-align:left;
	}

.center {
	text-align:center;
	}

.hidden {
display:none;
}
/* Table Declarations */

table, .event {
	width:100%;
	border-collapse:separate;
	border-spacing:3px;
	border:1px solid #bb7240;
	}
table.login {
border:none;
}
td, .event td {
	padding:5px;
	vertical-align:middle;
	}

.heading, thead {
	background:#bb7240;
	color:#fff;
	font-weight:900;
	}

.odd {
	background:#fec;
	}

.even {
	background:#ffe;
	}

.even, .odd {
	color:#666;
	}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

/*Form Declarations */
form {
float:right;
width:100%;
}
input, textarea, input:hover{
	border:1px solid #bb7240;
	font-family:sans-serif;
	}

/*.submit {
	color:#bb7240;
	background:#fec;
	border:2px solid #bb7240;
	}*/

fieldset
{
	float: left;
	clear: left;
	width: 90%;
	margin: 0 0 1.5em 0;
	padding: 5px;
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9;
	background-image: url('../images/fieldset_gradient.jpg');
	background-repeat: repeat-x;
}

fieldset h3 {
	margin:0 0 5px 0;
}

legend
{
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
	list-style-image: none;
}

label
{
	float: left;
	width: 10em;
	margin-right: 1em;
}

fieldset fieldset
{
	border-style: none;
	background-color: transparent;
	background-image: none;
}

fieldset fieldset legend
{
	margin-left: 0;
	font-weight: normal;
}

fieldset fieldset ol
{
	position: relative;
	padding: 0;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
}

fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
	background-image: none;
}

/* Wrapper */

#wrapper {
	width:960px;
	margin:auto;
	}

/* Header */

#header {
	text-indent:-999px;
	width:958px;
	height:129px;
	margin:auto;
	background-image:url("../images/header.png");
	}

/* Menu */

#sidebar {
	width:190px;
	margin-top:20px;
	float:left;
	text-align:left;
	}

#sidebar p, #sidebar td {
	font-size:x-small;
	margin-top:0;
	}
#sidebar h3 {
	margin-bottom:4px;
}


#menu div.sub a {
	width:120px;
	height:22px;
	padding-top:3px;
	background-image:url("../images/submenulink.png");
}

#menu div.sub a.active {
	width:120px;
	height:22px;
	padding-top:3px;
	background-image:url("../images/subactivemenulink.png");
}


#menu div.sub a:hover {
	color:#bb7240;
	background-image:url("../images/subactivemenulink.png");
}

#menu a {
	display:block;
	width:183px;
	height:44px;
	padding-top:6px;
	text-align:center;
	background-image:url("../images/menulink.png");
	background-repeat:no-repeat;
	color:#fff;
	}

#menu .active {
	display:block;
	padding-top:6px;
	text-align:center;
	color:#bb7240;
	background-image:url("../images/activemenulink.png");
	background-repeat:no-repeat;
	}

#menu a:hover{
	color:#bb7240;
	background-image:url("../images/activemenulink.png");
	}

/* Main */

#main {
	width:720px;
	margin:20px 0px 0px 220px;
	text-align:left;
	}


.submenu {
	color:#bb7240;
	}

/* Footer */

#footer {
	clear:both;
	width:100%;
	margin-top:50px;
	border-top:1px dashed #bb7240;
	text-align:center;
	}

#footer p {
	font-size:small;
	}

/* Error Messages etc  - div classes */

.error {
	width:400px;
	margin:10px auto;
	border:2px solid #922;
	background-color: #fcc;
	background-image:url("../images/button_cancel.png");
	background-position:25px 20px;
	background-repeat:no-repeat;
	}

.success {
	width:400px;
	margin:10px auto;
	border:2px solid #292;
	background-color: #cfc;
	background-image:url("../images/button_ok.png");
	background-position:25px 20px;
	background-repeat:no-repeat;
	}

.important {
	width:400px;
	margin:10px auto;
	border:2px solid #fa2;
	background-color: #ffc;
	background-image:url("../images/messagebox_warning.png");
	background-position:25px 20px;
	background-repeat:no-repeat;
	}

.error h3, .success h3, .important h3, .error h2, .success h2, .important h2 {
	margin:20px 10px 0px 75px;
	}

.error p, .success p, .important p {
	margin:20px 10px 10px 20px;
	}

p.progress {
text-align:center;
}


li {
list-style-image: url('../images/bullet.png');

}