/* globals */

html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:0 0 20px}

body{font:70% verdana,arial,sans-serif;text-align: center; background: #FFF;}

h1,h2,h3{font-family: verdana,arial,sans-serif}

h1{font-size: 180%}

h2{font-size: 140%; margin: 0; padding:0;}

h3{font-size:100%;text-transform:uppercase;letter-spacing:1px;margin:0 5px}



/*colors*/

body{background: #FFF;}

h1 a{color: #C1E6FF}

h1 a:hover{color: #fff}

h2{color: #f60}

h2.inactive{ color:#555;}

h3{color: #B02A36}



/* p{margin: 0 15px;padding:0} */

p{padding-bottom: 0.7em;line-height: 1.5}

a{text-decoration: none}



/* initialise basics */

table { empty-cells: show; }

  

/* Header background images */

#header-hk { list-style-type:none; }

#img1{ background-image: url("images/site/r1.png");  background-repeat:no-repeat; width:80px; height:136px; }

#img2{ background-image: url("images/site/r2.png");  background-repeat:repeat-x;  height:136px;  }

#img3{ background-image: url("images/site/r3.png");  background-repeat:no-repeat; width:360px; height:136px; }



#img4{ background-image: url("images/site/t1.png");  background-repeat:no-repeat; width:65px; height:74px; }

#img5{ background-image: url("images/site/t2.png");  background-repeat:repeat-x;  height:74px;  }

#img6{ background-image: url("images/site/t3.png");  background-repeat:no-repeat; width:277px; height:74px; }



#img7{ background-image: url("images/site/f1.png");  background-repeat:no-repeat; width:33px; height:33px; }

#img8{ background-image: url("images/site/f2.png");  background-repeat:repeat-x;  height:33px;  }

#img9{ background-image: url("images/site/f3.png");  background-repeat:no-repeat; width:33px; height:33px; }



/* Header Nav Links */

#img2 { vertical-align:top; top:1em;text-align:left}

#nav-links { margin:0; padding:0.2em; text-align:right}

#nav-links li { display:inline; margin-right:1em; }

#nav-links-footer { list-style-type:none; }



#foot-sublinks { margin:0; text-align:center}

#foot-sublinks li { display:inline; margin-right:3em; }



/* legal content */

#legal-content h2{ font-size: 140%; }

#legal-content h3{ font-size: 115%; }  

#legal-content h1,#legal-content h2,#legal-content h3 { color: #000;text-transform:none;letter-spacing:0px;margin:0px;font-family:verdana,arial,sans-serif}

#legal-container{width: 800px;margin: 0 auto;text-align: left}

div#legal-content div#data-panel { width:600px; }

div#legal-content div#info-panel { width:170px; }

div#legal-content div#info-panel div{ padding:10px; }



/* div#content{background: #FFF;} */




blockquote{background: #FFEECC}

div#minipics li{background-color: #FFFFFF}

div#footer{color: #FFF}



#nav-links li  { color:#ff9900; }

#nav-links li a{ color:#ff9900; }

#nav-links li a:visited{ color:#ff9900; }

#nav-links li a:hover{ color:#330033; }



#foot-sublinks li  { color:#ff9900; }

#foot-sublinks li a{ color:#ff9900; }

#foot-sublinks li a:visited{ color:#ff9900; }

#foot-sublinks li a:hover{ color:#330033; }







/*layout*/

div.column{float:left;}



div#container{width: 800px;margin: 0 auto;text-align: left}

div#content{width:800px;padding:5px 0}



/* mini nav panel */

div#nav-panel

{

  width:250px;

  padding-left:20px;

  margin-top:-25px;

  padding-bottom:25px;

}



/* info panel */

div#info-panel

{

  width:250px;

  margin: 0px 15px 5px 10px;

  border:solid 1px #FE9900;

  background-color: #FFEECC

}



  div#info-panel div

  {

    padding: 20px;

  }

  

  div#info-panel h2

  {

    font-size: 110%;

    font-weight: bold; 

    margin: 0; 

    padding:0;

    color: #000;

  }



/* data panel */

div#data-panel

{

  width:480px;

}

  

  div#quickstart img 

  {

    border:0; 

  }

  

  div#quickstart div.thumb {

    float: left;

    text-align:center;

    width: 120px;

  

  }

    

  div#quickstart div.thumb p {

    text-align: center;

  }





div#footer{clear: both;margin-top: 10px}