/*----------------------------------------------------
 *
 *  Style sheet for the FCDR homepage
 *
 *----------------------------------------------------*/

body {background:url(./images/fcdr_headerbg.gif);background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12pt; }

h1 {font-size:22pt; font-weight:bold;}
h2 {font-weight:bold; font-size:18pt; text-decoration:none; }
h2 a {text-decoration:none; border-width:0px 0px 1px 0px; border-style:solid; padding:0px; }
p, td, li {font-size:10pt; }
p a.subheading {font-size:11pt; font-weight:bold; padding:0px; }

* html a:hover {visibility:visible}
.block {margin:30px 0px 30px 0px;}

#crossover1  {position:absolute; left:0px; top:0px; width:1048px; height:250px; background: url(./images/fcdr_header.gif); filter:alpha(opacity=100); -moz-opacity:100%; opacity:1.0; z-index: 0}  /*use 800px for width to exclude ssmi image on right, or 1048px to include it.*/
#header {position:absolute; left: 220px; top: 5px; width: 600px; height: 200px; z-index:1; margin-top:25px; padding:0px}

.textshade  {position:absolute; top:200px; width:300px; height:670px; color:black; margin-top:0px; padding-top:10px; float:right; filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; text-align:left; z-index:1}
#textshade1 {left:50px; background-color:#9dbf9d; }
#textshade2 {left:370px; background-color:#abccac; }
#textshade3 {left:690px; background-color:#cce0c4; }
.textshade h2 { margin-top:0px; padding-top:0px; }
div.inshade { margin: 50px 25px 25px 25px; }

#textshade4 {position:absolute; left:610px; top:500px; width:260px; height:450px; color:black; background-color:#e7f4bd; margin-top:0px; padding-top:10px; float:right; filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; text-align:left; z-index: 1}


.button { font-family: arial, helvetica, sans-serif; background-image: url(./images/button_s_over.gif); background-repeat: no-repeat; white-space: nowrap; display: block; width: 150px; height: 50px; margin: 0px; padding: 0px; z-index: 2}
.button a { display: block; color: #000000; font-size: 15px; font-weight:bold; width:150px; height: 50px; float: left; text-decoration: none; }
.button img {width:150px; height: 50px; border: 0; }
.button a:hover img{visibility:hidden}
.button span { position:absolute; left:7px; top:22px; margin:0px; padding:0px; cursor:pointer; }

#button1  { position: absolute; left: 100px; top: 405px; }
#button2  { position: absolute; left: 100px; top: 460px; }
#button3  { position: absolute; left: 100px; top: 515px; }
#button4  { position: absolute; left: 100px; top: 570px; }
#button5  { position: absolute; left: 115px; top: 625px; }
#button6  { position: absolute; left: 115px; top: 680px; }

#button7  { position: absolute; left: 375px; top: 405px; }
#button8  { position: absolute; left: 375px; top: 460px; }
#button9  { position: absolute; left: 375px; top: 515px; }
#button10 { position: absolute; left: 375px; top: 570px; }
#button11 { position: absolute; left: 375px; top: 625px; }
#button12 { position: absolute; left: 375px; top: 680px; }
#button13 { position: absolute; left: 375px; top: 735px; }

#button14 { position: absolute; left: 635px; top: 405px; }
#button15 { position: absolute; left: 635px; top: 460px; }
#button16 { position: absolute; left: 635px; top: 515px; }
#button17 { position: absolute; left: 635px; top: 570px; }
#button18 { position: absolute; left: 635px; top: 625px; }
#button19 { position: absolute; left: 635px; top: 680px; }
#button20 { position: absolute; left: 635px; top: 735px; }

p.w  {color:#ffffff; font-size:10pt; font-weight:bold;}
p.o  {color:#caf26f; font-size:10pt; font-weight:bold;}
p.h  {color:#47216b; font-size:10pt; font-weight:bold;}
#banner {position:absolute; left: 50px; top: 10px; width: 780px; height: 130px; background: url(./images/1Cheader.gif); filter:alpha(opacity=100); -moz-opacity:100%; opacity:1.0; z-index: 0}
#navbar {position:absolute; left: 50px; top:130px; width: 300px; height: 30px; z-index:1;}
#main   {position:absolute; left: 50px; top:160px; width: 800px; z-index:1;}

.cssnav { position: relative; left:350px; top:20px; font-family: arial, helvetica, sans-serif; background-image: url(./images/topbutton_over.gif); background-repeat: no-repeat; white-space: nowrap; display: block; width: 250px; height:25px; margin: 0; padding: 0; }
.cssnav a { display: block; color: #000000; font-size: 13px; font-weight:bold; width: 250px; height:25px; display: block; float: left; color: black; text-decoration: none; }
.cssnav img {width: 250px; height: 25px; border: 0; }
.cssnav a:hover img{visibility:hidden}
.cssnav span { position: absolute; left: 80px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.cssnav2 { position: relative; left:350px; top:25px; font-family: arial, helvetica, sans-serif; background-image: url(./images/topbutton_over.gif); background-repeat: no-repeat; white-space: nowrap; display: block; width: 250px; height:25px; margin: 0; padding: 0; }
.cssnav2 a { display: block; color: #000000; font-size: 13px; font-weight:bold; width: 250px; height:25px; display: block; float: left; color: black; text-decoration: none; }
.cssnav2 img {width: 250px; height: 25px; border: 0; }
.cssnav2 a:hover img{visibility:hidden}
.cssnav2 span { position: absolute; left: 80px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.cssnav3 { position: relative; left:350px; top:30px; font-family: arial, helvetica, sans-serif; background-image: url(./images/topbutton_over.gif); background-repeat: no-repeat; white-space: nowrap; display: block; width: 250px; height:25px; margin: 0; padding: 0; }
.cssnav3 a { display: block; color: #000000; font-size: 13px; font-weight:bold; width: 250px; height:25px; display: block; float: left; color: black; text-decoration: none; }
.cssnav3 img {width: 250px; height: 25px; border: 0; }
.cssnav3 a:hover img{visibility:hidden}
.cssnav3 span { position: absolute; left: 80px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

a:link             { color:#0066cc; }
a:visited          { color:#5c2066;  /* #47216b; */ }
a.homelink:visited { color:#9d5d46; }
a.hlink:link       { color:#ffffff; text-decoration:none; }
a.hlink:active     { color:#f29afc; text-decoration:none; }
a.hlink:hover      { color:#caf26f; text-decoration:none; }
a.hlink:visited    { text-decoration:none; }
a.glink:visited    { color:#5c2066;}
a.tlink:visited    { color:#000000;}
.button a:hover    { color:#9d5d46; }
a.subheading { text-decoration:none; border-width:0px 0px 1px 0px; border-style:solid; padding:0px; }
a.subheading:hover { color:#9d5d46; background-color:#caf26f; }

.footer {
font-size:9pt; text-align:center; background-color:#e3e6e0; color:#6c7970; padding:5px; margin-bottom:20px;
}

