html {
	height:100%;
}

/* Page-level */
body { 
	margin:0; 
	padding:0; 
	font-family:'Open Sans', sans-serif;
}

#page { 
	/*height:100%;*/
	margin:0;
	padding:0;
	margin:auto;
	background-color:#FFF;
}
	
/* Make HTML 5 elements block-level for consistent styling */
header, nav, article, section, footer {
	display:block;
}

/* Header */
#page_header {
	padding:0;
	margin:0;
}
	
#logged-in {
	position:absolute;
	top:11px;
	right:0;
	margin-right:5px;
	font-size:0.85em;
}

#login label {
	float:left;
	margin-left:3px;
	width:64px;
	font-size:0.8em;
	color:#FFF;
}

#login input[type="text"] {
	float:left;
	width:60px;
	margin-left:3px;
	font-size:0.85em;
}

#login input[type="password"], #login_password { /* #login_password duplicated for IE9 */
	float:left;
	width:60px;
	margin-left:3px;
	font-size:0.85em;
}

#login input[type="submit"] {
	float:right;
	margin-left:3px;
	width:70px;
	font-size:0.85em;
}

#login input[type="checkbox"] {
	vertical-align:middle;
}

#login #remember_me {
	float:left;
	clear:both;
	margin-top:1px;
	font-size:0.85em;
	color:#000;
}

#login #links {
	/*float:right;
	width:70px;
	margin-top:0;*/
	margin-top:-7px;
	margin-bottom:2px;
	text-align:right;
}

#login #links a {
	font-size:0.7em; 
	margin-top:0;
	/*margin-left:5px;*/
	margin-top:-1px;
	margin-bottom:0;
	padding:0;
	line-height:0em;
}

#social_media {
    margin-right: 5px;
    margin-top: 82px;
    position: absolute;
    right: 6px;
    top: 0;
    width: 215px;
	text-align:right;
}

#nav_logo_desktop #credit {
	position:absolute;
	bottom:36px;
	right:0;
	/*background-image:url('/assets/template/images/credit-bg.png');
	background-repeat:repeat;
	padding:7px;*/
	padding:10px;
	font-size:75%;
	text-align:right;
	color:#FFF;
}

#nav_logo_desktop #credit h1 {
	font-size:2em;
	margin:0;
	color:#FFF;
}

#nav_logo_desktop #credit a {
	color:#FFF;
}
	
#page_header nav #normal_menu {
	height:2.5em;
	margin:0;
	padding:0;
	clear:both;
	background-color:#3f3529;
}

#page_header nav ul {
	overflow:hidden;
	list-style:none; 
	list-style-type:none; 
	margin:0; 
	padding:5px 15px 0 15px;
	background-color:#3f3529;
}
	
#page_header nav li { 
	padding:0;
}
	
#page_header nav a, #page_header nav a:link, #page_header nav a:visited {
	font-family:'Open Sans Condensed',sans-serif;
	font-weight:bold;
	float:left;
	display:block;
	padding:0 15px;
	color:#FFF;
	text-decoration:none;
}
	
#page_header nav a:hover {
	background:url('/assets/template/images/menu_active_bg.png');
	background-repeat:repeat;
	color:#FFF;
	text-decoration:none;
}

#page_header nav .active {
	background:url('/assets/template/images/menu_active_bg.png');
	background-repeat:repeat;
}
	
#page_header nav a:active {
	background:url('/assets/template/images/menu_active_bg.png');
	background-repeat:repeat;
	color:#FFF;
	text-decoration:none;
}

.search_bar {
	width:192px;
	float:right !important;
	margin-right:-5px;
	margin-top:2px;
}

.search_bar input[type="text"] {
	width:130px;
	float:left;
}

.search_bar input[type="submit"] {
	float:right;
}

#quick_list {
	display:none;	
}
	
/* Content */
aside .aside_module, .aside_module_large {
	background:#d1c9c0;
	padding:10px;
	width:172px;
	font-size:0.9em;
	margin-bottom:12px;
}

aside .aside_module h1, .aside_module_large h1 {
	font-size:1.8em !important;
	line-height:1.1;
	margin-top:0;
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
}

aside .aside_module ul, .aside_module_large ul {
	text-indent:0;
}

aside .aside_module li, .aside_module_large li {
	margin-left:-2em;
}

aside .aside_module .left {
	float:left;
}

aside .aside_module .right {
	float:right;
}

aside#left {
    clear:both;
}

aside nav {
	background:#6f6150;
	padding:10px;
	margin-bottom:11px;
}

