@import "formatting.css";

span.exhibition, span.festival, span.sport, span.music {
	padding: 3px 5px;
}

span.exhibition {
	background: #aed2f0;
}

span.festival {
	background: #ebd201;
}

span.sport {
	background: #b7bb13;
}

span.music {
	background: #c4a2b7;
}

body {
	background: url(/images/application/background.gif) repeat;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1, h1 a {
	margin: 0;
	padding: 0;
}

h1 a {
	display: block;
	background: url(/images/application/mediterranean-summer.jpg) no-repeat;
	height: 103px;
	width: 453px;
	text-indent: -3000em;
}

#header, #body, #footer {
	margin: 0 auto;
	width: 783px;
	text-align: left;
}

#body {
	width: 781px;
	background: white;
	padding: 1px;
	background: white;
	margin-top: 20px;
}

ul#menu {
	background: #eead27;
	list-style: none;
	margin: 0;
	padding: 0 25px 0 0;
}

ul#menu li {
	float: right;
}

ul#menu li a {
	display: block;
	line-height: 20px;
	text-indent: -3000em;
	margin-left: 0px;
}

#home {
	background: url(/images/application/menu/home.gif) no-repeat;
	width: 49px;
}

a:hover#home, a.on#home {
	background: url(/images/application/menu/home.gif) no-repeat 0px -20px;
}

#the_book {
	background: url(/images/application/menu/the-book.gif) no-repeat;
	width: 70px;
}

a:hover#the_book, a.on#the_book {
	background: url(/images/application/menu/the-book.gif) no-repeat 0px -20px;
}

#the_chef {
	background: url(/images/application/menu/the-chef.gif) no-repeat;
	width: 69px;
}

a:hover#the_chef, a.on#the_chef {
	background: url(/images/application/menu/the-chef.gif) no-repeat 0px -20px;
}

#sojourns {
	background: url(/images/application/menu/sojourns.gif) no-repeat;
	width: 69px;
}

a:hover#sojourns, a.on#sojourns {
	background: url(/images/application/menu/sojourns.gif) no-repeat 0px -20px;
}

#the_food {
	background: url(/images/application/menu/the-food.gif) no-repeat;
	width: 69px;
}

a:hover#the_food, a.on#the_food {
	background: url(/images/application/menu/the-food.gif) no-repeat 0px -20px;
}

#events {
	background: url(/images/application/menu/events.gif) no-repeat;
	width: 55px;
}

a:hover#events, a.on#events {
	background: url(/images/application/menu/events.gif) no-repeat 0px -20px;
}

#contact {
	background: url(/images/application/menu/contact.gif) no-repeat;
	width: 65px;
}

a:hover#contact, a.on#contact {
	background: url(/images/application/menu/contact.gif) no-repeat 0px -20px;
}

label {
	float: left;
	width: 60px;
	text-align: left;
	padding-right: 10px;
}

#side_content, #side_content * {
	color: #552704;
}

#side_content a, #side_content a:visited {
	color: #004d7d;
}

#errorExplanation {
	border-top: 3px solid #f27f7f;
	background: #ffbebe;
	padding: 10px;
}

#errorExplanation, #errorExplanation *, .fieldWithErrors, .fieldWithErrors * {
	color: #9c2626;
}

#footer {
	text-align: right;
	margin-bottom: 50px;
}

#footer, #footer * {
	color: #5785a3;
	font-size: 10px;
}

/* Browser Hacks */
/*
Firefox Dotted Line Fix
  - http://sonspring.com/journal/removing-dotted-links
*/
a:focus {
	outline: none;
}

/*
Clearfix docs
 - Main docs: http://positioniseverything.net/easyclearing.html
 - IE7 change: http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */