/* CSS Document */

fieldset {margin:0; padding:0; border:0}

form {margin:0; padding:0; border:0}

img {margin:0; padding:0; border:0}

body {margin:0; padding:0; border:0}

html {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.7 Arial,Verdana,sans-serif;
	background:#A2C175 url(../images/body.gif) repeat-x 0 0;
	color:#0f0f0f}

/* global styles ----------------------------------------------- */
div#details {margin:0 20px 1.7em; padding:0}
dl {margin:0 20px 1.7em; padding:0}
ol {margin:0 20px 1.7em; padding:0}
ul {margin:0 20px 1.7em; padding:0}
h4 {margin:0 20px 1.7em; padding:0}
h3 {margin:0 20px 1.7em; padding:0}
h2 {margin:0 20px 1.7em; padding:0}
h1 {margin:0 20px 1.7em; padding:0}
p {margin:0 20px 1.7em; padding:0}
acronym {cursor:help}

abbr {cursor:help}

hr {margin:1em 0 1.25em; padding:0; height:1px; border:0; background:url(../images/dot.gif) repeat-x 0 0}
html>body hr {margin:1em 0}

.note {color:#5F5F5F; font-size:.95em;}
.center {text-align:center}

/* ---- links ---- */
a:link {color:#002e44; text-decoration:underline}
a:visited {color:#002e44; text-decoration:underline}
a:hover {color:#385F00; text-decoration:underline}
a:active {color:#385F00; text-decoration:none}

/* ---- headings ---- */
h1 {
	margin:1em 20px .75em;
	font:bold 1.75em Georgia,"Times New Roman",Times,serif;
	color:#0d4b67;
	letter-spacing:1px}
h1 span {
	display:block;
	font:bold .75em Arial,Verdana,sans-serif;
	color:#2f708c;
	letter-spacing:0}

h2 {
	margin-bottom:.5em;
	font-size:1.25em;
	line-height:1.4;
	color:#0D4B67}
h2 span {
	font-size:.857em;
	font-weight:normal;
	display:block;
	color:#5F5F5F}

h2.section {
	margin-bottom:.5em;
	font-size:1.1em;
	color:#385F00;
	border-bottom:1px solid #cdd7bf}

h3 {
	margin-bottom:.5em;
	font-size:1.1em;
	color:#385F00;
	border-bottom:1px solid #cdd7bf}
h3.special {
	margin-bottom:1.5em;
	border:0;
	color:#2F708C;
	font-size:1.3em}

h4 {font-size:1em}

h5 {font-size:1em;font-weight:bold;margin:5px}

h6 {font-size:1em;font-weight:normal;margin:0}

span.unbold{
	font-weight:normal;
	color:#385F00;
}

/* ---- lists ---- */
ul {margin-left:52px; list-style:none}
ol {margin-left:30px}

li.news {margin-left:20px; list-style:cirle}

li {margin:0 0 1em}
ul.quick li {margin:0 0 .5em}

ul li {padding:0 0 0 20px; background:url(../images/bullet.gif) no-repeat 0 .7em}
ul.hearts li {background:url(../images/heart.gif) no-repeat 0 .475em}

ul ul {margin-top:1em; margin-right:0}

/* ---- definition list ---- */
dt {margin:0; padding:0; font-weight:bold}
dd {margin:0; padding:0}

/* ---- forms ---- */
legend {
	margin:0 0 .5em;
	padding:0 0 0 20px;
	font:bold 1.25em/1.4 Arial,Verdana,sans-serif;
	color:#385F00}

fieldset span {color:#F00; font-weight:bold}
fieldset span.note {font-weight:normal}

fieldset dt span {margin:0 0 0 3px}
fieldset dd {margin:0 0 .75em}

fieldset dd p {margin:.5em 0 .5em 33px}
html>body fieldset dd p {margin-left:26px}

label {font-weight:bold; cursor:pointer}
fieldset#options dt label {font-weight:normal}

textarea {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	background:#FAFAFA;
	color:#000;
	vertical-align:baseline}

select {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	background:#FAFAFA;
	color:#000;
	vertical-align:baseline}

input {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	background:#FAFAFA;
	color:#000;
	vertical-align:baseline}
textarea {overflow:auto}

textarea:hover {border-color:#A2C175}

select:hover {border-color:#A2C175}

input:hover {border-color:#A2C175}
textarea:focus {border-color:#042D3F; background:#FFF}
select:focus {border-color:#042D3F; background:#FFF}
input:focus {border-color:#042D3F; background:#FFF}
input.check {
	width:auto;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	text-indent:0;
	background:none}
input.radio {
	width:auto;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	text-indent:0;
	background:none}
input.submit {
	cursor:pointer;
	margin:1em 0 0;
	width:8em;
	border-color:#385F00;
	background:#385F00;
	font-weight:bold;
	color:#FFF}
input.submit:active {
	border-color:#042D3F;
	background:#042D3F}

input.submit:focus {
	border-color:#042D3F;
	background:#042D3F}

input.submit:hover {
	border-color:#042D3F;
	background:#042D3F}

input#city {width:200px}
input#state {width:26px}
input#zip {width:46px}

textarea.validation-failed {
	background:#FFC0CB;
	border:1px solid #F00}

select.validation-failed {
	background:#FFC0CB;
	border:1px solid #F00}

input.validation-failed {
	background:#FFC0CB;
	border:1px solid #F00}

div.validation-advice {
	margin:-1px 0 0;
	padding:4px;
	width:302px;
	background:#F00;
	color:#FFF;
	font-weight:normal;
	font-size:.9167em}
form#search div.validation-advice {width:174px}

.message {visibility:visible; display:none}

/* ---- link icons ---- */
.xls {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.ppt {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.pdf {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.doc {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(../images/icon_doc.png) no-repeat 6px 50%}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* container ----------------------------------------------- */
#container {
	position:relative;
	margin:0 auto;
	width:727px;
	border:3px solid #FFF;
	border-top:0;
	background:#FFF url(../images/dot.gif) repeat-y 209px 0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	margin:0 auto;
	width:776px;
	height:138px;
	background:url(../images/header.jpg) no-repeat 100% 0;
	color:#FFF;
	font-weight:bold;
	font-size:1.084em}
#header a:visited {color:#FFF; text-decoration:none}

#header a:link {color:#FFF; text-decoration:none}

/* ---- logo ---- */
a#logo {
	position:absolute;
	top:27px;
	left:13px;
	display:block;
	padding:10px;
	background:url(../images/logo.gif) no-repeat 50% 50%;
	width:243px;
	height:48px}
a#logo img {display:none}

/* ---- addition ---- */
#addition {
	position:absolute;
	bottom:50px;
	right:21px}
#addition p {
	margin:0;
	float:left}
#addition span {
	margin:0 .5em;
	font-size:1.2em;
	color:#90b5c4}
#addition a:hover {text-decoration:underline}

/* ---- text size ---- */
p#text-size a {
	margin:0 0 0 3px;
	padding:1px 4px;
	text-align:center;
	font-size:.9em;
	background:#6fb1cf}
p#text-size a:hover {text-decoration:none; background:#385F00}

p#text-size a#text-medium {padding:1px 6px; background:#042D3F}
p#text-size a#text-large {padding:1px 7px}

/* content ----------------------------------------------- */
#content {
	float:right;
	padding:0 0 1em;
	width:514px;
	min-height:40em; height:auto !important; height:40em}

/* ---- aside ---- */
.aside {
	float:right;
	margin:0 20px .25em 1em;
	padding:0 0 1em;
	display:inline;
	width:175px;
	background:#A2C175 url(../images/aside.gif) no-repeat 0 100%;
	text-align:center}
.aside h2 {
	margin:0;
	padding:1em 10px 0;
	font:bold 1.167em Arial,Verdana,sans-serif;
	background:#A2C175 url(../images/asideh2.gif) no-repeat 0 0;
	color:#294304;
	letter-spacing:1px;
	text-transform:uppercase}
.aside p {
	margin:0 10px;
	font:bold 1em/1.5 Arial,Verdana,sans-serif;
	color:#294304}

/* ---- fader ---- */
ul#fader li {margin:0; padding:0}
ul#fader {margin:0; padding:0}
ul#fader {height:188px; overflow:hidden}
ul#fader li {background:none}

/* ---- back to top ---- */
p.totop {text-align:right; font-size:.9em}
p.totop a {color:#5F5F5F}
p.totop a:hover {color:#333}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:left;
	width:210px}
#sidebar img {
	margin:0 0 .75em;
	padding:0 0 .5em;
	background:#FFF}

#sidebar ul {margin:0 14px 1.5em}

#sidebar h2 {margin:0 14px 1.5em}

#sidebar p {margin:0 14px 1.5em}

#sidebar h2 {
	font:bold 1.25em Georgia,"Times New Roman",Times,serif;
	color:#385f00;
	margin-bottom:.6em;
	padding:0 0 .5em;
	letter-spacing:.05em;
	background:url(../images/dot.gif) repeat-x 0 100%}

#sidebar li.selected a {font-weight:bold}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	padding:.5em 0;
	height:1.5em;
	font-size:.9em;
	background:#f1cf7d;
	border-top:3px solid #FFF;
	color:#020100}
#footer a:visited {color:#301b00; white-space:nowrap}

#footer a:link {color:#301b00; white-space:nowrap}

p#copyright {margin:0; text-align:center}

p#update {margin:0; text-align:center}
p#update {float:left; width:210px}

p#copyright {float:right; width:514px}
p#copyright span {margin:0 .25em}

/* navigation ----------------------------------------------- */
#nav {
	position:absolute;
	top:-34px;
	left:-3px;
	width:727px;
	height:30px;
	background:#f1cf7d;
	border:3px solid #FFF;
	border-bottom-width:1px}
#nav h2 {display:none}

/* ---- menu ---- */
#nav li {margin:0; padding:0}
#nav ul {margin:0; padding:0}
#nav li {
	position:relative;
	z-index:5;
	float:left;
	background:none}
#nav li a {
	padding:7px 15px;
	font:bold 1.084em/30px Arial,Verdana,sans-serif;
	border-left:3px solid #FFF;
	border-bottom:1px solid #FFF;
	background:#F1CF7D;
	color:#301b00;
	white-space:nowrap;
	text-decoration:none}
#nav li a:hover {text-decoration:underline}

#nav li#nav-links a {padding-left:14px}

#nav li#nav-involved a {padding-left:14px}

#nav li#nav-news a {padding-left:14px}

#nav a.first {border:0}

#nav li:first-child a {border:0}

#nav li:hover a {background:#385f00; color:#FFF}

/* ---- dropdowns --- */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	z-index:9;
	top:30px;
	left:0;
	background:url(../images/blank.gif) repeat 0 0; /* add color to see safe area */
	margin:0 0 0 -20px;
	padding:0 20px 20px}
#nav ul li:hover ul {visibility:visible}

#nav li li {clear:both}

#nav li li a:visited {
	padding:.125em 14px;
	width:16em;
	display:block;
	font-weight:normal;
	border-top:1px solid #EEE;
	border-right:3px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:3px solid #FFF;
	color:#000;
	background:#cdd7bf}

#nav li li a:link {
	padding:.125em 14px;
	width:16em;
	display:block;
	font-weight:normal;
	border-top:1px solid #EEE;
	border-right:3px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:3px solid #FFF;
	color:#000;
	background:#cdd7bf}
#nav li li a:hover {background:#A2C175}

#nav li li a.last {border-bottom:3px solid #FFF}

#nav li li:last-child a {border-bottom:3px solid #FFF}

/* selected */
#nav li.selected a {background:#042D3F; color:#FFF}
#nav li.selected li.selected a {background:#c0cacf; font-weight:bold}

/* IlluminAge Apps ----------------------------------------------- */
.error {color:red}

/* ---- Calendar ---- */
form#search input {width:6.5em}
form#search input.submit {width:88px}

dl.calendar {margin-bottom:2.5em}
dl.calendar dt {
	margin-bottom:.5em;
	font-size:1.1em;
	color:#385F00;
	border-bottom:1px solid #cdd7bf}
dl.calendar dt span {font-weight:normal}

dl.calendar dd {padding:0}
dl.calendar dd.title {font-weight:bold; font-size:1.1em}
dl.calendar dd.desc {margin:1em 0 0; color:#333}
dl.calendar dd.desc p {margin-left:0; margin-right:0}
dl.calendar dd.more {margin:1em 0 0}
dl.calendar dd.more a {
	font-size:.75em;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase}
dl.calendar dd em {color:#5F5F5F}

/* ---- What's New ---- */
ul#news em {color:#5F5F5F}

p.date {color:#5F5F5F}

/* Widget */
dl#highlights {margin:-1em 14px 4em}
dl#highlights dt {margin:2em 0 0; color:#0d4b67}
dl#highlights dd em {color:#5f5f5f}

dl#highlights dd.more a {
	display:block;
	font-size:.75em;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase}

/* Details */
div#details h5 {margin-left:0; margin-right:0}

div#details h4 {margin-left:0; margin-right:0}

div#details h3 {margin-left:0; margin-right:0}

div#details p {margin-left:0; margin-right:0}

/* Meal Map ----------------------------------------------- */
div#meal{
	text-align:center;
	}

div#meal-map {
	position:relative;
	margin:5px 0 10px 10px;
	padding:4px;
	width:343px;
	height:550px;
	background:#FFF url(../images/map.gif) no-repeat 4px 4px;
	border:1px solid #FFF}
div#meal-map a {
	position:absolute;
	display:block;
	width:150px;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:5px;
	line-height:1.2em;
	text-indent:-9999px;
	text-decoration:none;
	color:#042d3f;
	background:transparent}
	
div#meal-map a:hover {text-indent:0; background:#e8f2f6; border:1px solid #042d3f; text-decoration:none;}

#columbus {top:3px; left:102px}
#wapello {top:109px; left:153px}
#winfield {top:150px; left:50px}
#mtpleasant {top:201px; left:50px}
#salem {top:273px; left:31px}
#mediapolis {top:200px; left:234px}
#burlington {top:295px; left:189px}
#donnellson {top:370px; left:31px}
#madison {top:418px; left:70px}
#keokuk {top:496px; left:89px}