/*
#78b81b green
#011f65 blue
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background-color: #545454; text-align: center; font-family: Georgia,Helvetica,Tahoma,Arial,Sans-Serif; font-size: 95%; line-height: 1.5em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; color: #011f65; }
h3 { padding: 1em 0 0.5em 0; color: #011f65; }
p { padding: 0 0 0.75em 0; }
a,a:link,a:focus,a:active,a:visited { color: #000; }
a:hover { color: #333; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 3em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 10px auto; width: 960px; padding: 10px 10px 0 10px; text-align: left; background-color: #A3AEC7; }

nav{ float: left; width: 200px; height: 660px; padding: 20px 0; background: url("../_images/menu-background.gif"); }
nav ul{ float: left; margin: 0; padding: 0; list-style-type: none; }
nav ul li { float: left; position: relative; }
nav a { padding: 8px 20px; width: 160px; text-decoration: none; font-size: 16px; font-weight: bold; letter-spacing: 1px; display: block; }
nav a:link,nav a:visited{ color: #000; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu{ background-color: #A3AEC7; color: #000; }

article { float: left; padding: 25px; width: 500px; }
#article_background { float: right; width: 200px; height: 125px; margin-top: 300px; }
aside { float: right; width: 200px; }
#slideshow { margin-top: 30px; }
#slideshow p { font-size: 0.75em; text-align: center; }
#location { border: 2px solid #011f65; width: 500px; height: 300px; }
#location  img { float: left; width: 300px; }
#location  ul { list-style-type: none; font-size: 0.80em; float: left; width: 190px; margin: 2px 0 0 10px; padding: 0; line-height: 1.2em; color: #011f65; clear: right; }
#cta { font-size: 1.2em; margin: 1em 0; }
#cta a,#cta a:link,#cta a:focus,#cta a:active,#cta a:visited { color: #78b81b; background-color: #011f65; padding: 1em; text-decoration: none; }
#cta a:hover { color: #FFF; background-color: #011f65; padding: 1em; text-decoration: none; }
.cta_inline,.cta_inline:link,.cta_inline:focus,.cta_inline:active,.cta_inline:visited { color: #78b81b; background-color: #011f65; padding: 0.25em 0.5em; text-decoration: none; }
.cta_inline:hover { color: #FFF; background-color: #011f65; padding: 0.25em 0.5em; text-decoration: none; }
#promo_banner { font-size: 1.4em; margin: 1em 0; background-color: #011f65; display: block; padding: 1em; text-decoration: none; }
#promo_banner a,#promo_banner a:link,#promo_banner a:focus,#promo_banner a:active,#promo_banner a:visited { color: #78b81b; text-decoration: none; }
#promo_banner a:hover { color: #FFF; }
#promo_banner h1 { color: #78b81b; font-size: 1.2em; text-align: center; }
#routes_list { margin-bottom: 1em; }
label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #78b81b; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
.vcard { text-align: center; }
#map { width: 500px; height: 350px; border: 1px solid #aaa; margin: 1em 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1em; font-weight: bold; }
#quick_phone { text-align: center; font-weight: bold; }

footer { clear: both; text-align: center; font-size: 0.85em; padding: 10px 20px; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover  { color: #000; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../_images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}