/* body */
body { background-color: rgb(50,50,50); text-align: center; min-width: 1200px; min-height: 800px; }


/* divs */
#page { position: absolute;  text-align: center;  left: 0px; right: 0px; top: 0px; margin-left: auto; margin-right: auto; width: 1200px; min-height: 800px; overflow: hidden; z-index: 0; }

#top { position: absolute;  text-align: left;  top: 0px; left: 0px; width: 1200px; height: 56px; overflow: hidden; z-index: 1; }

#email_link { position: relative; top: 10px; left: 720px; text-align: left; z-index: 3;}

#menu { position: absolute;  text-align: left; top: 56px; left: 0px; width: 1200px; height: 20px; background-color: rgb(82,178,176); overflow: hidden; z-index: 1; }

#theme_image { position: absolute;  text-align: left; top: 76px; left: 0px; width: 1200px; min-height: 464px; z-index: 1; overflow: hidden; }

#theme_image_2 { position: absolute;  text-align: left; top: 0px; left: 0px; width: 1200px; min-height: 560px; z-index: 1; overflow: hidden; }

#bottom { position: absolute; text-align: center; left: 0px; top: 540px; height: 20px; width: 1200px; background-image: url("../grx/strip.jpg"); z-index: 2; }

#can_help { position: absolute; text-align: center; left: 0px; top: 560px; width: 1200px; background-color: rgb(90,100,100); z-index: 3; }

#special_link { position: absolute; top: 540px; left: 20px; height: 20px; background-color: rgb(200,120,120); overflow: hidden; z-index: 3; }

#story1 { position: absolute; text-align: left; top: 120px; left: 60px; width: 480px; z-index: 2;}

#story2 { position: absolute; text-align: left; top: 90px; left: 40px; width: 570px; z-index: 2;}

#story3 { position: absolute; text-align: left; top: 120px; left: 30px; width: 520px; z-index: 2;}

#story4a { position: absolute; text-align: left; top: 90px; left: 260px; width: 440px; z-index: 2;}

#story4b { position: absolute; text-align: left; top: 120px; left: 680px; width: 440px; z-index: 2;}

#story5 { position: absolute; text-align: left; top: 100px; left: 620px; width: 440px; z-index: 2;}

#story6 { position: absolute; text-align: left; top: 180px; left: 60px; width: 480px; z-index: 2;}

#story7 { position: absolute; text-align: left; top: 110px; left: 330px; width: 440px; z-index: 2;}

#story8a { position: absolute; text-align: left; top: 80px; left: 40px; width: 500px; z-index: 2;}

#story8b { position: absolute; text-align: left; top: 110px; left: 540px; width: 500px; z-index: 2;}

#story9a { position: absolute; text-align: left; top: 100px; left: 180px; width: 500px; z-index: 2;}

#story9b { position: absolute; text-align: left; top: 130px; left: 660px; width: 500px; z-index: 2;}

#story10a { position: absolute; text-align: left; top: 30px; left: 40px; width: 400px; background-image: url("../grx/panel_hard_01.png"); z-index: 2;}

#story10b { position: absolute; text-align: left; top: 60px; left: 740px; width: 420px; background-image: url("../grx/panel_hard_01.png"); z-index: 2;}

/* text behaviors general */
p { font-family: Times New Roman, Times, "Serif";  margin: 10px 20px 10px 20px; text-align: left; font-size: 13px; line-height: 130%; font-weight: normal; color: rgb(40,40,40); z-index: 3; }

h1 { font-family: Times New Roman, Times, "Serif";  margin: 10px 20px 10px 20px; text-align: left; font-size: 18px; line-height: 120%; font-weight: normal; color: rgb(40,40,40); z-index: 3;}


/* link behaviors general */
a:link {color: rgb(30,30,30); font-weight: normal; text-decoration: none; }
a:visited {color: rgb(30,30,30); font-weight: normal; text-decoration: none; }
a:active {color: rgb(30,30,30); font-weight: normal; text-decoration: none; }
a:hover {color: rgb(124,220,220); font-weight: normal; text-decoration: none; }


/* div specific behaviors */
#menu p { font-size: 11px; line-height: 20px; margin: 5px 5px 0px 15px; line-height: 100%;}

#menu b.off {  font-weight: normal; color: rgb(50,50,50); }
#menu b.on { font-weight: normal; background-color: rgb(124,220,220); color: rgb(30,30,30); }

#top img { z-index: 0; }

#can_help p { font-size: 12px; letter-spacing: .1em; color: rgb(160,220,220); margin: 20px 20px 20px 20px; line-height: 130%; }
#can_help a { font-size: 13px; color: rgb(180,240,240); background-color: rgb(200,120,120);  }
#can_help a:hover { font-size: 13px; color: rgb(220,250,250); background-color: rgb(200,120,120); }

#special_link p { text-align: center; margin-top: 2px; margin-bottom: 2px; line-height: 100%; }
#special_link a { font-size: 11px; color: rgb(90,50,50); }
#special_link a:hover { font-size: 11px; color: rgb(240,240,240); }