@charset "UTF-8";

/* ######### CSS reset ######### */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ######### END CSS reset ######### */

/* ######### Background CSS ######### */

body { background-color:#003366; }
*body { _background-color:#0099CC; }

#wrapper { background-color:#0099CC; position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; text-align:center; overflow:auto; }

*#wrapper { _text-align:left; }

/* Background fade in */

#left, #right { position: fixed; top: 0; bottom: 0; width: 165px; z-index:1; }

#left { left: 0;  background: url(images/bg-left.png) left center repeat-y;}

*#left { _left:0; _background:none }

#right { right: 0; background: url(images/bg-right.png) right center repeat-y;}

*#right { _right:0; _background:none }

#top, #bottom { position: fixed; left: 0; right: 0; height: 228px; z-index:1; }

#top { top: 0px; background: url(images/bg-top.png) top center repeat-x; }

*#top { _top:0px; _background:none }

#bottom { bottom: 0px; background: url(images/bg-bottom.png) bottom center repeat-x; }

*#bottom { _bottom:0px; _background:none }

/* ######### END Background CSS ######### */

/* ######### Wrappers CSS ######### */

#wrapper800 { position:absolute; width: 800px; height:auto; top:100px; left:50%; margin-left:-400px; z-index:100; }

/* ######### Title and Navigation ######### */

#nav { float:left; text-align:left; list-style:none; background-image:url(images/coles-bay-retreat-text.png); background-position:right; background-repeat:no-repeat; height:72px; width:100%; }

*#nav { _background-image:url(images/coles-bay-retreat-text.gif); _background-position: right; _background-repeat:no-repeat; }

#nav ul { position:absolute; bottom:0; }

#nav ul li { display:inline; margin-right:7px; margin-left:5px; color:#ffffff; font-family:"Times New Roman", Times, serif; font-size:10pt; }

#nav a { color:#ffffff; text-decoration:none; font-weight:normal }

#nav a:hover {color:#6CF; text-decoration:underline; font-weight:normal; }

#headerimg { background-image:url(images/hazards-header.jpg);


background-repeat:no-repeat;
background-position:center;
height:256px;
width:100%;
position:absolute;
top:175px;
left:0px;
}

*#headerimg { _background-position:center; _background-repeat:no-repeat; _height:256px; _width:100%; _position:absolute; _top:175px; _margin-left:0px;
}

#content { position:absolute; width: 800px; height:auto; top:431px; left:50%; margin-left:-400px; z-index:100; background-image:url(images/bg-content.png); background-repeat:repeat-y; text-align:left }

*#content { _background-image:url(images/bg-content-ie6.png); }

h2 { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size:18pt; font-weight:normal; line-height:110%; margin-left:40px; margin-top:30px; text-align:left; }

h3 { color: #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:14pt; font-style:italic; font-weight:normal; line-height:110%; margin-left:80px; margin-top:30px; text-align:left; }

p { font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#ffffff; margin-left:80px; line-height:125%; margin-top:15px; text-align:left; margin-right:20px; }

a { color:#6CF; font-weight: bold; text-decoration:underline }

a:hover { color:#ffffff; }

.content-img { float:right; width:250px; margin-right:40px; margin-top:15px; margin-left:30px; text-align:center;  }

.content-img img { margin-top:15px; }

.caption { font-family:Verdana, Geneva, sans-serif; font-size:8pt; line-height:120%; margin-top:15px; color:#ffffff; text-align:center; display:block; }

#form-table { margin-left:80px; width:600px; float:left; }

#form-table table td { font-family:Verdana, Geneva, sans-serif; color:#ffffff; font-size:10pt; font-weight:normal; padding-top:3px; padding-bottom:3px;}

#thumb-wrapper { width:705px; margin-left:47px; }

.thumb-border { width:705px; height:1px; background-image:url(images/thumbs-border.png); background-repeat:no-repeat; }

#main-gallery-image { width:705px; height:400px; }

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}

.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 700px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

#tempgallery { text-align:center; width:800px; }

#gall-left { float:left; margin-left:90px; margin-right:90px; _margin-left:45px; }

#gall-left img {margin-top:15px; }

#gall-right { float:right; margin-left:90px; margin-right:90px; _margin-left:45px; }

#gall-right img { margin-top:15px }