/* MendocinoArts.org */
html, body { padding:0; margin:0; }

body { 
	text-align: center; 
	background-color:#DFEFF0;
}

h1, h2, h3, h4, h5 h6 {
	padding: 0;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border: 0;
}

p, ul, ol, dl, li, dt, dd, blockquote {
	padding: 0;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border: 0;
}

table {
	margin-top: 0;
	margin-bottom: 0;
	border: 1px solid black;
}

/*Using these values for the size of the headings creates a natural relationship between them.*/
h1 {font-size: 218%;}
h2 {font-size: 164%;}
h3 {font-size: 145%;}
h4 {font-size: 118%;}
h5   { font-size: 100%; }
h6   { font-size: 75%; }
ul li { list-style-type:none; list-style-position:inside; }

/*Another Approach to consistent spacing*/
ol, ul, li {margin: 0; padding: 0; padding: 0 4px; }

p.dropcap:first-letter {font-size:2em}

a 				{ text-decoration:none; font-weight:bold; }
a:link 		{ color: #996600; }
a:visited 	{ color: #996600; }
a:hover 	{ color: #116600; background-color:#ffbf00; text-decoration: none}
a:active 	{ color: #FFFF66 }

#header a 				{ text-decoration:none; font-weight:bold; }
#header a:link 		{ color: #000000; }
#header a:visited 	{ color: #000000; }
#header a:hover 	{ color: #116600; background-color:#ffeedd; text-decoration: none}
#header a:active 	{ color: #FFFF66 }

#container {
	width:			900px;
	margin: 		8px auto 0 auto;
	padding:		0;
	text-align:	left;
	background-color:#e6f6ff;
	border:		double #003366 thick;
	}

#header {
	position:relative;
}

#headerlabel {
	position:absolute; 
	top: 25px; 
	left:75px;
}

#middlebar {
	position:relative;
	width:100%;
	/*height:20em;*/
	/*background-color:#FFFBD9;*/ 
	font-size:small;
}

.barleft {
	float:left;
	background-color:#CEF7F5;    /*  #FFFBD9  */
	width:250px;
	margin:10px 5px 5px 10px;
	font-size:small;
}

/*  list-style-image: url(../images/Star.gif);   */
.barleft ul li { list-style-type:none; list-style-position:outside; font-weight:bold;font-style:italic; font-size:small; padding-bottom:8px; padding-left:6px; }

.barmiddle {
	float:left;
	/*background-color:#FFFBD9;*/
	width:340px;
	margin:10px 5px 0 5px;
}

.barright {
	float:left;
	background-color:#CEF7F5; 
	width:250px;
	margin:10px 10px 5px 5px;
	padding-top:6px;
	font-size:smaller;
}

/* *** The Sponsor boxes *** */

.sponsor {
	float:left;
	width: 280px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding:2px;
	background-color:#ddeeff;  
	font-size:small;
}

.calentry {
	font-size:large;
	margin:0 6px 6px 6px;
}

.calentrytitle {
	font-weight:bold;
}

.calentrydesc {
	color:#003300;
}


/* *** The Footer *** */
.MAFooter {
	clear:					both;
	display: 				block;
	width:             		900px;
	margin: 				6px auto 0 auto;
	overflow: 			hidden;
	vertical-align: 		middle;
	color: 					#ffbf00;
	background-color: #6699aa;
	font-size: 			small;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	text-align: 			center;
	text-transform: 	capitalize;
	border-top: 			solid 1px #000000;
}