/* CSS Document */


/* Body and general settings */
body {
	margin: 10px auto;
	width: 950px;
	background: #B5D894 url(../images/background.jpg) repeat-x;
	color: black;
	font: normal 16px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

div.container {
	clear: both;
	position: relative;
	background-color: white;
	padding: 20px;
	overflow: hidden;		/* to make "container" expand to contain the float at the bottom */
	-webkit-border-radius: 4px;	/* for Safari */
	-moz-border-radius: 4px;	/* for Firefox */
	border-radius: 4px;		/* for future browsers */
}

p, h1, h2, h3, h4, ul, ol, img, label, input, select, a, hr {
	margin: 0;
	padding: 0;
}

h1{
	font-size:1.4em;
	margin-bottom: 10px;
}

h2, h3, h4 {
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	}

h3, h4 {font-size: 1.1em;}

ul, ol {list-style-position: outside}
img {border: none}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background-color: #EFF7E1}
input[type="radio"] {margin-right: 5px;}


a:link {
	color: #63462F;
	text-decoration: none;
}

a:visited {
	color: #b37f56;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button { 
	color: white;
}


.button {
	background: #63462F;
	cursor:pointer;
	color: white;
	padding: 2px 3px;
	-webkit-border-radius: 4px;    	/* for Safari */
	-moz-border-radius: 4px;       	/* for Firefox */
	border-radius: 4px;		/* for future browsers */
	float: right;
	margin: 0 0 0 5px;
}



/* Header */

#Header img, #Header h1, #Header h2 {
	float: left;
	margin-left: 20px;
	text-indent: -9999px;
}

#Header > .logo {
	float:left; 
	margin:0; 
	padding:0; 
}

#Header > a, #Header > p {
	float:right;
	margin-top: 3px;
	margin-left: 20px;
}

#Header > p > a {
	display: block;
	font-size: large;
	font-weight: 600;
	text-transform: uppercase
}

#Tabs form {
	clear:both;
	float:right;
}

#Tabs form input {float: none}

/* Tabs */

div.tl, div.tr{
	display: inline;  /* prevents line breaks from empty divs in Firefox */
}

#Tabs {
	clear: left;
	padding-top: 20px;
}
#Tabs > ul {
	float:left;
	list-style: none;
	margin-left: 20px;
}

#Tabs ul li {
	float: left;
	background-color: #63462F;
	margin-right: 10px;
	padding: 5px 0;
	position: relative;
	overflow: hidden;
	-webkit-border-top-left-radius: 5px;	/* for Safari */
	-webkit-border-top-right-radius: 5px;	/* for Safari */
	-moz-border-radius-topleft: 5px;	/* for Firefox */
	-moz-border-radius-topright: 5px;	/* for Firefox */
	border-radius-topleft: 5px;		/* for future browsers */
	border-radius-topright: 5px;		/*  for future browsers */
}

#Tabs ul li a {
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 5px;
}
#Tabs ul li:hover {
	background-color: white;
	cursor: pointer;
	-webkit-border-top-left-radius: 5px;	/* for Safari */
	-webkit-border-top-right-radius: 5px;	/* for Safari */
	-moz-border-radius-topleft: 5px;		/* for Firefox */
	-moz-border-radius-topright: 5px;		/* for Firefox */
	border-radius-topleft: 5px;				/* for future browsers */
	border-radius-topright: 5px;			/*  for future browsers */
}

#Tabs ul li a:hover {
	color: #63462F;
}


/* Active tab; selects active tab automatically based on the class set in the body element */

.home li#Home, .people li#People, .lessons li#Lessons, .stories li#Stories, .files li#Files {
	background-color: white;
}

.home li#Home a, .people li#People a, .lessons li#Lessons a, .stories li#Stories a, .files li#Files a {
	color: #63462F;	
}