aside nav a, aside nav a:link, aside nav a:visited, aside nav h1, aside nav p {
	color:#FFF;
	width:132px;
	display:block;
}

aside nav a, aside nav a:link, aside nav a:visited, aside nav p {
	font-size:0.9em;
	padding:5px 20px 5px 10px;
}

aside nav h1 {
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
	font-size:1.3em;
	padding:5px 20px 0 10px;
	margin-bottom:10px;
}

aside nav a:active, aside nav a:hover {
	background:#d1c9c0;
	color:#FFF;
	text-decoration:none;
}

aside nav .page {
	background:#3f3529;
}

#center-column {
	padding:0;
}
	
#center-column-content {
	padding:0;
}

#center-column-content .float_300px {
	font-style:italic;
	font-size:85%;	
}

h1 {
	font-size:4em;
	margin:0 0 20px 0;
	font-family:'Just Another Hand', sans-serif;
	font-weight:normal;
	line-height:1;
}
	
h2 {
	font-family:'Open Sans Condensed', sans-serif;
	font-size:1.8em;
	margin:30px 0 20px 0;
}
	
h3 {
	font-family:'Open Sans Condensed', sans-serif;
	font-size:1.4em;
	margin:20px 0 10px 0;
}
	
h4 {
	font-family:'Open Sans Condensed', sans-serif;
	font-size:1.1em;
	margin:20px 0 10px 0;
}
	
p, table, td {
	font-size:1em;
}
	
li {
	margin-bottom:5px;
}

.intro_para {
	font-size:1.25em;
}
	
#mobile_instructions {
	display:none;
}

.field.break, .field.break a, .aside_module a {

}
	
a:link, a:visited {
	text-decoration:none;
	color:#ff0000;
	font-weight:bold;
}

a:hover {
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
}

.button_big {
	margin-top:30px !important;
	margin-bottom:30px !important;
}

.button_big a {
	padding:10px 15px;
	background-color:#6f6150;
	color:#FFF !important;
	font-weight:bold;
	font-size:110%;
}

.button_medium {
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.button_medium a {
	padding:7px 10px;
	background-color:#6f6150;
	color:#FFF !important;
	font-weight:bold;
	font-size:100%;
}
	
img {
	border:0;
}
	
hr {
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
	border-style:solid none none;
	border-width:1px 0 0;
	margin:1.4em 0;
    color:#d1c9c0;
    height:5px;
}
	
figure {
	margin-left:0;
	margin-right:0;
}
	
figcaption {
	text-align:right;
	font-size:0.8em;
}

td {
	vertical-align:top;
}
	
th {
	background-color:#372a01;
	color:#FFF;
}
	
.table_spaced td {
	padding:0 15px 15px 0;
	vertical-align:top;
}
	
.semi-compact_ul {
	text-indent:0px;
	padding:5px 5px 5px 30px;
	margin:0px;
}
	
.compact_ul {
	text-indent:0px;
	padding:5px 5px 5px 15px;
	margin:0px;
}

.float_clearer {
	width:100%;
	float:left;
}

/* footer */	
#page_footer { 
	clear:both;
	padding:0;
	background:#3f3529;
}
	
#page_footer_content {
	padding:20px;
	overflow:auto;
}

#page_footer_content div {
	float:left;
	margin:10px;
}

#page_footer_content .list {
	float:left;
	margin:0;
	margin-right:25px;
}

#page_footer_content div.list a {
	font-family:'Open Sans Condensed',sans-serif;
	font-weight:normal;
	color:#d1c9c0;
	font-size:1.1em;
	line-height:1.5;
}

#page_footer_content h1 {
	font-size:4em;
	margin-bottom:10px;
	color:#FFF;
	font-weight:normal;
}

#page_footer_content div h2 {
	font-family:'Just Another Hand', sans-serif;
	font-weight:normal;
	font-size:2.5em;
	margin:0;
	color:#FFF;
}

#page_footer_content #footer_logo {
	border:0;
	width:183px;
	font-size:0.8em;
	color:#d1c9c0;
	margin:10px;
}

#page_footer_content #footer_logo a {
	color:#FFF;
}

#page_footer_content #footer_logo img {
	margin-top:0;
	margin-bottom:10px;
}

/* /walks/ walk calendar month view */
#calendar_nav {
	display:block;
	overflow:hidden; /*forces div to expand to contents height */
	margin-bottom:10px;
}

#calendar_left_arrows {
	float:left;
}

#calendar_left_arrows form, #calendar_right_arrows form {
	display:inline-block;	
}

