/* Style sheet for Firefox Freemind site */
/* Created at 4pm on 18th Jan 2007 */
/* Last modified 4pm on 6th Feb 2007 */

/* Paddding - the distance between the words and border*/
/* Margin - distance betwen border and the next box*/


/* ---------- GENERAL ---------- */

/* Zeros the page padding and margins */
body {
  background-color : transparent ;
  margin           : 0%           ;
  padding          : 0%           ;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top      : 0% ;
}

/* Removes borders from around images*/
a:link img{
  border-style    : none ;
}

body {
  color             :  gray                         ;
  background-color  :  transparent                  ;
  font-family       :  Arial, "Century Gothic", AppleGothic, Arial,Helvetica,sans-serif    ;
}

#free {
  color            : black              ;
  display          : inline             ;
  }

#mind {
  color            : #99D14C            ; 
  font-size        : 80%                ;
  display          : inline             ; 
 }


/* ---------- GENERAL END ---------- */

/* ---------- FONTS ---------- */



/* ---------- FONTS END ---------- */


/* ---------- LISTS ---------- */

ol {
   list-style-type   : disc         ;
   color             : #99D14C      ; 
   }

ol.decimal {
    list-style-type  : decimal       ;
    font-weight      : bold          ;
    }

ul.disc {
   list-style-type     : disc          ;
   text-align          : left          ;
   list-style-position : outside       ;
   font-weight         : normal        ;
   }

ul.arrow {
   list-style-image : url('../images/arrow_bullet.jpeg') ;
   color             : #99D14C      ; 
   text-align        : left         ;
   }   
   
ul.email {
   list-style-image : url('../images/email.gif') ;
}

ul.phone {
   list-style-image : url('../images/phone.gif') ;
}

ul.mobile {
   list-style-image : url('../images/mobile.gif') ;
   }

ul.write {
   list-style-image : url('../images/write.gif') ;
   }

ul.alphalower {
   list-style-type : lower-alpha ;
   }


/* ---------- LISTS END ---------- */

/* ---------- TITLE HEADER ---------- */

#title_header { 
   height         : 100px              ;
   margin         : 10px 10px 0 10px         ;
   background     : transparent        ;
   }

/* ---------- TITLE HEADER END ---------- */

/* ---------- MAIN NAVIGATION ---------- */

#main_navigation {
   right          : 0px                 ;
   height         : 36px                ; 
   margin         : 5px 10px 0 10px     ;
   border-bottom  : 1px solid #D3D3D3   ; /*#D3D3D3*/
   background     : transparent ; 
   }

/* ---------- MAIN NAVIGATION END ---------- */


/* ---------- GIRL LAUGHING ---------- */

#girl_laughing {
   position       : absolute          ;
   top            : 10px  	          ; 
   right          : 10px               ;
   }

/* ---------- GIRL LAUGHING END ---------- */


/* ---------- CONTENT ---------- */  
  
   #content {
   margin             : 0px 10px 10px 10px   ;
   padding            : 0px                  ;
   background-color   : transparent          ;
   min-height         : 440px                ;
   overflow           : auto                 ;
   }

/* ---------- CONTENT END---------- */  

/* ---------- LEFT COLOUMN ---------- */
/* For two or three column layout */
#left_column {
    position         : absolute      ; 
	top              : 152px         ;
	left             : 0px           ;
    width            : 210px         ;
    height           : 424px         ;
	margin           : 0px 10px  0 10px ;
	padding          : 0px 0px 0px 0px  ;
	background-color : transparent   ; 
	}

/* ---------- LEFT COLOUMN END---------- */

/* ---------- LEFT CENTER COLOUMN ---------- */
/* For two column layout, big left column */
#left_centre_column {
   margin       : 0% 30% 0% 0%       ;
   padding      : 0% 2%              ;
   background   : transparent        ;
   border-right : 0.5px solid silver ;   
   min-height   : 405px              ;
	}

