/* HTC STYLES - WEB SITE version 2.0 - 12 August 2008                 */
/* ------------------------------------------------------------------ */

/* FOR THE WHOLE PAGE, TO RESET THE READERS DEFAULTS                  */
/* layout based on fixed frame to fit within 800 x 600 nom screen     */
/* allow for browser heading and frame etc, 760 x 500 nom             */

body      {font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #000000;                                    /* black */
          background-color: #000000;                         /* black */
                                     /* outside webpage 760 x 500 nom */
          padding: 0px 0px 0px 0px;
          margin: 0px 0px 0px 0px;}

/* STYLES FOR HEADINGS                                                */

h1, h2, h3 {margin: 0px; color: #000000;}                    /* black */

/* ------------------------------------------------------------------ */

/* STYLES FOR PARAGRAPHS                                              */

p         {margin-top: 0px; margin-bottom: 5px;} 
p.ital    {margin-top: 0px; margin-bottom: 5px;
          font-size: 10px; font-style: italic;}    /* italicised para */
p.footer  {border-top: 1px solid #000000;                    /* black */
          font-size: 10px;} 

/* navigation list buttons formats                                    */

p.nav1    {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; 
          padding-left: 0px; 

          border-top: 1px solid #ffffff;                     /* white */
          text-decoration: none; 
          font-size: 11px; font-weight: bold;} 

/* contents paragraph formats                                         */

p.list1   {margin-top: 6px; margin-bottom: 0px; margin-left: 0px;
          font-size: 15px; color: #669900;            /* middle green */
          font: bold;}                                  /* subheading */
p.list2   {margin-top: 0px; margin-bottom: 5px; margin-left: 20px;
          font-size: 12px}                    /* inset body paragraph */
p.list3   {margin-top: 0px; margin-bottom: 5px; margin-left: 20px;
          font-size: 10px; font-style: italic;}    /* inset ital para */
p.list4   {margin-top: 0px; margin-bottom: 5px; margin-left: 60px;
          font-size: 10px; font-style: italic;}  /* 3xinset ital para */

/* paragraph format enclosed in box                                   */

p.boxed   {padding: 3px;
          border: 1px solid #999966;                    /* pale green */
          margin-top: 5px; margin-bottom: 5px;
          margin-left: 0px; margin-right: 0px;
          background-color: #f5f5dc;}                        /* beige */

/* ------------------------------------------------------------------ */

/* STYLES FOR IMAGES                                                  */

img.left  {float: left; padding-right: 10px} 
img.right {float: right; margin-left: 10px} 
img.centre {align=center;}            /* used for gallery photographs */
img.logo  {padding: none}
img.box   {align=center;}

/* ------------------------------------------------------------------ */

/* FOR THE WHOLE PAGE INSIDE div "CONTAINER"                          */
/* sets whole page width 760 plus narrow border                       */
/* sets background within page                                        */
/* sets whole page height                                             */

#container {margin: 1px auto 0px auto;
          width: 762px;
          height: 470px;
          border: 1px solid #ffffff;                         /* white */
          background-color: #ffffff;}                        /* white */

/* ------------------------------------------------------------------ */

/* FOR THE TOP SECTION INSIDE div "HEADER"                            */

#header   {text-align: center;
          width: 760px;
          background-color: #000000;}                        /* black */

/* ------------------------------------------------------------------ */

/* FOR THE TOP NAVIGATION BAR INSIDE div "NAV-BAR"                    */
/* keep div padding-right, li margin-left and li padding left same px */
/* (this will keep the text and dividers evenly spaced along the bar) */

#nav-bar  {border: 1px solid #000000;                        /* black */
          font-style: normal; font-weight: bold;
          text-decoration: none;
          text-align: right;
          width: 760px;
          color: #ffffff;                               /* white text */
          background-color: #000000;                         /* black */
          padding-right: 18px;
          padding-bottom: 4px; padding-top: 1px;}

#nav-bar li {display: inline;
          border-left: 1px solid #9acd32;  /* divide line yellowgreen */
          color: #ffffff;                               /* white text */
          margin-top: 0px; margin-bottom: 0px;
          margin-left: 17px; margin-right: 0px;
          padding: 0px 0px 0px 18px;}