#calendar_left_arrows a, #calendar_right_arrows a {
	font-weight:normal;
	text-decoration:none;
}

#month_name {
	display:block;
	text-align:center;
	width:100%;
	margin-top:0;
	margin-bottom:-30px;
}

#calendar_refine_walk_grade {
	float:left;
	text-align:left;
	width:45%;
}

#calendar_refine_walk_grade form {
	margin-top:5px !important;
}

#calendar_jump_to {
	float:right;
	text-align:left;
	width:45%;
}

#calendar_jump_to form {
	margin-top:5px !important;
}

#calendar_right_arrows {
	float:right;	
	font-size:125%;
}

#month_calendar table {
	border:none;
	width:100%;
}

#month_calendar .header {
	background-color:#A3A3A3;
	text-align:left;
	font-weight:bold;
	width:14%;
}

#month_calendar .weekday, #month_calendar .weekend, #month_calendar .today_weekday, #month_calendar .today_weekend {
	font-size:12px;
	font-weight:bold;
	height:75px;
	vertical-align:top;
	text-align:left;
	padding:3px;
}
	
#month_calendar .weekday {
	background-color:#E1E1E1;
}

#month_calendar .weekend {
	background-color:#D0D0D0;
}

#month_calendar .today_weekday, #month_calendar .today_weekend {
	background-color:#257B42;
}

.temporary_notice {
	width:100%;
}

.temporary_notice_content, .temporary_notice_content_hot, #no_javascript {
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	padding-bottom:10px;
	background-color:#d1c9c0;
}

#no_javascript {
	background-image:url('/assets/images/Stop.png');
	background-repeat:no-repeat;
	padding-left:125px;
}

.temporary_notice_content {
	border-top:3px solid #6f6150;
	border-bottom:3px solid #6f6150;
}

.temporary_notice_content_hot, #no_javascript {
	border-top:3px solid #ff0000;
	border-bottom:3px solid #ff0000;
}

.temporary_notice h1, #no_javascript h1 {
	font-size:1.8em;
	line-height:1.1;
	margin-top:0;
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
}

.tipReview {
	/*padding:4px;*/
	padding:20px;
	color:#000;
	background-color:#E1E5F1;
	border:2px solid #4791db; 
	margin:10px 0 20px 0;
}

.event_group, fieldset {
	margin-bottom:20px;
	border:2px solid #e5e5e5;
	color:#333;
	padding:20px 8px 8px 13px;	
}

.event_group_blue {
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	border:2px solid #4791DB;
	color:#333;
	padding:20px 8px 8px 13px;	
}

.event_group legend, fieldset legend {
	font-weight:bold;
	font-size:1.3em;
	color:#000;
	font-family:'Open Sans Condensed',sans-serif;
	margin-left:-10px;
	padding-left:10px;
	padding-right:10px;
}

.event_group .blue {
	border:2px solid #4791db;
	width:100%;
	margin-left:20px;	
}

.event_group div, #about_walk div {
    overflow:auto;
/*    width:100% !important;*/
}

.event_group label, #about_walk label {
	display:block;
}

.event_group label.field, #about_walk .field {
	display:block;
	margin-bottom:10px;
	text-align:left;
}

.temp_event_group { /* temp for HTML4 registration form */
    border:2px solid #E5E5E5;
    margin-bottom:20px;
    padding:20px 8px 8px 13px;
    table-layout:fixed;
}

.temp_event_group caption { /* temp for HTML4 registration form */
    font-weight:bold;
	font-size:1.3em;
	background-color:#FFFFFF;
    caption-side:top;
    line-height:1.3em;
    margin-bottom:-11px;
    margin-left:10px;
    padding:0 5px;
    text-align:left;
}


.event_menu {
    background-color:#6f6150;
    color:#FFF;
    margin:20px 0 20px 0;
    padding:10px;
}

.event_menu a {
    color:#FFF;
}

#footer_pf1, #footer_pf2, #footer_pf3 {
    display:none;
}

/* account.php */
#overdue {
	border:2px solid #F00;
	background-image:url('/assets/images/Payment_Due_87568485.jpg');
	background-repeat:no-repeat;
	padding:10px 10px 10px 250px;
	margin-bottom:20px;
}
#overdue h2, #missing_info h2, .error h2, .confirmation h2 {
	margin-top:10px;
}
#overdue p, #missing_info p, .error p, .confirmation p {
	margin-top:10px;
	margin-bottom:10px;
}

