/* ------------------------------------------------------------------ */
/* Stylesheet for: http://clsc.net                                    */
/*                                                                    */
/* ------------------------------------------------------------------ */

/* --------------------------------------------------------- notes -- */
/* L-BLUE: rgb(138,200,238);                                          */
/* H-BLUE: rgb(8,140,238);                                            */
/* ------------------------------------------------------------------ */




* {
   border: 0px;
   margin: 0px;
   padding: 0px;
}
body {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-family: verdana, helvetica, arial, sans-serif, sans;
   font-size: 0.9em;
   line-height: 1.3em;
   background: rgb(251,251,251);
   color: rgb(80,80,80);
}


/*----------------------------- page sections ------------------------*/


div#p_top {
   border: 0px;
   margin: 0px;
   padding: 0px;
   height: 200px;
   overflow: hidden;
   text-align: center;
   //border-bottom:1px solid rgb(238,238,238);
}
div#maze_overlay {
   border: 0px;
   margin: 0px;
   padding: 0px;
   padding-top: 40px;
   position: relative;
   width: 100% !important;
   height: 74px;
   overflow: hidden;
   line-height:25px;
   background: rgba(255,255,255,88%);
   color: inherit;
   //border-bottom:1px solid rgb(238,238,238);
   z-index: 1000;
}
div#maze_container {
   border: 0px;
   margin: 0px;
   padding: 0px;
   position: relative;
   top: -110px;
   left: 0px;
   width: 100% !important;
   height: 112px;
   z-index: 50;
}
canvas#maze {
   width: 1024px;
   height: 110px;
   z-index: 50;
}
div#p_center {
   position: relative;
   top: -60px;
   border: 0px;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 781px;
}
div#p_end {
   border: 0px;
   margin: 0px;
   padding: 0px;
   width: 781px;
   height: 110px;
   overflow: hidden;
}


/*----------------------------- top navigation -----------------------*/

p#logo {
   margin: 0px 10px 0px 0px;
   font-size: 2.5em;
   font-weight: bold;
   z-index: 200;
}

ul#navigation {
   margin: 20px 0px 0px 50px;
   padding: 0px;
   list-style: none;
   display: block;
   line-height: 1.3em;
   font-size: 1.3em;
   z-index: 200;
}
ul#navigation li {
   margin: 0px 55px 0px 0px;
   padding: 0px;
   display: inline;
   list-style: none;
}
#logo a
, ul#navigation li a {
   text-decoration: none;
   background: inherit;
   font-weight: bolder;
   color: rgb(130,130,130);
}
ul#navigation li#activeNavItem a {
   background: inherit;
   color: rgb(155,155,155);
}
ul#navigation li a:hover
, #logo a:hover
, ul#navigation li#activeNavItem a:hover {
   background: inherit;
   color: rgb(8,140,238);
}

/*----------------------------- breadcrumb ---------------------------*/


div#breadcrumb {
   border: 0px;
   margin: 0px;
   padding: 0px;
   margin-left: 141px;
   font-size: 0.9em;
}

div#breadcrumbBottom {
   margin: 0 ;
   padding: 2px 0 0 10px;
   height:15px;
   font-size: 0.8em;
   line-height: 1.2em;
   overflow: hidden;
   background: inherit;
   color: rgb(206,206,206);
}


/*----------------------------- sub/section navigation ---------------*/


ul#subnav {
   border: 0px;
   margin: 2px 0px 0px 5px;
   padding: 0px;
   list-style: none;
   display: inline;
   line-height: 1.1em;
}
ul#subnav li {
   border: 0px;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   display: inline;
   list-style: none;
   font-size: 1.1em;
}
ul#subnav li a {
   border: 0px;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   background: inherit;
   color: rgb(206,206,206);
}
ul#subnav li#activeNavItem a {
   background: inherit;
   color: rgb(255,255,255);
}
ul#subnav li a:hover
, ul#subnav li#activeNavItem a:hover {
   background: inherit;
   color: rgb(8,140,238);
}


/*----------------------------- on-page navigation -------------------*/


ul.opnav
, ul#opnav {
   margin: 0px 0px 0px 25px;
   list-style : none;
}
ul.opnav li
, ul#opnav li {
   margin: 0px 10px 0px 0px;
   display : inline;
}
ul.opnav li a
, ul#opnav li a {
   text-decoration : underline;
}
ul.opnav li a:hover
, ul#opnav li a:hover {
   text-decoration : none;
}

/* below deprecated */
ul.onPageNav {
   margin: 10px 20px 0 20px;
   list-style: none;
   font-size: 0.85em;
}
ul.onPageNav li {
   margin: 0 10px 0 0;
   display: inline;
}


/*----------------------------- lists --------------------------------*/


