/* Internet Explorer */

/* basic elements */
body                      { margin: 0 0 0 0; text-align: center; background: green url(logo.png) no-repeat left top;  }
p                         { font: normal 11px/12px arial, sans-serif; }
ul, li                    { font: bold 11px/19px arial, sans-serif; list-style-type: none; }
h3                        { margin: 0; padding: 0; font: bold 10px/10px arial, sans-serif;}
a:link                    { color: red; }
a:visited                 { color: red; }
a:hover, 
a:active                  { color: #fff; }

/* specific divs */
html>body #container      { width:100%} 
#pageHeader h1            { margin: 0; padding: 0; width: 660px; height: 80px; background: transparent url(images/telephone.gif) no-repeat left top; }
#quickSummary p           { margin: 0; padding: 0 0 10px 0; color: #ffffff; font: bold 12px/15px arial; text-align: left; background: transparent; }
#supportingText           { float: left; margin: 245px 0 0 0; border-top: 5px solid #3D2117; padding: 0 0 30px 0; width: 333px; text-align: left; background: transparent url(images/screen.png) no-repeat top left; } 
/* commented backslash hack v2 \*/
#supportingText           { float: left; margin: 260px 0 0 0; border-top: 5px solid #3D2117; padding: 0 0 30px 0; width: 333px; text-align: left;  overflow: auto;}
/* end hack */ 
#supportingText p         { clear: right; padding:  20px; font: normal 14px/15px arial, sans-serif; }
#supportingText a:link,
#supportingText a:visited { color: #fff; font-weight:bold; font-size:13px;}
#supportingText a:hover, 
#supportingText a:active  { color: red; }
#explanation h3,   #participation h3  ,#benefits h3, #requirements h3        { float: left; margin: 0; padding: 10px 10px 10px 30px; width: 265px; color:red; background:transparent url(shoe.png) no-repeat center left; border-bottom:1px dotted #fff;margin-bottom:5px;}
#explanation p.p1         { font: bold 12px/15px arial, sans-serif;  }
#footer                   { border-top: 1px dotted #444; padding: 15px 0 30px 0; text-align: center;}
#footer a:link,  
#footer a:visited         { font: bold 12px/15px Georgia, serif; color: #600; ; }
#linkList                 { clear: both;   }
#linkList li a:link       { color: red; }
#linkList li a:visited    { color: red; }
#linkList li a:hover, 
#linkList li a:active     { color: red; }
#linkList li a.c:active   { color: #fff; }
#extraDiv1                { }

/* Mozilla - Safari - Opera */

/* basic elements */

body                           { margin: 120px 0 0 0; padding: 0; text-align: center; background: green url(logo.png) no-repeat left top; }
 p                         { font: normal 11px/12px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; }
 ul, 
li                        { font: bold 9px/10px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; list-style-type: none; color: #fff; background: transparent; }
 h3                        { margin: 0; padding: 0; font: bold 13px/15px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; }
 a:link                    { color: red; }
 a:visited                 { color: red; }
 a:hover, 
 a:active                  { color: #ffffff; }

/* specific divs */
 #container1   { position: relative; margin: 0 0 0 0;  padding: 0 0 0 0; width: 100%; height: 392px; background: transparent url() no-repeat left  ; left:0px;}
 #container   { position: relative; margin: 0 0 0 0;  border-top: 5px solid #fff; border-right: 0; border-bottom: 5px solid #fff; border-left: 0;padding: 0 0 0 0; width: 100%; height: 392px; background: transparent url(grass.jpg) repeat; }
 #intro                    { position: absolute; top: 0; left: 0; float: none; margin: 0; width: 100%; height: 350px; background: url(grass.png); }
 #pageHeader               { position: absolute; top: -113px; right: 0px; margin: 0;background: transparent url(images/telephone.png) no-repeat top right ;font: bold 14px/14px arial, sans-serif;line-height:1.6em;text-align:right;padding-top:50px; padding-right:50px;}
 #pageHeader p              {  padding-right: 100px; font: bold 14px/14px arial, sans-serif;line-height:1.6em;padding-top:50px; text-align:right;}
 #pageHeader a.web                   { color: red; text-decoration:none;}
  #pageHeader h1            { background: transparent url() no-repeat top left; margin-top: 20px; width: 470px; height: 90px; float: left; }
 #quickSummary             { position: absolute; top: 410px; left: 0; padding: 0; width: 100%; height: 100px; background: transparent url() no-repeat bottom center; }
 #quickSummary p           { margin: 0; padding: 0 0 0 20px; color: #D9BC91; font: normal 11px/14px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; text-align: left; background:transparent  url(.png); }
 #preamble                 { position: absolute;  font: bold 12px/12px arial, sans-serif; line-height:1.3em;text-align:left;left: 20px; display: block; top:20px;margin: 0;  padding: 0; width:700px; background:  url() repeat; overflow: hidden; }
 #preamble td          { margin: 0; padding: 10px; color: #ffffff; font: bold 12px/15px arial; text-align: left; background: red; }

 #preamble p               { margin: 0; padding: 0px 10px 5px 10px; color: #fff; font: normal 10px/13px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; }
 #preamble h3              { border: 0; width: 196px; height: 40px; background: transparent url(theroad.png) no-repeat top left; }
body #preamble h3 span         { display: none; }
/* SCROLLING PART */
 #supportingText { position: absolute; top: 0; left: 750px; margin: 0; border: 0; padding: 0 15px 30px 15px; width: 320px;height: 362px; 
 text-align: left; background: transparent url(grass2.jpg)  ; overflow: auto; color:#ffffff;}
 #supportingText p         { padding: 0; font: normal 12px/15px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; line-height:1.5em;}
 #supportingText a:link,
 #supportingText a:visited { color: red; }
 #supportingText a:hover, 
 #supportingText a:active  { color: red; }
 #explanation p.p1         { font: bold 12px/15px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif;  }
  #preamble p.p1         { font: bold 24px/30px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; line-height:2em;  }
 #footer                   { border-top: 1px dotted #444; padding: 15px 0 30px 0; text-align: center; color:#ffffff;}

/* LINKS */

 #linkList                 { position: absolute; top: 0; left: 1100px; width: 200px; height: 350px; text-align: left; overflow: hidden; }
 #linkList li a:link       { color: #000000; }
 #linkList li a:visited    { color: red; }
 #linkList li a:hover, 
 #linkList li a:active     { color: #ffffff; }
 #extraDiv1                { position: absolute; top: 125px; left: 730px; width: 372px; height: 527px; background:  url() no-repeat left bottom; }

#extraDiv1 p.ten	{margin-top:50px;margin-left:-30px;
}


span.black	{
color: #000000;
}

 #preamble a:link,
 #spreamble a:visited { color: #000000; }
 #preamble a:hover, 
 #preamble a:active  { color: #000000; }

 #preamble h2	{
 color:#ffffff;
 }

 #quickSummary p           { margin: 0; padding: 0 0 0 20px; color: #ffffff; font: normal 11px/14px "Lucida Grande","Lucida Sans Unicode", helvetica, arial, sans-serif; text-align: left; background:transparent  url(.png); }
 #quickSummary a:link       { color: #000000; font-weight:bold;}
 #quickSummary a:visited    { color: #000000; font-weight:bold;}
 #quickSummary a:hover, 
 #quickSummary a:active     { color: #ffffff; }