/*** The Essential Code ***/

body 
   {
   min-width: 650px;   /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
   }

#container 
   {
   padding-left: 200px;   /* LC fullwidth */
   padding-right: 210px;   /* RC fullwidth + CC padding */
   }
   
#container .column 
   {
   position: relative;
   float: left;
   }
   
#center 
   {
   padding: 10px 20px;   /* CC padding */
   width: 100%;
   }
   
#left 
   {
   width: 180px;   /* LC width */
   padding: 0 10px;   /* LC padding */
   right: 240px;   /* LC fullwidth + CC padding */
   margin-left: -100%;
   }
   
#right 
   {
   width: 150px;   /* RC width */
   padding: 0 10px;   /* RC padding */
   margin-right: -100%;
   }
   
#footer 
   {
   clear: both;
   }
   
   /*** IE Fix ***/
   * html #left 
   {
   left: 150px;   /* RC fullwidth */
   }

   /*** Equal-height Columns ***/

#container 
   {
   overflow: hidden;
   }

#container .column 
   {
   padding-bottom: 1001em;   /* X + padding-bottom */
   margin-bottom: -1000em;   /* X */
   }

   /*** Footer Fix ***/

* html body 
   {
   overflow: hidden;
   }
   
* html #footer-wrapper 
   {
   float: left;
   position: relative;
   width: 100%;
   padding-bottom: 10010px;
   margin-bottom: -10000px;
   background: #FFF;   /*** Same as body background ***/
   }

   /*** Just for Looks ***/

body 
   {
   margin: 0;
   padding: 0;
   background: #FFF;
   font-family: Verdana, sans-serif;
   font-size: 0.75em;
   }

#header 
   {
   text-align: center;
   padding: 0.3em 0;
   background: #FFF;
   border-color: #CCF;
   border-width: 0 0 3px 0;
   border-style: solid;
   /* 
   background-image: url('surfer5.jpg');
   background-repeat: no-repeat;
   background-position: right;
   */
   }

   
   
#footer
   {
   background: #CCF;
   text-align: center;
   padding: 0.1em 0;
   border-color: #000;
   border-width: 0px;
   border-style: solid;
   background-image: url('surferback.jpg');
   background-repeat: repeat;
   }

#left 
   {
   background: #FFF;
   border-right-color: #CCF;
   border-right-width: 3px;
   border-right-style: solid;
   }

#center 
   {
   background: #FFF;
   }

#right 
   {
   background: #FFF;
   border-left-color: #CCF;
   border-left-width: 3px;
   border-left-style: solid;
   }

#container .column 
   {
   padding-top: 1em;
   text-align: left;
   }

h2.ctitle
   {
   padding: 0;
   margin: 0;
   font-weight:bold;
   text-align: center;
   font-size: 1.3em;
   }
   
p.linkHeader
   {
   padding: 0;
   margin: 0;
   font-weight:bold;
   text-align: center;
   font-size: 120%;
   color: #F44;
   }
   
p.navHeader
   {
   padding: 0;
   margin: 0;
   font-weight:bold;
   text-align: center;
   font-size: 120%;
   color: #F44;
   }
   
h1.heading
   {
   padding: 0;
   margin: 0;
   font-weight:bold;
   text-align: center;
   font-size: 1.7em;
   color: #F44;
   }
   
#center.column p
   {
   line-height: 165%;
   }   
li
   {
   padding-bottom: 0.6em;
   /* margin-left: -1em; */
   /* this is causing problems in IE */
   padding-left: 0em;
   line-height: 165%;
   }
   
li.current
   {
   font-weight: bold;
   font-size: 110%;
   }
   
#googleRight
   {
   margin: 5em 0em 2em 1em;
   }
   
#googleBottom
   {
   margin: 1em auto auto auto;
   text-align: center;
   }