body { 
	font-size:13px; 
	font-family:arial; 
	}

#page { 
	width:970px; 
	height:728px; 
	margin:1em auto;
	background-image:url(/images/site/back-bigsky.jpg);
	position:relative;
	border:1px solid #777;
	}

/*
 * Variants
 */

#page.tree { background-image:url(/images/site/back-tree.jpg); }
#page.longer { background-image:url(/images/site/back-trail.jpg); }
#page.tramuntana { background-image:url(/images/site/back-tramuntana.jpg); }
#page.tramuntana-map { background-image:url(/images/site/tramuntana-map.jpg); }
#page.offpeak { background-image:url(/images/site/back-meadow.jpg); }
#page.tree-details { background-image:url(/images/site/back-tree-content.jpg); }
#page.longer-details { background-image:url(/images/site/back-trail-content.jpg); }
#page.tramuntana-details { background-image:url(/images/site/back-tramuntana-content.jpg); }
#page.offpeak-details { background-image:url(/images/site/back-meadow-content.jpg); }
#page.front { background-image:url(/images/site/back-front.jpg); }

#page.bigsky-details { background-image:url(/images/site/back-bigsky-content.jpg); }
#page.bigsky-map { background-image:url(/images/site/back-map.jpg); }

.lang-de #page.tramuntana-map { background-image:url(/images/site/tramuntana-map-de.jpg); }
.lang-de #page.front { background-image:url(/images/site/back-front-de.jpg); }

ul#language { position:absolute; top:73px; right:21px; width:246px; font-size:12px; }
ul#language li { width:70px; float:left; margin-right:12px; text-align:center; }
ul#language a { color:#FFF; display:inline-block; line-height:15px; text-decoration:none; }

#subscribe {
	color:#FFF;
	position:absolute; 
	top:25px; 
	right:20px;
	padding:0;
	margin:0;
}

#flash { position:absolute;top:0;left:0;width:950px;padding:10px;margin:0; }
#flash.success { background-color:#8F8;border-bottom:1px solid #484; }
#flash.problem { background-color:#F88;border-bottom:1px solid #844; }

.fieldWithErrors input { border:2px solid #F00; }

#side-bar {
	position:absolute;
	left:0;
	top:147px; 
	width:210px;
	height:507px;
	background-image:url(/images/site/side-bar.png);
	xxxxxxfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/side-bar.png');
	}

h1 {
	margin:24px 0 0 39px;
	width:506px;
	height:69px;
	background-image:url(/images/site/heading.png);
	xxxxxxfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/heading.png');
	}

h1 span { 
	display:block;
	visibility:hidden; 
	width:506px;
	height:69px;
	}

h2 { 
	color:#FFF;
	font-size:24px; 
	font-weight:bold; 
	padding:14px 12px;
	height:40px; 
	}

h3 { 
	color:#df6a26; 
	font-size:24px; 
	font-weight:bold;
	margin-bottom:15px;
	}

h4 { 
	color:#333; 
	font-size:16px; 
	margin-bottom:15px;
	width:340px;
	}
	
ul.content { font-size:12px; position:absolute;  }
ul.content li { margin-bottom:20px;  }
ul.content li a { color:#888888; text-decoration:none; font-weight:bold; }
ul.content li.on a { color:#df6a26; }

ul.content ul.sub { margin-left:20px; }
ul.content ul.sub li { margin:10px 0; }
ul.content ul.sub li a { color:#888888; text-decoration:none; font-weight:bold; }
ul.content ul.sub li.on a { color:#df6a26; }

div.content p { margin:1em 0; }
div.content em { font-style:italic; color:#444; }

p.more { width:300px;text-align:right;font-size:20px; }
p.more a { color:#df6a26; text-decoration:none; }

#text { margin-left:185px; width:200px; font-size:11px; color:#444; line-height:13px; }

#text p { margin-bottom:1em; }

#big-text { margin-left:185px; width:420px; font-size:11px; color:#444; line-height:13px; overflow:auto; height:480px; }

#big-text p { margin-bottom:1em; }

ul#menu { 
	padding:6px 0 0 39px; 
	}
	
ul#menu li { 
	display:inline; 
	}
	
ul#menu li a { 
	display:inline-block; 
	margin-right:27px; 
	color:#FFF; 
	text-decoration:none; 
	}

ul#menu li a:hover { 
	text-decoration:underline; 
	}

ul#menu li.on a { 
	color:#df6a26;
}
	
#side-bar ul { 
	font-size:14px; 
	}
	
#side-bar li { 
	height:110px; 
	min-height:110px;
	overflow:hidden;
	}
	
#side-bar a span { 
	display:block; 
	padding:0 0 4px 6px; 
	}
	
#side-bar a { 
	color:#000; 
	text-decoration:none; 
	}
	
#side-bar a:hover { 
	color:#df6a26; 
	}

#side-bar .on a { 
	color:#df6a26; 
	}

.lang-de #side-bar a { font-size:12px; }


#footer {
	font-size:11px; text-align:center; margin:20px; color:#AAA;
}

#content {
	left:244px;
	top:153px;
	width:697px;
	height:516px;
	padding:29px 0 0 59px;
	position:absolute;
	}

#content.about {
	padding-left:0;
	padding-top:0;
	width:660px;
	font-size:15px; 
}

#content.find {
	width:525px;
	padding-left:90px;
}

#content.up { padding-top:9px; }

#content.find p {
	width:300px;
	font-size:11px; 
	margin-bottom:1.1em;
	line-height:1.3em;
	color:#555;
}

#content.find h4 {
	font-size:11px; 
	font-weight:bold;
	margin:1em 0 0 0;
	color:#000;
}

#content.contact {
	padding-left:60px;
	padding-top:10px;
	width:350px;
}

#content.contact h3 { color:#222; }
#content.contact p { margin:1em 0; font-size:15px; }

#page.tramuntana h1,
#page.tramuntana-details h1,
#page.tramuntana-map h1 { 
	background-image:url(/images/site/heading-black.png); 
	xxxxfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/heading-black.png');
	}

#page.tramuntana ul#menu li a,
#page.tramuntana-map ul#menu li a,
#page.tramuntana-details ul#menu li a { color:#000; }

#page.bigsky-map #content { padding-left:20px; }

#page.tramuntana-map #content { padding-top:400px; }

#page.tramuntana-details #content { padding-left:30px; }

#page.front #content { padding-left:0; padding-top:0; }
#page.front #content h3 { color:#111; font-size:21px; width:540px; }
#hometext { width:275px; font-size:17px; color:#444; }

.lang-de #page.front #content h3 { font-size:20px; }

#left {
	width:290px;float:left; margin-right:10px;
}

#left h4 { font-weight:bold; }

#left ul { margin:1em 0; }
#left a { color:#df6a26; font-weight:bold; font-size:13px; text-decoration:none; }

#right {
	width:375px;
	float:left;
	font-size:10px;
}

#right p { margin:1em 0; font-size:9px; line-height:1.3em; }

p.special { 
	background-color:#df6a26;
	color:#FFF;
	padding:4px 12px;
	font-size:9px;
	line-height:1.1em; 
	}

strong { font-weight:bold; }