#missing_info {
	border:2px solid #F00;
	background-image:url('/assets/images/missing_info.jpg');
	background-repeat:no-repeat;
	padding:10px 10px 10px 250px;
	margin-bottom:20px;
}

.error {
	border:2px solid #F00;
	background-image:url('/assets/images/cross2.png');
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	margin-bottom:10px;
}

.confirmation {
	border:2px solid #0C3;
	background-image:url('/assets/images/tick2.png');
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	margin-bottom:10px;
}

/* display labels and fields on view_event.php, account.php and elsewhere */
.div {
	overflow: auto;
}

.not_input {
	float:left;
	margin-bottom: 10px;
	width: 250px;
}

.field {
	float: left;
	display: block;
	margin-bottom: 10px;
	text-align: left !important;
	margin-left: 187px;
	z-index: 20;
	width:auto !important;
}

.label {
	float: left;
	display:block;
	margin-bottom: 10px;
	padding-right: 20px;
	text-align: right;
	width: 167px;
	z-index: 10;
	position: absolute;
}

fieldset .label {
	width: 150px;
}

fieldset .field {
	margin-left: 170px;
}

.label p, .field p {
	margin-top: 0;
}

/* toggleInfo, click to reveal extra info */

.toggleInfo_closed {
	padding: 5px;
	margin:0 2px 10px 2px;
	background:#f2f2f2;
	border:2px solid #E5E5E5;
}

.toggleInfo_opened {
	margin-top:7px;
	display:none;
}

.toggleInfo_closed a, .toggleInfo_opened legend {
	background: url('/assets/images/toggle_arrow.gif');
	background-repeat: no-repeat;
}

.toggleInfo_closed a {
	background-position: 0 6px;
	padding-left:33px;
	margin-left:0px;
	color: #000000;
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 10px;
}

.toggleInfo_closed a:link, .toggleInfo_opened legend a:link {
	text-decoration:none;
}

.toggleInfo_opened legend a {
	color: #000000;
	font-family: 'Open Sans Condensed',sans-serif;
	text-decoration:none;
}

.toggleInfo_opened legend {
	background-position: 0 -24px;
	padding-left:35px;
}

.toggleInfo_closed .help_tip {
	padding-left:33px;
}

@media only screen and (max-width:480px) {
	.toggleInfo_closed .help_tip {
		display:none;
	}
}

/* END toggleInfo */


/* Need to create exact copy of min-width:1025 for IE <=8. It's in a separate stylesheet */

