/* CSS document for Les Chesselles */
/* www.chesselles.com.au */
/* Copyright Project DMS */
/* www.projectdms.com.au */
/* Last edited September 2011 */

html {
	text-align: center;
	height: 100%;
	overflow: scroll;
}

body {
	margin: 0;
	height: 100%;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #353535;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

div {
	border: 0px solid #ff0000;
	margin: 0;
	padding: 0;
	text-align: left;
}

tr {
	vertical-align: top;
}

p {
	margin-top: 10px;
	margin-bottom: 5px;
}

img {
	border: 0;
}

#global {
	padding: 0;
	border: 0;
	height: 100%;
	width: 750px;
	margin: 0 auto;
}

#head {
	width: 750px;
	height: 300px;
	border-top: 1px solid #fff;
}

#col1 {
	float: left;
	width: 410px;
	margin-top: 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: justify;
	margin-bottom: 20px;
}

#col1 ul {
	list-style-type: square;
	margin-top: 2px;
	margin-bottom: 5px;
}

#col1 li {
	margin-top: 0;
	margin-bottom: 0;
}

#col2 {
	float: right;
	width: 300px;
	margin-top: 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#divx {
	clear: both;
	width: 750px;
	height: 1px;
}

#footer {
	width: 750px;
	margin-top: 2px;
	margin-bottom: 4px;
	padding-top: 7px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
	height: 50px;
	background-color: #f4f4f4;
	border: 1px solid #000;
}

#gallerypage {
	width: 410px;
	text-align: left;
}

#gallerypage img {
	border: 1px solid #000;
	margin-right: 3px;
	margin-top: 15px;
}
	
/* start of style to control java menu */
#main_nav {
	height: 30px;
	padding-top: 0px;
	width: 750px;
	background-image: url(/images/bg_nav.jpg);
}

#main_nav ul {
	display: inline;
	list-style: none;
}

#main_nav li {
	display: inline;
	list-style-type: none;
}

.mainnav {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px 10px 0 10px;
	margin-top: 5px;
	color: #000;
	text-align: right;
	text-decoration: none;
	height: 30px;
	float: left;
	display: block;
	cursor: default;
	border-right: 1px solid #fff;
}

a.mainnav:hover {
	color: #EE6633;
}
/* end of style to control java menu */

#h1container {
	width: 750px;
	height: 25px;
	background-color: #D20202;
}

h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	margin-top: 3px;
	margin-bottom:0;
}

h2 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	margin-top: 0px;
	margin-bottom: 8px;
}

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	margin-top: 10px;
	margin-bottom: 8px;
}

h4 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #595959;
	margin-top: 10px;
	margin-bottom: 8px;
}

h5 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	margin-top: 10px;
	margin-bottom: 8px;
}

h6 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	margin-top: 10px;
	margin-bottom: 8px;
}

/* font variations */
.f9 {
	font: 9px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}

.f9note {
	font: 9px Arial, Helvetica, sans-serif;
	color: #000099;
}

.req {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ff3300;
}

.formfields {
	font: 9px Arial, Helvetica, sans-serif;
	color: #000;
	border: solid 1px #ccc;
	margin-bottom: 1px;
}

.button {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #333;
	border: solid 1px #999;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}

.ComingEvents {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #ff3300;
	color: #fff;
	padding:3px;
	margin-top: 0;
}

a.ComingEvents  {
	font: 9px Arial, Helvetica, sans-serif;
	text-align: justify;
	text-decoration: none;
}
	
div.opening_hours {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #E4E4E4;
	color: #000000;
	padding:3px;
	margin-top: 0;
	border: 1px solid #333;
}

div.opening_hours h2 {
	background-color: #ff3300;
	color: #fff;
	font-weight:bold;
	padding:3px;
}

div.coming_events_hightlight_box {
  background-color: #ffdddd;
  padding: 5px;
  border: 1px solid #333;
}

span.red {
  color: #c11;
}

span.highlight {
  font-weight: bold;
}

div.homepage_highlight_box {
  border: 1px solid #333;
  padding: 2px;
  background-color: #e4e4e4;
  margin-bottom: 15px;
}

.imageborder {
  border: 1px solid #000;
}

.leftalign {
  text-align: left;
}