html, body { 
 font: normal 10pt "Trebuchet MS" Helvetica Verdana sans-serif;
 margin:0; 
 padding:0; 
 text-align:center;
 /*background-color: #003E95;*/
 background-color: #ffffff; 
 } 
 
th {
  text-align:center;
  background-color:#BBD8FF;
}

.table{
 font: normal 9pt "Trebuchet MS" Helvetica Verdana sans-serif;
 padding: 2px;
}

#pagewidth{ 
 width:774px; 
 text-align:left;  
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto; 
 margin-right:auto;
 background: #ffffff url(http://www.lockyerwater.com/img/web/menu_bg1.gif) repeat-y left;
 border-left: 2px solid #2C8DFF;
 /*border-right: 1px solid #003E95;*/
 } 
 
#header{
 position:relative; 
 height:240px; 
 background: url(http://www.lockyerwater.com/img/web/header.jpg) bottom no-repeat;
 width:100%;
 } 
 
#header h1 {
 position: absolute;
 width:194px; height:20px;
 margin:23px 0 0 85px; 
 padding:0;
 overflow:hidden;
 
}

#header h1 span {
 display:block;
 position:absolute; left:0; top:0; z-index:1;
 width:194px; height:20px;
 margin:0; padding:0;
 background: url("http://www.lockyerwater.com/img/web/logo.gif") top left no-repeat;
}

#header #images{
 position: absolute;
 margin: 10px 10px 0px 375px;
 height: 120px;
 z-index: 1;
 } 


/*
#header #motto{
  position: absolute;
  margin: 15px 0px 0px 48px;
  width: 400px;
  font: bold 10pt "Trebuchet MS" Helvetica Verdana sans-serif;
  color: #CBFFF5;
  }*/

#header #updated{
  position: absolute;
  margin: 64px 0px 0px 600px;
  font: normal 8pt "Trebuchet MS" Helvetica Verdana sans-serif;
  color: #ffffff;
  }


a {
 text-decoration: none;
 /*color: #055106;*/
 color: #003C96;
 } 

a:hover {
 text-decoration: underline;
 color: #FF0000;
 } 

a.nrs {
 font-size: 20px;
 text-decoration: none;
 color: #055106;
 }

a.nrs:hover {
 text-decoration: underline;
 color: #ff0000;
 }

a.qut {
 font-size: 20px;
 text-decoration: none;
 color: #0e286a;
 }

a.qut:hover {
 text-decoration: underline;
 color: #ff0000;
 }



#leftcol{
 width:190px; 
 float:left; 
 position:relative; 
 
 }
 
#leftcol .menu-main {
 margin-top: 20px;
 }

#leftcol .menu-main a{
 display:block;
 margin-left: 20px;
 margin-bottom: 5px;
 color: #003C96;
 font: normal 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }

#leftcol .menu-main a:hover{
 color: red;
 text-decoration: underline;
 }


#leftcol .menu-main .l2{
 display:block;
 font-size: 9pt;
 margin-left: 30px;
 }

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:540px;
 margin-right:20px;
 margin-top: 20px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 }

#maincol h2 {
 font: normal 18pt "Trebuchet MS" Helvetica Verdana sans-serif;
 color: #003C96;
 background: url("http://www.lockyerwater.com/img/web/drop.gif") 0px 5px no-repeat;
 padding-left: 25px;
 }
 
#maincol h3 {
 font: normal 13pt "Trebuchet MS" Helvetica Verdana sans-serif;
 color: #003C96;
 /*background: url("http://www.lockyerwater.com/img/web/drop.gif") 0px 1px no-repeat;
 padding-left: 20px;*/
 }

#maincol p {
 margin-top: 1px;
 margin-bottom: 10px;
 }

#maincol p.go-top {
 margin-top: 1px;
 margin-bottom: 20px;
 text-align: right;
 }

#maincol #news-list p {
 margin-top: 2px;
 margin-bottom: 0px;
 }

#maincol #news-list .news-date {
 font-size: 11px;
 margin-top: 2px;
 margin-bottom: 10px;
 text-align: right;
 }

#maincol #art-list a {
 text-decoration: none;
 color: #00745F;
 }

#maincol #art-list a:hover {
 text-decoration: underline;
 }

#maincol #art-list p {
 margin-top: 2px;
 margin-bottom: 0px;
 }

#maincol #art-list .art-metadata {
 font-size: 11px;
 margin-top: 2px;
 margin-bottom: 13px;
 text-align: left;
 }

#maincol #gallery {
 text-align: center;
}

#maincol #gallery img{
 margin: 2px;
}

#maincol #image {
 margin-top: 20px;
 margin-bottom: 20px;
 text-align: center;
}

#maincol li {
 margin-top: 8px;
 margin-bottom: 8px;
}

.art-comment {
 margin: 5px 0 13px 0;
 }
.comment-author{
 background-color: #F1F1F1;
 padding: 2px 0 2px 2px;
 }

.comment-response {
 text-align: right;
 }

#footer{
 text-align: right;
 height: 100px; 
 clear:both;
 margin-bottom:0px;
 background: url("http://www.lockyerwater.com/img/web/footer_bg.gif") left top no-repeat;
 padding-top: 50px;
 padding-right: 20px;
 font: normal 9pt "Trebuchet MS" Helvetica Verdana sans-serif;
 color: #B0B0B0;
 
  } 

form {display: inline;}
 
legend {
 font-weight: bold;
}

label {
 display: block;
 font-style: italic;
}

input {
 margin-bottom:10px;
 margin-top: 3px;
 }

.button {
 margin-bottom:1px;
 }

textarea{
 display: block;
 width: 95%;
 margin-bottom:10px;
 }
 /* *** Float containers fix:  http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {
 display: inline-table;
 /*background: url(http://localhost/_sifr/img/web/bg.jpg) repeat-y;*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#header {display:none;} 
#leftcol{display:none;} 
#maincol{width:100%; float:none;}
#maincol p.go-top {display:none;}
#pagewidth{border-left: none;}
#footer{display: none;}
}