/* ---------- LEFT CENTRE COLOUMN END---------- */



/* ---------- CENTRE COLOUMN ---------- */  
/* For three column layout */
#centre_column {
   margin       : 0% 30% 0% 210px    ;
   padding      : 0% 2%              ;
   background   : transparent            ;
   border-left  : 0.5px solid silver ;
   border-right : 0.5px solid silver ;   
   min-height   : 405px              ;
  }

/* ---------- CENTRE COLOUMN END---------- */

/* ---------- CENTRE RIGHT COLUMN ---------- */  
/* For two column layout, big right column, small left */
#centre_right_column {
   margin       : 0% 10px 0% 210px   ;
   padding      : 0% 2%              ;
   background   : transparent        ;
   border-left : 0.5px solid silver ;   
   min-height   : 405px                ;
   }

/* ---------- CENTRE RIGHT COLUMN END---------- */

/* ---------- RIGHT COLOUMN ---------- */
/* For two or three column layout */
#right_column {
   position    : absolute           ;
   right       : 10px               ;
   top         : 152px              ;
   width       : 25%                ;  
   padding     : 0% 2%              ;
   background  : transparent        ;
   height      : 424px              ;
   overflow    : auto               ;
  }

/* ---------- END OF RIGHT COLOUMN ---------- */


/* ---------- MAIN NAVIGATION SYSTEM ---------- */

/*
List credits to A List Apart: http://www.alistapart.com/stories/taminglists/
*/


ul#mainnav {
	list-style-type  : disc               ;
	margin           : 0px 0px 0px 115px  ;
	padding          : 0px                ;
	}
	
		
ul#mainnav li {
	display          : inline      ;
    background-color : #D3D3D3     ; /*Light Gray - colour of each menu block */
	}

ul#mainnav li a {
	display          : inline             ;
	margin           : 0px 0px 0px 0px    ;
    padding          : 0px 1% 0px 1%  ;  /* this dictates the height of each menu item*/
 	border-left      : 1px solid 	#FFFFFF ; /*white*/
 	background-color : transparent          ; /* colour of each mainnav cell */
	font             : 11pt "century gothic", verdana, AppleGothic, Arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color            : #FFFFFF            ; /*white - colour of menu text */
	text-decoration  : none               ;
	width            : 96%                ; /* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	} 

/* What happens when you hover over menus */
ul#mainnav li a:hover {
	background-color : #99D14C   ;
	}
	
ul#mainnav li a:active, 
  #home            ul#mainnav li a.home,
  #about           ul#mainnav li a.about,
  #whatis          ul#mainnav li a.whatis,
  #resources       ul#mainnav li a.resources ,
  #contactus       ul#mainnav li a.contactus
    {
    background-color : #99D14C   ;
	color            : #FFFFFF   ; /* white */
	font-weight      : bold      ;
	}
	

	

/* ---------- END OF MAIN NAVIGATION SYSTEM ---------- */


/* ---------- FOOTER ---------- */

#footer { 
   bottom           : 0px                ;
   margin           : 10px 10px 0 10px   ;
   background-color : #99D14C            ;
   color            : white              ; 
   border-top       : 1px solid black    ;
   border-bottom    : 1px solid black    ;
   text-align       : center             ; 
   font-size        : 70%                ;
   
   }

/* ---------- FOOTER END ---------- */

/* ---------- ADVERT FREE SESSION ---------- */

#advert_free_session { 
   bottom           : 0px                ;
   margin           : 10px               ;
   background-color : #99D14C            ;
   color            : white              ; 
   text-align       : center             ; 
   font-size        : 80%                ;
   padding          : 1% 1% 4% 1%        ;
   }

/* ---------- ADVERT FREE SESSION END ---------- */

/* ---------- RESOURCE ADVERT ---------- */

#resource_advert { 
   bottom           : 0px                ;
   margin           : 10px               ;
   background-color : transparent        ;
   text-align       : center             ; 
   font-size        : 70%                ;
   padding          : 1%                 ;
   }

