/*-------------------------screen.css-------------------------*/

@import "reset.css";
@import "SpryValidationTextField.css";
@import "SpryValidationTextarea.css";

/*-----------------Structures (body and divs)----------------*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #800 url('../images/bkg.png') repeat-x;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}

#splash {
	width: 798px;
	height: 669px;
	margin: 0 auto;
	background: #fff;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	border-bottom: 7px solid #300;
	text-align: left;
	
}

#header {
	width: 798px;
	height: 305px;
	margin: 0 auto;
	background: #fff url('../images/header_bkg.png') no-repeat bottom left;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	text-align: left;
}

#container {
	width: 798px;
	margin: 0 auto;
	padding: 15px 0;
	background: #fff url('../images/container_bkg.png') repeat-y;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	border-bottom: 7px solid #300;
	text-align: left;
}

#footer {
	clear: both;
	width: 800px;
	height: 85px;
	margin: 0 auto;
	background: #600 url('../images/footer_bkg.png') no-repeat top left;
	text-align: left;
}

#sitemap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

.sidebar {
	width: 199px;
}

.content {
	width: 599px;
}

/*----Typography (headings, paragraph and text elements)----*/
h1 {
	display: none;
}

h2 {
	display: none;
}

h3 {
	padding: 0 30px 10px 30px;
	font-size: 1.3em;
	font-weight: bold;
	color: #800;
}

h4 {
	padding: 0 30px 0 30px;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

h5 {
	padding: 0 30px 10px 30px;
	font-size: 1em;
	font-weight: bold;
	color: #800;
}

h6 {
	margin-bottom: 10px;
	padding: 0 5px 3px 5px;
	font-size: 1em;
	color: #aaa;
}

p {
	padding: 0 30px 5px 30px;
	font-size: 1em;
	line-height: 1.1em;
}

ul {
	padding: 10px 30px 10px 30px;
	font-size: 1em;
}

table {
	width: 90%;
	margin: 10px 30px 10px 30px;
	font-size: 1em;
}

th {
	padding: 5px 10px;
	color: #fff;
	background: #800;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

blockquote {
	margin: 0 30px 10px 30px;
	background: #eee;
	border-left: 5px solid #00abbb;
}

blockquote p {
	padding: 10px 15px 10px 15px;
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
}

strong {
	font-weight: bold;
}

small {
	color: #aaa;
}

hr {
	margin: 15px 30px;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
}

/*--------------------------Anchors--------------------------*/
a {
	color: #3a2;
	font-weight: bold;
	text-decoration: none;
}

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

#home #nav-home a,
#about #nav-about a,
#history #nav-history a,
#moscato #nav-moscato a,
#assoc #nav-assoc a,
#news #nav-news a,
#links #nav-links a,
#hillsride #nav-hillsride a,
#cultural #nav-cultural a,
#flavours #nav-flavours a,
#hosting #nav-hosting a,
#notes #nav-notes a,
#privacy #nav-privacy a,
#credits #nav-credits a,
#contacts #nav-contacts a {
	color: #3a2;
	font-weight: bold;
}

/*--------------------------Images--------------------------*/
img {
	border: 0;
	vertical-align: bottom;
}

a img, a:hover img {
	border: 0;
}

img.bordered {
	border: 2px solid #800;
}

img.floatleft {
	float: left;
	margin: 2px 15px 3px 30px;
}

img.floatright {
	float: right;
	margin: 2px 30px 3px 15px;
}

img.noLPad { margin-left: 0px; }

td img {
	vertical-align: top;
}

/*--------------------------Lists--------------------------*/
#header ul {
	padding: 8px 5px 0 5px;
	list-style-type: none;
	font-size: 1em;
}

#header ul li {
	padding: 0 10px 0 0;
	display: inline;
}

#header ul li a {
	padding: 1px 2px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#header ul li a:hover {
	color: #3a2;
	background: #cec;
}

.sidebar ul {
	padding: 0 0 0 15px;
	list-style-type: none;
	font-size: 1em;
	line-height: 1.8em
}

.sidebar li img {
	vertical-align: top;
}

.sidebar li {
	padding: 0 5px 0 12px;
	background: url('../images/bullet.png') no-repeat center left;
}

.sidebar li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.sidebar ul li a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.content > ul {
	line-height: 1.6em
}

