/* SCREEN_HIGH.CSS
   This is where all styles for on-screen high resolution media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2007/08/31
   Last updated by:  Matt Wilcox
                     matt@karova.com
   
   NOTES
   We include the normal screen.css stylesheet and then define additional/overwriting rules to tailor the layout for 1024 res
   ----------------------------------------------------------------------------------------------------------------------- */

@import url(screen.css);

/* =html =body */
   body { background-color : #fff; }

/* =h1 */
   #page_context h1,
   #page_context p {
     display : block; 
     width : 962px; 
     min-height : 262px;
     margin-top:0px;
     margin-bottom:10px;
    }
     
/* =a */
   /*#page_context a {
     position : relative;
     display : block; width : 239px; height : 181px; }*/
     
/* =li */

/* =div */
   #container {
     width : 962px; }
     

  div#site_info #site_copyright {
     float : right;
     text-align:right;
     width:500px;
     margin-top:35px;
     margin-left:420px;
     position:absolute;
     font-size:xx-small;
 }
     
   #nav_main form {
    position:absolute;
    right:5px;
    top:-1px;
    }
     
   #content {
     width : 705px; }
     
   .default #content_intro, .range #content_intro{
     position : relative;
     width:680px;
     /*background : #236154 url(../images/content-main.png) 0 100% no-repeat;*/ }
     
     
     
/* =span */
   #page_context a span {
     position : absolute; top: 0; left : 0;
     display : block; width : 239px; height : 181px;
     background : url(../images/page-context_a.jpg) 0 0 no-repeat; }
   #page_context a:hover span,
   #page_context a:focus span {
     background-position : 0 -181px; }
     
   .default #content_intro span,  .range #content_intro span{
     position : absolute; top : 0; left : 0;
     display : block; width :700px; height : 9px;
     background : url(../images/content-main_span.gif) 0 0 no-repeat; }
     
     
     body.range-2 form#basketAdd {
	 	 	  padding: 3px 0;
 }
 
  
 
 
 /* =fieldset */
 fieldset#certFieldset       { margin : 2em 0 1em 0; padding : 10px 10px 2em 10px; border : 1px solid #7384AD; overflow : hidden; }
 fieldset#certFieldset:hover { border-color : #495682; }
 img#WoodlandCert{ border:1px solid #7384AD; padding:6px;}
 fieldset#certFieldset p 	{ font-size:100%; line-height:1.9em; margin-bottom:1em;}
 fieldset#certFieldset textarea 	{border:1px solid #7384AD; height:6em; width:90%; }
 fieldset#certFieldset input {border:1px solid #7384AD; width:90%; }
 form#plaqueform label {display:block; }
 form#plaqueform label span { display:block; float:left; width:11em; }
 form#plaqueform label input {width:20em;}

div.clear {clear:both;}

input#donatenowsubmit {margin-left:10px;}