/* left menu */
.leftnavigation{
	width:270px;
	float:left;
	text-align:left;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

.navigation {

	background-color:#EFF7E1;
	-webkit-border-radius: 10px;	/* for Safari */
	-moz-border-radius: 10px;	/* for Firefox */
	border-radius: 10px;		/* for future browsers */
	margin:0 0 10px 0;
}

.navigation ul {
	padding-top:10px;
	list-style:none;
}

.navigation ul li {
	margin-left:25px;
	padding-bottom:10px;
	font-weight:bold;
}

.navigation li.Black {
	font-weight:normal;
}

.navigation a,.navigation visited {
	font-weight:normal;
}
.navigation a #active {
	text-decoration:none;
	font-weight:normal;
}




/* main content */

.maincontent {
	width:608px;
	background-color: white;
	float:right;
	padding:0;
	min-height: 320px;
}

.maincontent ul.bulletlist li {
	margin-left:50px;
	padding-left:15px;
 }

.maincontent ul li ul {
	margin-top: 5px;
}

.maincontent ul li ul li{
	padding: 0;
}

.maincontent ol {
	margin-left: 25px;
}

.maincontent ol.listabc {
	list-style-type: lower-alpha;
}

.maincontent .meta {float: left;padding-top: 10px; padding-bottom: 10px}

.maincontent .meta label, .maincontent a.meta, .maincontent .meta p, .maincontent .meta .statusdot, .maincontent p.meta {
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 6px;
	}



#width70 {width: 70%}
.width70 {width: 70%}
.width85 {width: 85%}

.maincontent label.sameline.width70 {width: 70%}

.statusdot		{float:right;}
.maincontent .left	{text-align:left; float:left;}
.maincontent .right	{text-align:right; float:right;}
.maincontent .center	{text-align:center;}
.maincontent .center .button {float: none}
.maincontent .clear	{clear: both}
.maincontent .sameline	{clear: none}
.maincontent .small	{font-size:14px;}
.maincontent .cursor	{cursor:pointer;}
.maincontent .bold	{font-weight: bold}
.maincontent .topmargin {margin-top: 10px}
.maincontent .bottommargin {margin-bottom: 10px}
.maincontent .subtext	{margin-top: -8px}
.maincontent .width100	{width: 100%}

.maincontent p, .maincontent li, .maincontent label, .maincontent a {
	padding-top: 6px;
	padding-bottom: 6px;
	}

.maincontent input[type="text"], .maincontent input[type="password"], .maincontent select, .maincontent textarea, .maincontent input[type="checkbox"] {
	font-size: 14px;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
}

.maincontent input[type="checkbox"] {margin-top: 3px}


.maincontent label {
	float: left;
	clear: left;
	width: 148px;
	margin-right: 4px;
	}

.maincontent textarea {
	width: 590px;
	padding: 4px;
	}

.maincontent .twocolumns p {
	width: 452px;
	margin-left: 4px;
	margin-right: 0;
	}

.maincontent .twocolumns input[type="text"], .maincontent .twocolumns select {width: 440px}

.maincontent .threecolumns p, .maincontent .fourcolumns label+p, .maincontent .fourcolumns input+p, .maincontent label.sameline, .maincontent .fourcolumns input[type="text"], .maincontent .fourcolumns select {
	width: 144px;
	margin-left: 4px;
	margin-right: 4px;
	}

.maincontent .fourcolumns input[type="checkbox"] {margin-left: 4px}

.maincontent .fourcolumns select {width: 142px}

.maincontent fieldset {
	margin: 0 0 10px 0;
	border-width: 2px;
	padding: 2px;
	clear: both;
}

.maincontent fieldset h1, .maincontent fieldset h2, .maincontent fieldset h3, .maincontent fieldset h4 {
	margin-top: 0;
	margin-left: 4px;
	padding-top: 6px;
	}

.maincontent fieldset textarea {
	width: 582px;
	}

.maincontent fieldset p, .maincontent fieldset label, .maincontent fieldset a {
	margin-left: 4px;
	margin-right: 4px;
	}

