/**
 * Copyright (c) 2005 Margaret Early, The Multiliteracy Project.
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.txt.
 *
 * Site-wide shared stylesheet.
 *
 * $Id: site.css,v 1.22 2007/07/16 01:31:09 multilit Exp $
 */

/**
 * HTML Elements overwritten
 */

* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	background-color: white;
}

li {
	list-style-type: none;
}

td, th {
	vertical-align: top;
	text-align: left;
}

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

a:hover {
	color: #ED5A14;
}

img {
	border: none;
}

table {
	width: 100%;
}

#banner {
	/*border-bottom: 3px solid #ED5A14;*/
}

#banner td {
	padding-bottom: 0.5em;
}

#pageHeading {
	color: white; 
	background-color: #3A3A3A; 
	font-size: 1.33em; 
	padding: 1.25em 0.5em 1.25em 0.5em;
}

#pageBlurb {
	color: white;
	background-color: #C0C0C0;
	font-size: 0.833em;
	padding: 0.25em 0.75em 0.25em 0.75em;
	margin: 1.2em 4.1em;
	float: left;	
}

img.mlLogo {
	margin: 0.75em 0 1em 0;
}

img.mlLogoLarge {
	margin: 0.75em 0 0 2em;
}

#navMenu {
	float: right;
	padding-left: 6em;
	line-height: 1em;
}

#navMenu ul {
	border: none;
	background-color: #B2B2B2;
	padding: 1em 0.5em 1em 1em;
}

#navMenu li {
	border: none;
}

#navMenu li.search {
	margin-left: -5.5em;	
	margin-bottom: 0.25em;
	white-space: nowrap;
}

#navMenu input.field {
	font-size: 0.7em;
	border: none;
	background-color: #DDDDDD;
}

#navMenu input.button {
	font-size: 0.7em;
	color: white;
	border: none;
	background-color: #B2B2B2;
	font-family: Arial;
	text-transform: lowercase;
}

#navMenu a {
	font-size: 0.7em;
	color: white;
	text-transform: lowercase;
}

div.sectionHeader {
	color: #838383;
	font-size: 0.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 0.06em;
	padding-bottom: 0.2em;
	/*
	margin: 0 0 1em 0;
	padding-bottom: 0;*/
	width: 100%;
	float: left;
}

div.headerBlock {
	width: 20px;
	height: 16px;
	background-color: #808080;
	border: 2px solid #808080;
	/*width: 2em;
	height: 1em;
	height: 1.3em;
	background-color: #808080;
	padding: 0.2em 1.1em 0.1em 0.75em;*/
	float: left;
}

div.sectionHeader div.headerTitle {
	border-top: 2px solid white;
	border-bottom: 2px solid #808080;
	margin-left: 5px;
	float: left;
	width: 570px;
}

div.navSectionHeader  div.headerTitle {
	width: 125px;	
}

/**
 * Banner style
 */

#banner {
}

/**
 * Container styling
 */

#container {
	width: 800px;
	margin: 1em auto;
	float: center;
	text-align: left;
	padding-left: 0;
	/*border: 1px solid red;*/
}

/**
 * School Menu styling
 */

#schoolMenu {
	position: absolute;
	width: 635px;
	margin-left: 38px;
	margin-top: -146px;
	border: 1px solid #CCC;
	display: none;
	background-color: #FFF;
}

/**
 * Content styling
 */

#content {
	padding-left: 0;
}

#contentNav {
	padding: 0.5em 0.5em 0em;
	width: 175px;
	float: right;
	/*border: 1px solid red;*/
}

*> #contentNav {
	width: 165px;
}

#contentBody {
	width: 625px;
	padding: 0.5em 1em 0.5em 0;
	float: right;
	color: #555;
	/*border: 1px solid red;*/
}

*> #contentBody {
	width: 600px;
}

/**
 * Footer styling
 */

#footer {
	margin-top: 30px;
	font-size: 0.60em;
	color: #838383;
	border-top: 1px solid #DDD;
	float: right;
	width: 100%;
}

/**
 * Messages
 */

.msgError {
	color: #ED5A14;
}

.msgNormal {
	color: #838383;
}

#message {
	border: none; /*1px solid #838383;*/
	background-color: #DDD;
	font-size: 0.70em;
	margin-bottom: 10px;
}

#message ul {
	padding: 5px 10px 5px 10px;
}

/**
 * Comment Block
 */
.commentBlock {
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}

.commentBlock li {
	padding-bottom: 1px;
}

#commentBody {
	text-align: left;
	padding: 15px;
}

.commentSig {
	text-align: right;
	padding-top:10px;
	font-size: 11px;
}