.content > ul li {
	padding: 0 5px 0 12px;
	background: url('../images/bullet2.png') no-repeat top left;
}

ul.thumbs {
	padding: 0 30px;
}

ul.thumbs:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

ul.thumbs li {
	float: left;
	margin: 5px;
	background: none;
}

ul.thumbs li a img { border: 2px solid #800; }
ul.thumbs li a:hover img { border: 2px solid #c00; }
html>body ul.thumbs li a { background-color: transparent; }

#sitemap ul {
	width: 572px;
	margin: 5px 0 0 0;
	padding: 2px 5px 2px 20px;
	list-style-type: none;
	font-size: 1em;
	border-left: 1px solid #300;
}

#sitemap ul li {
	padding: 0 5px 0 0;
	display: inline;
	background: none;
}

#sitemap ul li a {
	padding: 1px 2px;
	color: #200;
	font-weight: normal;
	text-decoration: none;
}

#sitemap ul li a:hover {
	color: #fff;
}

/*---------------------Specials HRs---------------------*/
.label {
	height: 35px;
	margin: 10px 30px 0 30px;
}

.news_events { background: url('../images/label_news_events.png') no-repeat top left; }
.time_schedule { background: url('../images/label_time_schedule.png') no-repeat top left; }
.download { background: url('../images/label_download.png') no-repeat top left; }
.products { background: url('../images/label_products.png') no-repeat top left; }
.services { background: url('../images/label_services.png') no-repeat top left; }
.gallery { background: url('../images/label_gallery.png') no-repeat top left; }

/*---------------------Specials elements---------------------*/
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.floatleft { float: left; }
.floatright { float: right; }

.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

.nomargin { margin: 0; }
.nopadding { padding: 0; }

.paddingL40 { padding-left:40px; }
.minH {
	min-height: 600px !important;
	height: auto !important;
	height: 600px;
}
.width50 { width: 49%; }

.sidebar h3 {
	padding: 5px 5px 5px 5px;
	font-size: 1.1em;
	color: #fff;
}

.sidebar p {
	padding: 5px 5px 5px 5px;
	font-size: 1em;
}

.sidebar p a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.sidebar p a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

#footer p {
	padding: 40px 20px 0 220px;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

#sitemap p {
	padding: 5px 10px;
	text-align: left;
	color: #200;
	font-size: 1em;
}

#sitemap p a {
	color: #200;
	text-decoration: underline;
}

#sitemap p a:hover {
	color: #fff;
	text-decoration: underline;
}

textarea.noedit {
	margin: 0 15px 10px 15px;
	overflow: auto;
}

table.layout {
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	text-align: left;
}

table.layout td {
	border: 0;
}

table img {
	vertical-align: top;
}

p img {
	vertical-align: bottom;
}

/*--------------------------Forms--------------------------*/
form {
	padding: 5px 30px 5px 30px;
}

legend {
	font-size: 1.3em;
	font-weight: bold;
	color: #800;
}

label {
	font-size: 1em;
}

input[type=text], input[type=password], input[type=file], textarea {
	margin: 2px 0 2px 0;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}

input[type=submit], input[type=reset] {
	margin: 2px 0 2px 0;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}

select {
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}

textarea {
	overflow: auto;
}

form img {
	margin: 2px 0 2px 5px;
	vertical-align: bottom;
}

/*-----SPECIAL FORM------*/
form.cmxform {
	width: 90%;
}

form.cmxform fieldset {
	margin-bottom: 20px;
}
	
form.cmxform legend {
	padding: 0 2px 0 0;
	font-weight: bold !important;
	margin: 0 -7px; /* IE Win */
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform label {
	display: inline-block;
	width: 33%; /* Width of labels */
	line-height: 1.8;
	vertical-align: top;
}

form.cmxform p {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.8em;
}

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
}

form.cmxform fieldset li {
	list-style: none;
	padding: 5px 10px 7px;
	border-bottom: 1px solid #ccc;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	color: #333;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	margin-left: 33%; /* Width plus 3 (html space) */
}

form.cmxform img {
	margin: 4px 0 0 0;
	vertical-align: top;
}

form.small {
	margin: 0;
	padding: 0;
}

form.small input {
	margin: -1px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	text-align: right;
	vertical-align: top;
}

form.small select {
	margin: 0;
	font-family: Monospace, Verdana, Arial, Sans-Serif;
	font-size: 1em;
}