/* CSS Document */
/* Global Styles */
html,body{margin:0;padding:0}
body{font: 76% Arial, Verdana, serif, sans-serif; background-color:#333333;}

/* TEXT STYLES */
p{padding:0 12px 0px; font-size: 1.2 em; line-height: 1.5em; letter-spacing: 1px;}
h1 { font-size: 2.5em; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}
h2 { font-size: 2em; color: #99CC33; line-height: 1.3em; letter-spacing: -1px;}
h3 { padding-right: 50px; font-size: 1.3em; color: #333333; line-height: 1.5em;}
h4 { font-size: 1.25em; color: #0099FF;}
h5 {font-size: 1em; font-weight:bold;}
h1,h2,h3,h4,h5 {padding:padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 12px;}
#navigation p, #extra p {color:#fff;}
a:link { color: #0099FF; text-decoration:none; padding:1px;}
a:visited {color: #99cc33; text-decoration:none; border-bottom: 1px solid #cccccc; }
a:hover {background-color: #99CC33; color:#fff; }
acronym {border-bottom: 1px dotted #cccccc; cursor:help; } 
label.header {font-size:larger; color: #b71; font-weight:bold; text-transform:uppercase; margin-bottom: 0; padding-bottom:0; } 
   /* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */

blockquote { border: 1px solid #0099FF; background-color: #e9e9e9; margin: 3ex; font-style:italic; width: 90%;}

/* HEADER SECTION */
div#header {margin:0; padding:0; background: transparent url(images/genet_right_logo.jpg) no-repeat right center; height:8em;}
div#header h1 a { height: 3em; min-height:8em; line-height:80px;margin:0; color: #fff; border-bottom: none; padding:0;}
div#header h1 a:hover {background-color: transparent; border-bottom: none; color: #99CC33}
div#header p#skip{position: absolute; top: 3px; right: 3px; margin:0; padding: 0;}
#skip a,#skip a:visited {color:#fff; border-bottom: 1px solid #cccccc;}

/* CONTENT SECTION */
div#wrapper{float:left;width:100%;}
div#content{margin: 0 0 0 199px; padding-bottom: 2em; background-color: #fff; color: #000;}
div#content p{line-height:1.4;}
div#content h2#topper {background:#0099FF url(images/white_curve.gif) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper1 {background:#0099FF url(images/pic_1.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper2 {background:#0099FF url(images/pic_2.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper3 {background:#0099FF url(images/pic_3.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper4 {background:#0099FF url(images/pic_4.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper5 {background:#0099FF url(images/pic_5.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper6 {background:#0099FF url(images/pic_6.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper7 {background:#0099FF url(images/pic_7.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper8 {background:#0099FF url(images/pic_8.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper9 {background:#0099FF url(images/pic_9.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper10 {background:#0099FF url(images/pic_10.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper11 {background:#0099FF url(images/pic_11.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content h2#topper12 {background:#0099FF url(images/pic_12.jpg) no-repeat right center; color:#ffffff; margin-top:0; padding-top:46px;}
div#content a:visited {color: #452; text-decoration:none; border-bottom: 1px solid #cccccc; }

/* VERTICAL NAVIGATION */
div#navigation{float:left; width:200px; margin-left:-100%; color:#fff;}
.navcontainer { width: 198px; padding:0; margin-bottom: 1em; background-color: transparent;}
.navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; width: 198px; min-width:198px; }
.navcontainer li { margin: 0; }
html>body .navcontainer li a { width: auto;}
.navcontainer li a,.navcontainer li a:visited { 
          display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #452;
          border-right: 10px solid #452; background-color: #669933; 
          text-decoration: none; font-weight:bold; width: 167px; min-width:165px; 
          color: #fff; border-bottom: 1px solid #99CC33; 
}
.navcontainer li a:hover,.navcontainer li#active a { 
          border-left: 10px solid #fff; border-right: 10px solid #fff; 
          background-color: #99CC33; color: #fff; font-weight:bold;
}
.navcontainer li#last a { border-bottom:none;}  /* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */
.navcontainer li ul li { display:none;} /* this hides all sublinks if it is not the currently active link */
.navcontainer li#active ul li { display: block;} /* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited { border-left-color:#452; border-right-color: #452; background-color: #333333; padding: 5px 0 5px 11px;}
.navcontainer li#active ul li a:hover { background-color:#fff; color:#333333;}

/* FOOTER SECTION */
div#footer{clear:left;width:100%; background-color: #333333;color: #999999}
div#footer a:link, div#footer a:visited { color:#ffffff; }
div#footer ul {list-style-type:none; margin:0; padding:.8em 0; text-align:center;}
div#footer ul li {display:inline; padding: 0 4px;}

/* TABLES */ 
table {border: 2px solid #ffffff; border-collapse:collapse; width:90%; margin-left: 1ex; }
td {background-color: #fff; padding:3px; border: 1px solid #fff}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background-color: #472 ; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #99CC33 ; padding: 6px}
tbody th.sub {font-size: .90em; color:#000; background-color: #e9e9e9; padding: 6px}