/* cslilburn.css - style sheet for C.S.Lilburn web pages */

/* overall standard design */
body {
	padding: 0;
	margin: 0;
	color: #472D0B;
	background-color: #D0CAB4;
	position: relative;
	font-family: verdana, arial, helvetica;
	font-size: 100%;
	background-image: url("widgets/pageback.gif");
}
a:link		{ color: #472D0B; }
a:visited	{ color: #000000; }
a:hover		{ color: #FEBB1A; }

/* page header */
#header {
	position: relative;
	padding-top: 0.05em;
	padding-left: 1em;
	margin: 1em 1.5em 0 1.5em;
	border: 0;
	height: 76px;
	background-image: url("widgets/titlemiddle.gif");
}
#header h1 { font-size: 120%; line-height: 70%; }
#header h2 { font-size: 100%; line-height: 70%; }
#header h3 { font-size: 80%;  line-height: 60%; }
#header h4 { font-size: 70%;  line-height: 60%; }
#header .leftedge { position: absolute; left: -0.5em; top: 0; }
#header .rightedge { position: absolute; right: -0.5em; top: 0; }

/* main content area fits between header and footer */
#main {
	padding: 1em 1em 1em 14em;
	position: relative;
	font-size: 100%;
}

/* left column fits sidebar menu */
#leftcolumn {
	position: absolute;
	width: 12em;
	left: 1em;
	top: 1em;
	bottom: 1em;
	font-size: 100%;
	background-color: #746957;
}

/* left sidebar menu */
#menu {
	background-color: #C2B687;
}
#menu ol {
	margin: 0;
	padding: 0.25em;
}
#menu li {
	margin: 0.25em;
	border: 2px solid #E2D6A7;
	display: block;
	padding: 0.5em;
}
#menu li a:link,
#menu li a:visited { text-decoration: none; }

/* main content specs */
#content {
	padding: 1em;
	text-align: center;
	font-family: Arial;
	font-size: 100%;
	color: #472D0B;
	background-color: #D0CAB4;
}
#content h1 { font-size: 120%; }
#content h4 { font-size: 50%; }
#content img {
	width: 400px;
	height: 300px;
	border: 0;
}

/* calendar content specs */
#events {
	padding: 3em;
	font-family: Arial;
	font-size: 100%;
	color: #472D0B;
	background-color: #D0CAB4;
}
#events h3 { font-size: 120%; }
#events ol {
}
#events li {
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 100%;
	display: block;
}

/* map content specs */
#map {
	padding: 5em;
	text-align: center;
	font-family: Arial;
	font-size: 120%;
	color: #472D0B;
	display: block;
	background-color: #D0CAB4;
}

/* links content specs */
#links {
	padding: 3em;
	font-family: Arial;
	font-size: 100%;
	color: #472D0B;
	background-color: #D0CAB4;
}
#links h3 { font-size: 120%; }
#links a {
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 100%;
	display: block;
}

/* generic footer w/menu */
#footer {
	position: relative;
	font-size: 80%;
	text-align: center;
	background-color: #BDB596;
	padding: 0;
	margin: 0 1.5em 1em 1.5em;
	height: 76px;
	background-image: url("widgets/titlemiddle.gif");
}
#footer ol {
	padding: 1em; margin: 0;
}
#footer li {
	display: inline;
	padding-left: 1em;
	margin-left: 1em;
	border-left: 1px solid #472D0B;
}
#footer li:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}
#footer li a:link,
#footer li a:visited { text-decoration: none; }
#footer h5 {
	padding: 0;
	margin: 0;
	font-size: 80%;
	color: #472D0B;
}
#footer h5 a:link,
#footer h5 a:visited { text-decoration: none; }
#footer .leftedge { position: absolute; left: -0.5em; top: 0; }
#footer .rightedge { position: absolute; right: -0.5em; top: 0; }