/* ---------- RESOURCE ADVERT END ---------- */

/* ---------- P RESOURCE ADVERT ---------- */

p.advert { 
   bottom           : 0px                ;
   margin           : 10px               ;
   padding          : 1%                 ;
   border-bottom    : 1px solid #99D14C  ;
   }

/* ---------- P RESOURCE ADVERT END ---------- */


/* ---------- ADVERT OTHER ---------- */

#advert_other { 
   bottom           : 0px                ;
   margin           : 10px               ;
   background-color : gray               ;
   color            : white              ; 
   text-align       : center             ; 
   font-size        : 70%                ;
   padding          : 1%                 ;
   }

/* ---------- ADVERT OTHER END ---------- */

/* ---------- OTHER STUFF ---------- */

#other_stuff { 
   bottom           : 0px                ;
   margin           : 10px               ;
   border           : 1px solid silver   ;
   font-size        : 80%                ;
   text-align       : center             ; 
   }

#other_stuff ol{ 
   text-align       : left           ; 
   }


/* ---------- OTHER STUFF END ---------- */

/* ---------- COACH LOGO ---------- */

#coach_logo { 
   bottom           : 0px                ;
   margin           : 0px 10px 0px 10px  ;
   border           : 1px solid silver   ;
   vertical-align   : middle             ;
   text-align       : center             ;
   }

/* ---------- COACH LOGO END ---------- */


/* ---------- SUNSET  ---------- */

#sunset {
 margin-top     : 50px            ; 
 border-top     : 1px solid silver ;
 border-bottom  : 1px solid silver ;
 font-size      : 80%              ;
 text-align     : right            ;   
 }
   
/* ---------- SUNSET END ---------- */

/*----------- ENQUIRY FORM ---------------- */

form {
   margin       : 0% 0% 0% 0%       ;
   padding      : 0% 0%             ;
   background   : transparent       ;
   color        : navy              ;
   }

#checkbox, #radio {
    position  : absolute;
    left      : 225px   ;   
    font-size : 70%     ;
    width     : 300px   ;
    }

form label {
  float        :  left   ;
  width        :  200px  ;
  font-size    :  70%    ;
  }

input[type="submit"] {
    position  : absolute;
    left      : 225px   ;   
    font-size : 70%     ;
    width     : 200px   ;
    border    : 1px solid groove ;
    }

input[type="text"] {
    background-color : #F5F5DC         ; /* Biege */
    border           : 1px inset black ;
    }
    
input.text {
    background-color : #F5F5DC         ; /* Biege */
    width            : 200px ;
    }
    
input.submit {
    font-size : 70%     ;
    width     : 200px   ;
    }    

form textarea {
    position         : absolute        ;
    left             : 225px           ;
    width            : 200px           ;
    cursor           : crosshair       ;
    background-color : #F5F5DC         ; /* Biege */
    overflow         : auto            ;
    }


#form_info_text {
   margin       : 100px 0px 0px 0px    ; 
   text-align   : center               ;
   padding      : 0px                  ;
   background   : transparent          ;
   color        : red                  ;
   min-height   : 305px                ;
   }


/* Form Error Text */
   
#form_error_text {
   float        : left                 ;
   margin       : 20px 0px 0px 200px   ; 
   width        : 200px                ;
   text-align   : center               ;
   padding      : 5px                  ;
   background   : transparent          ;
   color        : #000066              ;
   border       : 1px solid red        ;
   font-size    : 90%                  ;
   }

#form_error_text p {
   margin       : 10px 0 10px 30px   ;
   color        : red                ;
   text-align   : left               ;
   font-size    : 70%                ;
}


/*----------- ENQUIRY FORM END---------------- */




/*^^^^^^^^^^^^^^^^^^^^^^^^END^^^^^^^^^^^^^^^^^^^^^^^^^^^*/