/******************************************************************************
*   Give html/body size of 100% x 100% with no scroll bars on which we can 
*   place a header and footer using position absolute in the normal way. The 
*   header and footer will stay fixed because the body cannot scroll.
*******************************************************************************/

html {
   height:100%;         /* fix height to 100% for IE */
   max-height:100%;     /* fix height for other browsers */
   overflow:hidden;     /* get rid of scroll bars in IE */
   padding:0;           /* remove padding */
   margin:0;            /* remove margins */
   border:0;            /* remove borders */
   background:#fff;     /* color background - only works in IE */
   font-size:85%;       /* set default font size */
   font-family:"Trebuchet MS", arial, helvetica, sans-serif; /* set default font */
}

body {
   height:100%;         /* fix height to 100% for IE */
   max-height:100%;     /* fix height for other browsers */
   overflow:hidden;     /* get rid of scroll bars in IE */
   padding:0;           /* remove padding */
   margin:0;            /* remove margins */
   border:0;            /* remove borders */
}

/******************************************************************************
*   The content must be fixed below the header, about the footer and scroll 
*   on overflow. IE has a totally different way of doing this to all other 
*   browsers.
*******************************************************************************/

#content {
   overflow:auto;       /* add scroll bars as necessary */
   position:absolute;   /* position absolutely */
   z-index:3;           /* if required to cover any other divs */
   top:100px;           /* a value to miss the header */
   bottom:50px;         /* a value to miss the footer */
   left:200px;          /* a value to miss any navigation div */
   right:0;             /* this will put the scroll bar at the right of the page */
   background:#eee;     /* set the background color */
}

/******************************************************************************
*   Lastly the set up for IE which does not understand the above #content 
*******************************************************************************/

* html #content {
   max-height:100%;     /* full screen height */
   width:100%;          /* full screen width */
   top:0;               /* place the content at the top */
   left:0;              /* and left of the body */
   right:0;             /* place the right to the edge of the body */
   bottom:0;            /* and to the bottom of the body */
   height:100%;         /* for IE */
   overflow:auto;       /* add scroll bars as necessary */
   position:absolute; 
   z-index:3; 
   border-top:100px solid #fff;     /* add a top border to miss the header */
                                    /* (this is SUBTRACTED from the 100% height on quirks mode */
   border-bottom:50px solid #fff;   /* add a bottom border to miss the footer */
                                    /* (this is SUBTRACTED from the 100% height on quirks mode */
   border-left:200px solid #fff;    /* add a left border to miss any navigation */
                                    /* (this is SUBTRACTED from the 100% width on quirks mode */

}

/******************************************************************************
*   Set up the header
*******************************************************************************/

#head  { color: #fff; font-size: 4em; background: #000 url("/images/clouds.jpg") no-repeat; display: block; margin: 0; padding-left: 15px; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100px; overflow: hidden }

/******************************************************************************
*   Set up the footer
*******************************************************************************/

#foot {
   position:absolute; 
   margin:0; 
   bottom:0; 
   left:0; 
   display:block; 
   width:100%; 
   height:50px; 
   font-size:1em; 
   z-index:5; 
   overflow:hidden; 
   background:rgb(76,76,76); 
   color:#fff;
   padding-left:15px;
}

/******************************************************************************
*   Set up the navigation on the left
*******************************************************************************/

#left  { font-size: 1.1em; background: rgb(76,76,76) url("/images/chimney.jpg") no-repeat; position: absolute; z-index: 4; top: 100px; bottom: 50px; left: 0; width: 200px; overflow: auto }

* html #left {
   height:100%; 
   top:0; 
   bottom:0; 
   border-top:100px solid #fff; 
   border-bottom:50px solid #fff; 
   color:#fff;
}

/******************************************************************************
*   Finally whatever is need for the content
*******************************************************************************/

#content p {
   padding:5px;
}

#content h2 {
   padding-left:5px;
	 margin-bottom:0px;
   font-size:120%;

}

#content h3 {
   padding-left:5px;
	 margin-bottom:-5px;
   font-size:110%;
   color:#000066;
}

.padall {
   padding:10px;
}

.bold {
   font-size:1.2em; 
   font-weight:bold;
}

dd {
   display:none;
}


a.nav, a.nav:visited, a.nonav, a.nonav:visited {
   margin-left:50px; 
   display:block; 
   width:100px; 
   height:25px; 
   background:#aaa; 
   color:#eee; 
   border:1px solid #000; 
   text-decoration:none; 
   text-align:center; 
   line-height:25px;
}
a.nav:hover {
   background:#000; 
   color:#fff;
}

a.nonav, a.nonav:visited {
   background-color:#336699;
}
#pagetitle { 
   padding-left:10px;
   color:#336699;
	 font-style:italic;
   font-weight:bold;

}




.required {
   font-size:1em; 
   margin: 0px;
   color: #083194;
} 
/* #083194 is a medium blue.*/	

.formtext {
   font-size:1em; 
   margin: 0px;
} 

/******************************************************
*  Used for forms on contact page
******************************************************/
   
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 26%;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 73%;
  text-align: left;
  } 

.spacer {
  margin-bottom:1em;
  }

.topgif { 
  width:22px; 
  height:22px;
  text-decoration:none;
  border:1px solid black;
}

a.nodecoration, a.nodecoration:visited {
  text-decoration:none;
}