/* general CHKRC styles */
/* 
   # is for 'id' 
   . is for 'class'
*/

span.invisible { 
    left: -9000px;
    position: absolute;
}

/* new blue is #2058A3 (lighter might be: 6094DA or 79ACF1) yellow: F3D25F / gold: C9851A  red: CC1C4D */

/* links in general */
a:link { 
background-color: #FFFFFF;  /* default white */
 }

a:visited { 
color: #B100FF;  /* default visited fuschia(?) */
 }

a:hover {
background-color: #79ACF1;  /* CHKRC light-blue */
 }

/* for the "banner" (logo, search box, etc.) */
        
/* calculations to give 3px margin at top (so elements box tops appear in firebut, etc.)
   And make banner/hd (header) 145px height 
*/

#hd, #bd, #ft { margin-left:5px; }

#hd { 
      height:190px;
      margin-top:3px;
}
#logo a { 
        background-image: url(/gifsHK/hklogo.med.gif);
        background-repeat: no-repeat;
        background-colorx: blue;    /* helper to see if height and width okay */
        height: 145px; width: 210px; /* problem unless specified */
        display: block;
        position: absolute;
        border-colorx: ; border-stylex:solid;         
}
#logo a:hover { 
                background-color: #FFFFFF;
}
#text-hd { 
          position: absolute;
          margin-left: 209px;
          height: 145px;
          width: 54em;
          border-colorx: green; border-stylex:solid;
 }

#not-admin { 
          height: 125px;
             }

#about-para   { 
                float: left;
                margin-top: 2em;
                margin-left: 2em;
                width: 25em;
                font-weight:bold;
                background-colorx: blue;
                line-height:140%;

 }


#tool-box { 
            float:right;
            margin-top: 3em; margin-right:5em;
            height: 6em;
            width;  10em;
            background-colorx: red;
 }

#administered-para { 
            float:right;         
            padding-right:1em;
 }


#topnav { 
       position:absolute;
       margin-top: 11.5em;
       min-width:74em;
 }

/*
div.first #frontleftnav ul
margin-left:0
 }
*/

#topnav ul, #frontleftnav ul { 
    margin-left:0em;
    padding-left:0em;
    
 }

#topnav li, #leftnav li, #frontleftnav li { 
          float:left;
          font-size: 1em;
          letter-spacing:0;
          list-style-image:none;
          list-style-position:outside;
          list-style-type:none;
}

#frontleftnav li { 
          font-size:1em;
          font-weight: normal;
 }

#leftnav ul, #frontleftnav ul { 
              margin-top: .5em;
              margin-left:0em;
              padding-left:0em;
}


ul#frontleftnav { 
              margin-left:0em;
              padding-left:0em;
 }

#leftnav li {  
              float:none;
              
}


#topnav a, #leftnav a {
                  text-decoration:none;
                  color: #FFFFFF;
                  background-color: #2058A3; /* CHKRC blue */
                  border-right:.3em solid #FFFFFF;
                  display:block;
                  line-height: 1.8;
                  text-align:center;
                  padding-left:.5em;
                  padding-right:.7em;

}

#leftnav a{ 
            padding-left:.5em;
            padding-bottom:.2em;
            padding-top:.2em;
            padding-right:.3em;
            text-align:left;
            line-height: 1.231;
            border-bottom: 4px solid #FFFFFF;
 }


#frontleftnav div { 
            
            font-size:1em;
            font-weight:normal;
}

#frontleftnav a { 
            padding-left: 0em;
            padding-top: 0em;
            font-size: 1.3em;
            font-weight: bold;
 }
#topnav a{ margin-bottom:.2em; }
#topnav a:visited, #leftnav a:visited { 
   background-color: #2058A3; /* CHKRC blue */
                    
}

#topnav a:hover, #leftnav a:hover { 
                 background-color: #79ACF1; /* CHKRC light-blue */
                     } 

#topnav .crumby a:visited, #topnav .crumby a:hover { 
   background-color: #79ACF1;  /* CHKRC light-blue */
}

#crumby a:visited, #crumby a:hover { 
   background-color: #79ACF1;  /* CHKRC light-blue */
}

/* for the actual crumbline, minimal coloring */

div#crumbline a:visited { 
   background-color: #FFFFFF;
}
div#crumbline a:hover { 
   background-color: #79ACF1;  /* CHKRC light-blue */                         
 }

.yui-gb { 
          margin-top:20px;
height:600px;
border-bottom:  #2058A3 solid 3px; }

/*
.yui-gb div { 
          outline-colorx: orange;
          outline-stylex: solid;
          outline-widthx: 3px;

}
*/

/* Narrow the yui-u slightly to allow for the yui-gb borders */
.yui-gb .yui-u { 
     width:31.0%; !important
     margin-left:1.9%; !important
     margin-right:1.0%;  !important
}


.yui-u #section { 
       outline-colorx: white;
       outline-stylex: solid; outline-widthx: 3px;
       max-height: 90px;
       margin-left: 0em;
       margin-right:1.5em; 
       border-bottom: #2058A3 solid 3px;
       overflow: hidden;           
 }

