/* Ginninderra Catchment Group :: Screen CSS Definitions */

a
{
   color: #6E6D6C;

   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

body
{
   margin: 0px;
   padding: 0px;

   font-size: 76%;
   font-family: Verdana,Arial,Helvetica,Sans-Serif;
}

#page
{
   background-image: url(../img/middle/img-mid-bkg.png);
   background-repeat: repeat-y;
}

#header-upper
{
   height: 19px;

   background-image: url(../img/header/img-hdr-upr-bkg.png);
   background-repeat: repeat-x;
}

#header-text-outer
{
   background-image: url(../img/header/img-hdr-txt-otr-bkg.png);
   background-repeat: repeat-x;
}

#header-text-inner
{
   height: 81px;

   background-image: url(../img/header/img-hdr-txt-inr-bkg.png);
   background-repeat: no-repeat;
}

#header-text-inner h1
{
   display: none;
}

#header-text
{
   float: right;

   padding-top: 15px;
   padding-right: 10px;
}

#header-photos
{
   height: 81px;

   background-image: url(../img/header/img-hdr-photos.jpg);
   background-repeat: repeat-x;
}

#header-lower-outer
{
   height: 22px;

   background-image: url(../img/header/img-hdr-lwr-otr-bkg.png);
   background-repeat: repeat-x;
}

#header-lower-inner
{
   height: 22px;

   background-image: url(../img/header/img-hdr-lwr-inr-bkg.png);
   background-repeat: no-repeat;

   position: relative;

   z-index: 1;
}

#search-form
{
   margin: 0px;

   position: relative;
}

#header-search
{
   top: 36px;
   left: 15px;

   position: absolute;

   z-index: 1000;
}

#header-search .label
{
   float: left;

   color: #000000;

   padding-top: 2px;
}

#header-search .field
{
   float: left;

   padding: 0px;

   padding-left: 5px;
   padding-right: 3px;
}

#header-search .button
{
   float: left;

   padding-top: 1px;
}

#search-field
{
   font-size: 1em;
   font-family: Courier New,Courier;

   border: 1px solid #7E7D7C;
}

#header-nav-outer
{
   height: 45px;

   background-image: url(../img/header/img-hdr-nav-otr-bkg.png);
   background-repeat: repeat-x;
}

#header-nav-inner
{
   width: 780px;
   height: 45px;

   position: relative;

   background-image: url(../img/header/img-hdr-nav-inr-bkg.png);
   background-repeat: no-repeat;
}

#header-nav
{
   top: 2px;
   left: 246px;

   margin: 0px;
   padding: 0px;

   list-style: none;

   position: absolute;
}

#header-nav li
{
   float: left;
}

#header-nav li a
{
   float: left;

   color: #000000;

   height: 24px;

   display: block;

   padding-top: 9px;
   padding-left: 22px;
   padding-right: 7px;

   border-top: 1px solid #F2F2F2;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #909090;
   border-bottom: 1px solid #F2F2F2;

   text-decoration: none;

   background-image: url(../img/header/img-hdr-nav-arw.gif);
   background-repeat: no-repeat;
}

#middle
{
   margin: 0px;

   min-width: 600px;
}

#menu
{
   float: left;

   width: 218px;
}

#menu-upper
{
   width: 218px;
   height: 46px;

   background-image: url(../img/middle/img-mid-mnu-upr.png);
   background-repeat: no-repeat;
}

#content
{
   margin: 0px;

   padding-top: 1px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 1px;

   margin-left: 235px;
   margin-right: 220px;

   line-height: 1.2em;
}

#content h1
{
   color: #535C44;

   font-size: 1.8em;
   font-style: italic;
   font-family: Arial,Helvetica,Sans-Serif;

   margin-top: 18px;
   margin-bottom: 18px;
}

#content h2
{
   color: #636C54;

   font-size: 1.4em;
   font-family: Arial,Helvetica,Sans-Serif;

   margin-top: 18px;
   margin-bottom: 18px;
}

#content h3
{
   color: #737C64;

   font-size: 1.2em;
   font-family: Arial,Helvetica,Sans-Serif;

   margin-top: 18px;
   margin-bottom: 18px;
}

#content p
{
   font-size: 0.9em;

   margin-top: 13px;
   margin-bottom: 13px;
}

#content ul
{
   font-size: 1em;

   line-height: 1.4em;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #menu {
  margin-right: 17px;
  }
 
* html #content {
  height: 1%;
  margin-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  }
 
/* End hide from IE5/mac */

#crumbs
{
   color: #8E8D8C;

   font-size: 0.9em;
   font-family: Verdana,Arial,Helvetica,Sans-Serif;

   padding-top: 5px;
}

#crumbs a
{
   color: #6E6D6C;

   text-decoration: none;
}

#crumbs a:hover
{
   text-decoration: underline;
}

#right
{
   float: right;

   width: 205px;
}

.box
{
   width: 192px;

   border: 1px solid #666666;

   margin-top: 10px;
   margin-bottom: 10px;
}

.box h1
{
   width: 184px;
   height: 18px;

   font-size: 1em;

   margin: 0px;
   margin-bottom: 0px;

   padding-left: 8px;

   color: #FFFFFF;

   padding-top: 2px;

   background-image: url(../img/middle/img-mid-box-hdr-bkg.png);
   background-repeat: no-repeat;
}

.box h2
{
   color: #0A3F68;

   font-size: 1em;

   margin: 0px;
}

.box h3
{
   color: #000000;

   font-size: 1em;

   margin: 0px;

   font-style: italic;
   font-weight: normal;
}

.box .box-content
{
   padding: 8px;

   font-size: 0.9em;
}

.box .box-content .box-text
{
   font-size: 0.9em;
}

.box-more
{
   width: 176px;
   height: 20px;

   display: block;

   background-image: url(../img/middle/img-mid-box-more.png);
   background-repeat: no-repeat;
   background-position: right center;
}

#footer
{
   clear: both;
}

#footer-upper
{
   height: 52px;

   background-image: url(../img/footer/img-ftr-upr-bkg.gif);
   background-repeat: repeat-x;
}

#footer-upper-left
{
   height: 52px;

   background-image: url(../img/footer/img-ftr-menu.gif);
   background-repeat: no-repeat;
}

#footer-nav
{
   left: 230px;

   /width: 400px;
   min-width: 400px;

   padding-top: 24px;

   position: absolute;
}

#footer-nav ul
{
   margin: 0px;
   padding: 0px;

   list-style: none;
}

#footer-nav ul li
{
   float: left;
}

#footer-nav ul li a
{
   float: left;

   color: #FFFFFF;

   display: block;

   font-size: 0.9em;

   padding-left: 10px;
   padding-right: 10px;

   text-decoration: none;

   border-left: 1px solid; white;
}

#footer-nav ul li a:hover
{
   text-decoration: underline;
}

#footer-nav ul li a.first
{
   border-left: 0px;
}

#footer-lower
{
   height: 77px;

   min-width: 760px;

   background-color: #535C44;
   background-image: url(../img/footer/img-ftr-lwr-bkg.gif);
   background-repeat: repeat-x;
}

#footer-lower-left
{
   height: 77px;

   min-width: 760px;

   background-image: url(../img/footer/img-ftr-left.gif);
   background-repeat: no-repeat;
}

#footer-lower-right
{
   float: right;

   width: 560px;
   height: 77px;

   background-image: url(../img/footer/img-ftr-logos.gif);
   background-repeat: no-repeat;
}

.search-link
{
   color: #404040;

   font-weight: bold;

   text-decoration: underline;
}