/* Body class style navigation bar current page highlight             */
/* one body class for each of the items in the navigation bar         */
/* all pages to be in one of the body classes                         */

body.home a.home, 
body.going a.going, 
body.been a.been, 
body.more a.more, 
body.contact a.contact 
         {background: #000000;                               /* black */
         border: 1px solid #9acd32;}                   /* yellowgreen */


/* navigation bar styles for anchor/links                             */

#nav-bar li a:link
          {color: #ffffff;                                   /* white */
          text-decoration: none; font-weight: bold}
#nav-bar li a:visited
          {color: #ffffff;                                   /* white */
          text-decoration: none; font-weight: bold} 
#nav-bar li a:focus
          {color: #9acd32;                             /* yellowgreen */
          text-decoration: none; font-weight: bold}   
#nav-bar li a:hover
          {color: #9acd32;                             /* yellowgreen */
          text-decoration: none; font-weight: bold}
#nav-bar li a:active
          {color: #9acd32;                             /* yellowgreen */
          text-decoration: none; font-weight: bold} 

/* ------------------------------------------------------------------ */

/* FOR THE LEFT NAVIGATION LIST INSIDE div "NAV-L"                    */
/* adjust height to overall page fit to 760 x 500 nom                 */

#nav-l    {border: 2px solid #9acd32;                  /* yellowgreen */
          position: relative;
          float: left;
          width: 100px;
          height: 315px;
          text-align: left;
          margin-left: 0px;
          margin-right: 5px;
          margin-top: 0px;
          margin-bottom: 10px;
          background-color: #9acd32;}                  /* yellowgreen */

#nav-l a  {display: block;
          padding: 5px;
          text-decoration: none;
          text-align: left;}

/* navigation list styles for anchor/links                            */

#nav-l p a:link
          {color: #000000;                                   /* black */
          background-color: #9acd32;                   /* yellowgreen */
          text-decoration: none; font-weight: bold}
#nav-l p a:visited
          {color: #000000;                                   /* black */
          background-color: #9acd32;                   /* yellowgreen */
          text-decoration: none; font-weight: bold}
#nav-l p a:focus
          {color: #ffffff;                                   /* white */
          background-color: #9acd32;                   /* yellowgreen */
          text-decoration: none; font-weight: bold}
#nav-l p a:hover
          {color: #ffffff;                                   /* white */
          background-color: #9acd32;                   /* yellowgreen */
          text-decoration: none; font-weight: bold}
#nav-l p a:active
          {color: #ffffff;                                   /* white */
          background-color: #9acd32;                   /* yellowgreen */
          text-decoration: none; font-weight: bold}

/* ------------------------------------------------------------------ */

/* SHELL CONTAINING CONTENT (MAIN PART OF PAGE) INSIDE div "SHELL"    */
/* adjust width to max fit overall page 760 nom without horiz scroll  */

#shell    {padding: 0px;
          float: left;
          width: 655px;
          text-align: left;} 

/* set the shell to scroll for longer sections                        */
/* controls the height of the scrolling section                       */
/* adjust height to overall page fit to 760 x 500 nom                 */

#shell    {height: 325px;                      
          overflow: auto;}

/* FOR THE SHELL CUSTOMISED SCROLL BAR                                */
/* Select colours to suit webpage style                               */

#shell    {scrollbar-face-color: #f5f5dc;                    /* beige */
          scrollbar-shadow-color: #669900;            /* middle green */
          scrollbar-highlight-color: #dddddd;           /* light grey */
          scrollbar-3dlight-color: #ffffff;                  /* white */
          scrollbar-darkshadow-color: #ffffff;               /* white */
          scrollbar-track-color: #ffffff;                    /* white */
          scrollbar-arrow-color: #669900;}            /* middle green */

/* ------------------------------------------------------------------ */

/* FOR THE CONTENT (MAIN PART OF PAGE) INSIDE div "CONTENT"           */
/* width to max fit overall page 760 nom without horizontal scroll    */