ul.sectionlist {
   border: 0px;
   margin: 20px 20px 35px 45px;
   padding: 0px;
}
ul.sectionlist li {
   border: 0px;
   margin: 15px 0 0 0;
   padding: 0 0 0 20px;
   list-style-type:disc;
   list-style-position: outside;
   font-size: 0.9em;
}
ul.sectionlist li a {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-size: 1.2em;
   font-weight: bold;
}
ul.linkslist {
   border: 0px;
   margin: 20px 10px 35px 45px;
   padding: 0px;
   line-height: 1.3em;
}
ul.linkslist li {
   border: 0px;
   margin: 10px 0 0 0 ;
   padding: 0 0 0 20px;
   list-style-type: square;
   list-style-position: outside;
}
ul.linkslist li a {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-weight: bold;
}

ul,ol {
   border: 0px;
   margin: 25px 15px 0 38px;
   padding: 0px;
}
ol {
   margin: 25px 15px 0 45px;
}
ol li
 ,ul li {
   margin-top: 10px;
}


/*----------------------------- typography ---------------------------*/


h1,h2,h3,h4,h5,h6 {
   border: 0px;
   padding: 0px;
   margin: 25px 0 0 10px;
   line-height: 1.25em;
   font-family: helvetica, verdana, sans-serif, sans, arial;
   color: rgb(75,75,75);
   background: inherit;
//   white-space: nowrap;
   font-weight: normal;
}
h1 {
   font-size: 1.8em;
}
h2 {
   font-size: 1.6em;
}
h3 {
   font-size: 1.4em;
}
h4,h5,h6 {
   font-size: 1.2em;
}
h3.lvl3 {
   margin: 25px 0 0 5px;
}
p,div,dl {
   border: 0px;
   margin: 15px 15px 15px 25px;
   padding: 0px;
}
blockquote {
   margin: 15px 10px 15px 29px;
   padding: 10px;
   font-family: times new roman,times roman,times,tms rmn;
   font-size: 1.2em;
   font-style: italic;
   border: 1px dotted rgb(150,150,150);
   text-align: center;
}
noscript {
   color:rgb(255,25,25);
   background:inherit;
}
fieldset {
   margin: 15px 10px 15px 29px;
   border:1px solid rgb(150,150,150);
}

/*----------------------------- table --------------------------------*/


table, thead, tbody, tfoot, th, tr, td {
   overflow: hidden;
}
table {
   margin: 20px 0px 0px 30px;
   padding: 0px;
   width: 95%;
   color: rgb(20,20,20);
   background:inherit;
   border: 1px solid rgb(220,220,220);
   border-collapse:collapse;
   font-family: courier,monospaced,mono;
   font-size: 1em;
   font-weight: normal;
   text-decoration: none;
}
caption {
   margin-top: 20px;
   margin-bottom: 10px;
   text-align: left;
   font-size: 1.3em;
   font-weight: bolder;
   text-decoration: none;
}
thead
,th {
   text-align: left;
}
td {
   padding: 2px;
   border: 1px solid rgb(220,220,220);
   text-align: left;
}
tr:hover {
   color: inherit;
   background: rgb(220,255,255);
}
td:hover {
   color: rgb(0,0,0);
   background:inherit;
   font-weight: bolder;
}


/* ------------------------------------------------------------------ */
/*----------------------------- links --------------------------------*/

a {
   color: rgb(72,72,72);
   background:inherit;
}
a:visited {
   color: rgb(8,122,82);
}
a:hover
 , #payoff a:hover
 , div#breadcrumb a:hover
 , div#breadcrumbBottom a:hover
 , ul.onPageNav li a:hover
 , ul.linkslist li a:hover
 , ul.sectionlist li a:hover {
   background: inherit;
   color: rgb(8,140,238);
   text-decoration: none;
}

ul.sectionlist li a:hover {
   text-decoration: underline;
}
div#breadcrumb
, div#breadcrumb a
, div#breadcrumbBottom a {
   background: inherit;
   color: rgb(175,175,175);
   text-decoration: none;
}


/* ------------------ links end ------------------- */
/*----------------------------- xml button ---------------------------*/


a#xmlButton {
   display:block;
   border:0;
   margin:3px 5px 0 8px;
   padding:0;
   width:34px;
   height:16px;
   float:left;
   overflow:hidden;
   background:rgb(255,255,255);
   color:rgb(152,152,152);
   border-top: 1px solid rgb(255,255,255);
   border-right: 1px solid rgb(152,152,152);
   border-bottom: 1px solid rgb(152,152,152);
   border-left: 1px solid rgb(255,255,255);
   text-align:center;
   font-size:10px;
   font-weight:bold;
   text-decoration:none;
}
a#xmlButton:hover {
   color:rgb(255,255,255);
   background:rgb(255,102,0);
   border-top: 1px solid rgb(255,200,164);
   border-right: 1px solid rgb(125,51,2);
   border-bottom: 1px solid rgb(125,51,2);
   border-left: 1px solid rgb(255,200,164);
}
a#xmlLinkText {
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-weight: bold;
   background: inherit;
   color: rgb(20,102,202);
}


/*----------------------------- EOF ----------------------------------*/