.maincontent fieldset input, .maincontent fieldset select, .maincontent fieldset textarea {
	margin-left: 4px;
	margin-right: 4px;
	}

.maincontent fieldset.onecolumn label, .maincontent fieldset.onecolumn input[type="text"], .maincontent fieldset.onecolumn select, .maincontent fieldset.onecolumn p {width: 590px}
.maincontent fieldset label, .maincontent fieldset .fourcolumns label, .maincontent fieldset label.sameline, .maincontent fieldset .publication label, .maincontent fieldset.fourcolumns label+p, .maincontent fieldset .fourcolumns label+p, .maincontent fieldset.fourcolumns input+p	{width: 142px}
.maincontent fieldset.fourcolumns input[type="text"], .maincontent fieldset .fourcolumns input[type="text"], .maincontent fieldset.fourcolumns select, .maincontent fieldset .fourcolumns select	{width: 140px}
.maincontent fieldset.twocolumns p, .maincontent fieldset .twocolumns p					{width: 427px}
.maincontent fieldset.twocolumns input[type="text"], .maincontent fieldset.twocolumns select		{width: 440px}





/* Messages */

.maincontent .error, .maincontent .confirm {float: none; margin: 0 0 10px 0}
.error {color: red}
.confirm {color: #0b8643}
.maincontent li.error {margin-left: 15px}
.maincontent p.error {margin-bottom: 5px}



/* View */

.view label, .view p, .view a {
	float: left;
	}

.view img.statusdot {padding: 10px 5px 0 0; float: right; clear: none}
.view img {float: left; clear: left; padding-top: 6px; padding-left: 4px}
.view .comment {padding-bottom: 15px; float: left}
.view .comment p {float: none}
.view .comment img {margin-right: 20px}
.view .text {float: left; width: 524px}

.view .threecolumns label+a {width: 262px; float: left}

.view .meta+p {clear: both}
.view label img {padding: 0}
.view fieldset.list label {width: 67px}
.view .list h2 {margin-bottom: 10px}
.view .center img {float: none; padding: 10px 0; max-width: 600px}
.view .ratings label {padding-top: 3px; padding-bottom: 15px}
.view .ratings img {clear: none; cursor:pointer;}

/* Edit */

.edit p {
	float: left;
	padding: 6px 0;
	margin: 0 4px;
	}

.edit label {font-weight: bold}

.edit input.margin[type="submit"] {
	margin: 3px 4px;
	font-size: 12px;
	}


.edit .width25 {
	float:left;
	width: 150px;
	}

.edit .radio {width: 150px; float:left; overflow: hidden}
.edit .radio input {float: none; margin-top: 6px}
.edit .radio label {float: none; font-size: 14px; font-weight: normal; margin: 0 5px 0 3px; padding: 0}

.maincontent .publication {padding: 0}
.maincontent .publication label {font-weight: normal; clear: none; width: 142px} 
.maincontent .publication label:first-child {clear: left}
.edit .publication select									{width: 142px}
.edit .publication input[type="text"],	     .edit input[type="text"].date			{width: 32px; text-align: center}
.edit .publication input[type="text"].year, .edit input[type="text"].year			{width: 58px; text-align: center}
.edit fieldset .publication select								{width: 140px}
.edit fieldset .publication input[type="text"],	     .edit fieldset input[type="text"].date	{width: 32px; text-align: center}
.edit fieldset .publication input[type="text"].year, .edit fieldset input[type="text"].year	{width: 55px; text-align: center}


/* List */

.list .text li {float: left; width: 80%;}
.list img {float: left; clear: both; margin: 2px 20px 10px 0}
.list h2 {margin: 0; padding: 0}
.list ul {list-style: none}
.list ul li{
        margin-top: 15px;
        min-height: 60px;
}






/* Footer */
.footer {
	clear: both;
	margin: 10px 20px;
}
.footer ul
{
	list-style: none;
	padding: 10px 0 20px 0;
}
.footer ul li {
	display: inline;
	margin-right: 15px;
}