@media only screen and (min-width:1025px) {
	/* desktops and laptops */
	html {
		background-color:#D1C9C0;
		background-image:url('/assets/template/images/bg.png');
		background-repeat:repeat-x;
		background-position:top;
	}
	
	body {
		font-size:0.9em;
	}
	
	#page {
		width:1000px;
	}
	
	#page_header { 
		position:relative;
		width:100%;
	}
	
	#page_header img { 
		max-width:100%;
	}
	
	#login {
		position:absolute;
		top:0;
		right:0;
		margin-top:9px;
		margin-right:5px;
		width:215px;
	}
	
	#nav_logo_desktop {
		display:block;
	}
	
	#nav_logo_mobile {
		display:none;
	}
	
	#nav_mobile {
		display:none;
	}
	
	#page_header nav {
		width:100%;
		margin-top:-5px;
	}
	
	#page_header nav ul {
		font-size:1.3em;
	}
	
	#page_header nav li { 
		float:left;
	}
	
	#quick_list {
		display:none;	
	}
	
	aside {
		width:192px;
		margin:11px;
	}
	
	aside, aside#left, aside#right {
		display:block;
	}
	
	aside#left {
		float:left;
	}
	
	aside#right {
		float:right;
	}
	
	#center-column {
		margin:0 214px;
	}
	
	#center-column-content {
		margin:20px 8px 30px 8px;
	}
	
	#center-column-content .float_300px {
		float:right;
		width:300px;
		margin:0 0 10px 10px;
		text-align:right;
	}
	
	#page_footer {
		width:100%;
	}
	
	#page_footer_content #footer_logo {
		float:right;
	}
	
	#footer_mobile_social {
		display:none;
	}
	
	#footer_mobile_contact {
		display:none;
	}
	
	#center-column-content #youtube_max {
		width:100%;
		height:344px;
	}
	
	/* /walks/ calendar */
	#calendar_month_view_mobile {
		display:none;
	}
	
	#calendar_month_view {
		display:block;
	}
	
	.event_group label, #about_walk label {
		margin-bottom:10px;
		padding-right:20px;
		float:left;
		width:150px;
		text-align:right;
		background-color:#3C3;
	}
	
	.event_group label.field, #about_walk .field {
		float:left;
		width:300px;
	}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	/* desktops and laptops */
	html {
		background-color:#D1C9C0;
		/*background-image:url('/assets/template/images/bg.png');*/
		background-repeat:repeat-x;
		background-position:top;
	}
	
	body {
		font-size:0.9em;
	}
	
	#page {
		width:100%;
	}
	
	#page_header { 
		width:100%;
		position:relative;
	}
	
	#page_header img { 
		max-width:100%;
	}
	
	#nav_logo_desktop {
		display:block;
	}
	
	#nav_logo_mobile {
		display:none;
	}
	
	#nav_mobile {
		display:none;
	}
	
	#quick_list {
		display:none;	
	}
	
	#login {
		position:absolute;
		top:0;
		right:0;
		margin-top:9px;
		margin-right:5px;
		width:215px;
	}
	
	#page_header nav {
		width:100%;
		margin-top:-5px;
	}
	
	#page_header nav ul {
		font-size:1.3em;
	}
	
	#page_header nav li { 
		float:left;
	}
	
	aside {
		width:192px;
		margin:11px;
	}
	
	aside#right {
		display:none;
	}
	
	aside#left {
		float:left;
		display:block;
	}
	
	#center-column {
		margin:0 0 0 214px;
	}
	
	#center-column-content {
		margin:20px 20px 30px 8px;
	}
	
	#center-column-content .float_300px {
		float:right;
		width:300px;
		margin:0 0 10px 10px;
		text-align:right;
	}
	
	#page_footer {
		width:100%;
	}
	
	#page_footer_content #footer_logo {
		float:right;
	}
	
	#footer_mobile_social {
		display:none;
	}
	
	#footer_mobile_contact {
		display:none;
	}
	
	#center-column-content #youtube_max {
		width:100%;
		height:317px;
	}
	
	/* /walks/ calendar */
	#calendar_month_view_mobile {
		display:none;
	}
	
	#calendar_month_view {
		display:block;
	}
	
	.event_group label, #about_walk label {
		margin-bottom:10px;
		padding-right:20px;
		float:left;
		width:150px;
		text-align:right;
	}
	
	.event_group label.field, #about_walk .field {
		float:left;
		width:300px;
	}
}

@media only screen and (min-width:681px) and (max-width:768px) {
	/* tablet devices like iPad (portrait) */
	html {
		background-color:#FFF;
		background-image:url('/assets/template/images/bg-white.png');
		background-repeat:repeat;
	}
	
	body {
		font-size:0.9em;
	}
	
	#page {
		width:100%;
	}
	
	#page_header { 
		width:100%;
		position:relative;
	}
	
	#page_header img { 
		max-width:100%;
	}
	
	#nav_logo_desktop {
		display:block;
	}
	
	#nav_logo_mobile {
		display:none;
	}
	
	#nav_mobile {
		display:none;
	}
	
	#quick_list {
		display:none;	
	}
	
	#login {
		position:absolute;
		top:0;
		right:0;
		margin-top:9px;
		margin-right:5px;
		width:215px;
	}
	
	#page_header nav {
		width:100%;
		margin-top:-5px;
	}
	
	#page_header nav ul {
		font-size:1.3em;
	}
	
	#page_header nav li { 
		float:left;
	}
	
	aside {
		width:192px;
		margin:11px;
	}
	
	aside, aside#right {
		display:none;
	}
	
	aside#left {
		display:block;
		float:left;
	}
	
	#center-column {
		margin:0 0 0 214px;
	}
	
	#center-column-content {
		margin:20px 20px 30px 8px;
	}
	
	#center-column-content .float_300px {
		width:100%;
		margin:10px 0 10px 0;
		text-align:left;
	}
	
	#center-column-content .float_300px iframe {
		width:100%;
		height:400px; /* reasonable estimate */
	}
		
	#page_footer { 
		clear:both;
		width:100%;
	}
		
	#page_footer_content {
		padding:20px;
	}
	
	#page_footer {
		width:100%;
	}
	
	#page_footer_content #footer_logo {
		float:left;
	}
	
	#footer_mobile_social {
		display:none;
	}
	
	#footer_mobile_contact {
		display:none;
	}
	
	#center-column-content #youtube_max {
		width:100%;
		height:390px;
	}
	
	/* /walks/ calendar */
	#calendar_refine_walk_grade, #calendar_jump_to {
		float:left;
		padding-left:0;
		padding-right:0;
		clear:both;
		width:100%;
	}
	
	#month_name {
		margin-bottom:0;
	}
	
	#calendar_jump_to select {
		width:85% !important;
	}
	
	#calendar_month_view_mobile {
		display:block;
	}
	
	#calendar_month_view {
		display:none;
	}
	
	#today {
		display:none;
	}
	
	.event_group label, #about_walk label {
		margin-bottom:10px;
		padding-right:20px;
		float:left;
		width:150px;
		text-align:right;
	}
	
	.event_group label.field, #about_walk .field {
		float:left;
		width:200px;
	}
}
	