#content  {padding: 0px;
          float: left;
          width: 620px;
          margin-top: 5px;
          margin-bottom: 5px;
          margin-left: 5px;
          margin-right: 5px;
          text-align: left;
          background-color: #ffffff;}                        /* white */

/* content styles for anchor/links */

#content a:link
          {color: #669900;}                           /* middle green */
#content a:visited
          {color: #669900;}                           /* middle green */
#content a:focus
          {color: #000000;}                                  /* black */
#content a:hover
          {color: #000000;}                                  /* black */
#content a:active  
          {color: #000000;}                                  /* black */

/* ------------------------------------------------------------------ */

/* FOR THE BOX (IMPACT BOX) INSIDE div "BOX"                          */

/* Height changed 6 Aug 10 from #box height: 140px to height: 175px   */
/* to give more space on the home page impact boxes                   */
/* image size inside box increased from 183x85 to 183x120             */

#box      {padding: 0px 0px 0px 0px;
          border: 15px solid #f5f5dc;                        /* beige */
          float: left;
          width: 213px;
          height: 175px;
          margin-top: 0px;
          margin-bottom: 0px;
          margin-left: 1px;
          margin-right: 0px;
          background-color: #ffffff;}                        /* white */

/* impact box paragraph on home page formats                          */

p.box-h   {padding: 3px 10px 4px 10px;
          margin-top: 0px; margin-bottom: 0px;
          margin-left: 0px; margin-right: 0px;
          text-align: left;
          color: #ffffff;  font-weight: bold;                /* white */
          background-color: #000000;   }                     /* black */
p.box-b   {padding: 5px 8px 5px 8px;
          font-size: 11px;
          margin-top: 0px; margin-bottom: 0px;
          margin-left: 0px; margin-right: 0px;
          color: #000000;}                                   /* black */

/* box styles for anchor/links                                        */

#box a:link
          {color: #669900;                            /* middle green */
          font-weight: bold}
#box a:visited
          {color: #669900;                            /* middle green */
          font-weight: bold}
#box a:focus
          {color: #000000;                                   /* black */
          font-weight: bold}
#box a:hover
          {color: #000000;                                   /* black */
          font-weight: bold}
#box a:active
          {color: #000000;                                   /* black */
          font-weight: bold}

/* ------------------------------------------------------------------ */

/* FOR THE GALLERY IMAGES INSIDE div "GALLERY"                        */
/* picture gallery pages only */
/* width to max fit overall page 760 nom without horizontal scroll    */
/* set height to allow square image (insert 148 x 148)                */

#gallery  {padding: 0px 0px 0px 0px;
          float: left;
          width: 148px;
          height: 167px;
          margin-top: 0px;
          margin-bottom: 10px;
          margin-left: 5px;
          margin-right: 5px;
          background-color: #ffffff;}                        /* white */

/* title on gallery images */

p.box-g  {padding: 0px 0px 2px 0px;
          margin-top: 0px; margin-bottom: 0px;
          margin-left: 0px; margin-right: 0px;
          font-size: 10px; font-style: italic;
          text-align: center;
          color: #000000;                                    /* black */
          background-color: #ffffff;}                        /* white */

/* ------------------------------------------------------------------ */

/* FOR THE FOOTER INSIDE div "FOOTER"                                 */

#footer   {padding: 0px 10px 0px 10px;
          width: 760px;
          clear: both;
          text-align: left;
          margin-top: 5px;}

#footer p {padding-top: 3px;
          padding-bottom: 0px;
          margin: 5px 0px 5px 0px;}

/* footer styles for anchor/links                                     */

#footer p a:link
          {color: #669900;}                           /* middle green */
#footer p a:visited
          {color: #669900;}                           /* middle green */
#footer p a:focus
          {color: #000000;}                                  /* black */
#footer p a:hover
          {color: #000000;}                                  /* black */
#footer p a:active  
          {color: #000000;}                                  /* black */

/* ------------------------------------------------------------------ */
/* B McL Robinson 12 August 2008 - end of file                        */