/* want last section to have no border-bottom setting. 
.yui-u #section
*/
.yui-u #section.last { 
      border-bottom: #000000 none 0px;
      max-height:none;
      padding-top:.7em;
 }

h1 { 
font-size: 1.6em;
font-weight:bold;
padding-bottom:10px;
margin: .1em 0;
 }
.yui-u #section h2 {  font-size:1.4em;
                font-weight:bold;
                margin: .2em 0; /* actually, prefer the base.css */

                      }

.yui-u #more1 p {
text-align:right;
padding-right:.5em;
/* height:50px; width:50px;  */
/*
position:relative;
left:240px;
top:10px;
*/
 }
.yui-gb  div.center #section { 
/*    height: 576px;  */
/*   x x x phoney height for now */
                               }

.yui-gb  div.center {
    border-left-style:none;
    border-right-style:none;
    border-left-color:#000099;                           
    border-right-color:#000099;                           
    border-left-width:3px;
    border-right-width:3px;                           
    width:66.0% !important
                      
}
.yui-gb  div.center #section h2 { 
letter-spacing:.1em;
                font-weight:bold;
text-align:center; 
padding-bottom:0em;
}

.yui-gb  div.center #section h3 {
               font-size:1.2em; 
               font-weight:bold;

                                  }
.yui-gb div #newresources img { 
float:left;
height:60px;
width:60px;
padding-right:1em;
padding-bottom:1em;
 }

.yui-gb div.first { 
                    margin-left:.5em;
                    border-right-stylex:solid;
                    border-right-colorx:#000099;
                    border-right-widthx:1px;}

.yui-gb div.first p { margin-bottom:.5em; }
.yui-gb div.right { border-left-stylex:solid;
                    border-left-colorx:#000099;
                    border-left-widthx:1px; 
                    width:0%;
                    margin-left:0px;
                    margin-right:0px;
                    }



                  /* for the girl with fruit, someone please save in
 photoshop with the desired level of transparency, then 
save in /public/gifsHK (or /public/newlook if necessary) and use whatever 
filename in place of 'hklogo.med.gif' on the next line. Then submit your 
work with smartSVN */
/* 
.yui-gb div.center { margin-left:0px; }


                     background-image: url(/gifsHK/hklogo.med.gif);
                     background-repeat: no-repeat;
                     background-position: 30px 50px;

}
*/

/*


.yui-gb div.second p { 
         padding-top:3em;
 }
*/

#ft { 
      outline-colorx: white;
      outline-stylex: solid; outline-widthx: 3px;
      height: 100px;
      width: 974px;
      }

#ft div#footer-left, div#footer-center, div#footer-right 
{ 
  vertical-align:middle;
  float:left;
  padding-right:19.5px;
  padding-top:10px;
  width:305px;  /* could be 324px - have 4 px x 2 to play with */
  height:80px;


  outline-stylex: solid; outline-widthx: 3px;
 }

#ft div#footer-left, div#footer-center, div#footer-right p
{ 

  }

#ft div#footer-left p {
   padding-left: 18px;
   text-align:left;                              
   outline-colorx:white;  
   padding-top:2px;                        
}

/*
#ft #footer-center {  
                     background-image: url(/gifsHK/hklogo.med.gif);
                     background-repeat: no-repeat;
                     background-position: 30px 10px;
                                }
*/

#ft div#footer-center p {
                                   
      font-size:1.2em;
      padding-top:10px;
      margin-left:-15px;                            
      text-align:center;
      outline-colorx:white; }
      
#ft div#footer-right p { 
      text-align:center;
      outline-colorx:white;
      padding-top:2px;
      padding-right:7px;
      text-align:right;
}

.yui-t2 div#bd {
      min-height:300px; 
      padding-top:0em;
      border-bottom: #2058A3 solid 3px;
      /* border-top: #2058A3 solid 3px; */

 }


div#crumbline { 
padding-left: .2em;
padding-top: 0em;
padding-right:1em;                          
 }

div#crumbline ul {
height: 1.5em; 
padding-left: .5em;
padding-top:  .2em;
 }

div#crumbitself p {
padding-left: .5em; 
float:left;
width:75%;
 }

div#printerswitch { 
float:right;
text-align:right;
width:22%;
 }

/* temporary, for search example */



div#searchpage label { 
    vertical-align:.2em;
    padding-left:.2em;
 }

div#searchpage p { 
padding-bottom:.1em; }