@media only screen and (min-width:481px) and (max-width:680px) {
	/* tablet devices like iPad (portrait) */
	html {
		background-color:#FFF;
		background-image:url('/assets/template/images/bg-white.png');
		background-repeat:repeat;
	}
	
	body {
		font-size:1em;
	}
	
	#page {
		width:100%;
	}
	
	#page_header { 
		width:100%;
		position:relative;
		/*margin-bottom:-38px;*/
	}
	
	#page_header img { 
		max-width:100%;
	}
	
	#login, #social_media {
		display:none;
	}
	
	#logged-in {
		display:none;
	}
	
	#search {
		display:none;
	}
	
	#page_header nav#normal_menu {
		display:none;
	}
	
	/* START mobile menu */
	
	#page_header nav#normal_menu {
		display:none;
	}
	
	#nav_mobile {
		background-color:#d1c9c0;
		margin-top:-3px;
		overflow:auto;
	}
	
	#nav_title {
		display:block;
		overflow:auto;
		padding-left:20px;
		padding-bottom:10px;
		background:#3F3529 url(/assets/template/images/menu-icon.png) no-repeat 9px center;
		padding-top:10px;
	}
	
	#nav_title a, #nav_title a:link, #nav_title a:hover, #quick_menu_title a, #quick_menu_title a:link, #quick_menu_title a:hover {
		background:none !important;
	}
	
	#nav_content {
		display:none;
		background-color:#d1c9c0;
		padding:0;
		margin:0;
	}
	
	#nav_main_menu {
		background-color:#3F3529;
		float:left;
		padding:0 0 7px 7px;
		margin:0 0 8px 8px;
		/*width:145px;*/
	}
	
	#nav_main_menu ul {
		padding:5px 15px 0 5px !important;
		font-size:1.25em;
	}
	
	#nav_main_menu a {
		float:none !important;
	}
	
	#nav_main_menu .active {
		background:url('/assets/template/images/menu_active_bg.png');
		background-repeat:repeat;
		width:100%;
	}
	
	#nav_main_menu .separator {
		margin-top:12px;
		padding-top:10px;
		border-top:1px solid #FFF;	
	}
	
	#nav_sub_menu {
		background-color:#6f6150 !important;
		float:left;
		padding:4px 0 8px 0;
		margin:4px 0 4px 0;
		/*width:136px;*/
	}
	
	#nav_sub_menu ul {
		padding:5px 15px 5px 5px !important;;
		background-color:#6f6150 !important;
		font-size:1.15em;
	}
	
	#nav_sub_menu li {
		float:none;
	}
	
	#nav_sub_menu a {
		margin-bottom:8px !important;
		float:none !important;
	}
	
	#nav_sub_menu a:hover, #nav_sub_menu .active {
		background:#d1c9c0 !important;
	}
	
	#quick_menu_title {
		float:right;
		margin-top:-38px;
	}
	
	#quick_list {
		display:none;	
	}
	
	#quick_list {
		margin:2px 0 10px 0;
		background-color:#3F3529;
		padding:15px;
		overflow:auto;
	}
	
	#quick_list .list {
		float: left;
		margin: 0 25px 0 0;
	}
	
	#quick_list h1 {
		color: #FFF;
		margin:0;
	}
	
	#quick_list h2 {
		color: #FFF;
		font-family: 'Just Another Hand',sans-serif;
		font-size: 2.5em;
		font-weight: normal;
		margin: 20px 0 0 0;
	}
	
	#quick_list a, #quick_list a:link, #quick_list a:visited {
		color: #FFF;
		font-family: 'Open Sans Condensed',sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 1.5;
		text-decoration:none;
	}
	
	/* END mobile menu */
	
	#nav_logo_desktop {
		display:none;
	}
	
	#nav_logo_mobile {
		display:block;
	}
	
	#nav_logo_mobile img {
		max-width:100%;
		/*padding-bottom:20px;*/
	}
	
	nav ul {
		font-size:1.1em; 
	}
	
	aside {
		width:100%;
		margin:0;
	}
	
	aside#left {
		display:none;
	}
	
	aside#right .aside_module {
		display:none;
	}
	
	aside#right nav {
		display:block;
		clear:both;
	}
		
	#center-column {
		margin:0;
		width:100%;
		clear:both;
	}
		
	#center-column-content {
		padding:5px;
		margin:5px 8px;
	}
		
	#center-column-content h1 {
		font-size:3em;
	}
	
	.intro_para {
		font-size:1.25em;
	}
	
	#mobile_instructions {
		display:block;
	}
	
	#center-column-content .float_300px {
		width:100%;
		margin:10px 0 10px 0;
		text-align:left;
	}
	
	#center-column-content .float_300px iframe {
		width:100%;
		height:400px; /* reasonable estimate */
	}
	
	#page_footer {
		width:100%;
	}
		
	#page_footer_content {
		display:none;
	}
	
	#page_footer_content #footer_logo {
		float:left;
	}
	
	#footer_mobile_social {
		display:block;
	}
	
	#footer_mobile_social img {
		padding:10px 0 7px 10px;
	}
	
	#footer_mobile_contact {
		display:block;
		padding:7px 10px;
		border-top:1px solid #FFF;
	}
	
	#footer_mobile_contact a {
		font-size: 1.3em;
		color: #FFFFFF;
		font-family: 'Open Sans Condensed',sans-serif;
		font-weight: bold;
	}
	
	#center-column-content #youtube_max {
		width:100%;
		height:278px;
	}
	
	/* /walks/ calendar */
	#calendar_refine_walk_grade, #calendar_jump_to {
		float:left;
		padding-left:0;
		padding-right:0;
		clear:both;
		width:100%;
	}
	
	#month_name {
		margin-bottom:0;
	}
	
	#calendar_jump_to select {
		width:85% !important;
	}
	
	#calendar_month_view_mobile {
		display:block;
	}
	
	#calendar_month_view {
		display:none;
	}
	
	#today {
		display:none;
	}
	
	.event_group label, #about_walk label {
		margin-bottom:10px;
		padding-right:20px;
		float:left;
		width:150px;
		text-align:right;
	}
	
	.event_group label.field, #about_walk .field {
		float:left;
		width:200px;
	}
}

@media only screen and (min-width:479px) and (max-width:480px) {
	/* smartphones, landscape */
	
	/* START mobile menu */
	
	#nav_main_menu {
		width:auto !important;
	}
	
	#nav_sub_menu {
		width:auto !important;
	}
	
	/* END mobile menu */
}

@media only screen and (max-width:480px) {
	/* smartphone devices like iPhones, Android */
	html {
		background-color:#FFF;
		background-image:url('/assets/template/images/bg-white.png');
		background-repeat:repeat;
	}
	
	body {
		font-size:1em;
	}
	
	#page {
		width:100%;
	}
	
	#page_header { 
		width:100%;
		position:relative;
		/*margin-bottom:-38px;*/
	}
	
	#page_header img { 
		max-width:100%;
	}
	
	#login, #social_media {
		display:none;
	}
	
	#logged-in {
		display:none;
	}
	
	/* START mobile menu */
	
	#page_header nav#normal_menu {
		display:none;
	}
	
	#nav_mobile {
		background-color:#d1c9c0;
		margin-top:-3px;
		overflow:auto;
	}
	
	#nav_title {
		display:block;
		overflow:auto;
		padding-left:20px;
		padding-bottom:10px;
		background:#3F3529 url(/assets/template/images/menu-icon.png) no-repeat 9px center;
		padding-top:10px;
	}
	
	#nav_title a, #nav_title a:link, #nav_title a:hover, #quick_menu_title a, #quick_menu_title a:link, #quick_menu_title a:hover {
		background:none !important;
	}
	
	#nav_content {
		display:none;
		background-color:#d1c9c0;
		padding:0;
		margin:0;
	}
	
	#nav_main_menu {
		background-color:#3F3529;
		float:left;
		padding:0 0 7px 7px;
		margin:0 0 8px 8px;
		width:145px;
	}
	
	#nav_main_menu ul {
		padding:5px 15px 0 5px !important;
		font-size:1.25em;
	}
	
	#nav_main_menu a {
		float:none !important;
	}
	
	#nav_main_menu .active {
		background:url('/assets/template/images/menu_active_bg.png');
		background-repeat:repeat;
		width:100%;
	}
	
	#nav_main_menu .separator {
		margin-top:12px;
		padding-top:10px;
		border-top:1px solid #FFF;	
	}
	
	#nav_sub_menu {
		background-color:#6f6150 !important;
		float:left;
		padding:4px 0 8px 0;
		margin:4px 0 4px 0;
		width:136px;
	}
	
	#nav_sub_menu ul {
		padding:5px 15px 5px 5px !important;;
		background-color:#6f6150 !important;
		font-size:1.15em;
	}
	
	#nav_sub_menu li {
		float:none;
	}
	
	#nav_sub_menu a {
		margin-bottom:8px !important;
		float:none !important;
	}
	
	#nav_sub_menu a:hover, #nav_sub_menu .active {
		background:#d1c9c0 !important;
	}
	
	#quick_menu_title {
		float:right;
		margin-top:-38px;
	}
	
	#quick_list {
		display:none;	
	}
	
	#quick_list {
		margin:2px 0 10px 0;
		background-color:#3F3529;
		padding:15px;
		overflow:auto;
	}
	
	#quick_list .list {
		float: left;
		margin: 0 25px 0 0;
	}
	
	#quick_list h1 {
		color: #FFF;
		margin:0;
	}
	
	#quick_list h2 {
		color: #FFF;
		font-family: 'Just Another Hand',sans-serif;
		font-size: 2.5em;
		font-weight: normal;
		margin: 20px 0 0 0;
	}
	
	#quick_list a, #quick_list a:link, #quick_list a:visited {
		color: #FFF;
		font-family: 'Open Sans Condensed',sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 1.5;
		text-decoration:none;
	}
	
	/* END mobile menu */
	
	#nav_logo_desktop {
		display:none;
	}
	
	#nav_logo_mobile {
		display:block;
	}
	
	#nav_logo_mobile img {
		max-width:100%;
	}
	
	aside {
		width:100%;
		margin:0;
	}
	
	aside#left {
		display:none;
	}
	
	aside#right .aside_module {
		display:none;
	}
	
	aside#right nav {
		display:block;
		clear:both;
	}
		
	#center-column {
		margin:0;
		width:100%;
		clear:both;
	}
		
	#center-column-content {
		padding:5px;
		margin:5px 8px;
	}
		
	#center-column-content h1 {
		font-size:3em;
	}
	
	.intro_para {
		font-size:1em;
	}
	
	#mobile_instructions {
		display:block;
	}
	
	#center-column-content .float_300px {
		width:100%;
		margin:10px 0 10px 0;
		text-align:left;
	}
	
	#center-column-content .float_300px iframe {
		width:100%;
		height:400px; /* reasonable estimate */
	}
	
	#page_footer {
		width:100%;
	}
		
	#page_footer_content {
		display:none;
	}
	
	#page_footer_content #footer_logo {
		float:left;
	}
	
	#footer_mobile_social {
		display:block;
	}
	
	#footer_mobile_social img {
		padding:10px 0 7px 10px;
	}
	
	#footer_mobile_contact {
		display:block;
		padding:7px 10px;
		border-top:1px solid #FFF;
	}
	
	#footer_mobile_contact a {
		font-size: 1.3em;
		color: #FFFFFF;
		font-family: 'Open Sans Condensed',sans-serif;
		font-weight: bold;
	}
	
	#center-column-content #youtube_max {
		width:100%;
		height:187px;
	}
	
	/* /walks/ calendar */
	#calendar_refine_walk_grade, #calendar_jump_to {
		float:left;
		padding-left:0;
		padding-right:0;
		clear:both;
		width:100%;
	}
	
	#month_name {
		margin-bottom:0;
	}
	
	#calendar_jump_to select {
		width:85% !important;
	}
	
	#calendar_month_view_mobile {
		display:block;
	}
	
	#calendar_month_view {
		display:none;
	}
	
	#today {
		display:none;
	}
	
	.event_group label, #about_walk label {
		width:auto;
		margin-bottom:0;
		padding-right:0;
		font-weight:bold;
	}
	
	.event_group label.field, #about_walk .field {
		width:auto;
		font-weight:normal;
	}
	
	/* display labels and fields on view_event.php, account.php and elsewhere */
	.label, fieldset .label {
		font-weight: bold;
		margin-bottom: 0;
		padding-right: 0;
		float:none;
		width:auto;
		text-align:left;
		position:static;
	}
	
	.field, fieldset .field {
		width: auto;
		margin-left: 0;
	}
}