/* CSS Document */
body {font-family: verdana, Arial, sans-serif, "Times New Roman"; color: #000000; background-color: #FFFFFF;}
/*====================================================== HEAD OF WEBPAGE====================================*/
/* Top Navigation Bar buttons */
#toplinks {background-color: #FFFFFF; color: #FFFFFF;
           font-weight: bold;
           padding: 1px;
		   white-space: nowrap;
		   text-align: center;
		   width: 135%;
          }

#toplinks a {margin-left: 10px;
             margin-right: 10px;
             margin-top: 0px;
			 padding: 1px;
             font-size: 0.70em;
			 background-color: #FFFFFF;
			 text-decoration: none;
			 width: auto;
			 }
#toplinks a:hover {color: #FF0000;
				   background-color: #00FF00;
				  }

/* For Visited Link */
.neutral {color: #FF0000;
		  background-color: #FFFFFF;
		  font-weight: bold;
		 }

/* Horozontal Rule */		 
.holozruler {border-top: 1px solid; border-color: #FF0000; margin-top: 10px; width: 135%;}

/* Logo */ 
#logo {margin-top: 10px; padding-top: 0.5px; width: auto;}				  
img.logo {float: left; width: 58px; height: 60px; overflow: hidden;}
img.paullogo {float: right; width: 38px; height: 60px; overflow: hidden;}
.logotext {text-align: center; font-size: 1.0em; margin: 0px; color: #000000; background-color: #FFFFFF;}

 /*====================================================== HOME PAGE ===================================================*/
 
/* Home pages intro boxes */					 
.introbox {height: 590px;
           width: 350px;
		   border-left: 1px solid;
		   padding-left: 40px; /* controls vertical spacing */
		   position: absolute;
		   top: 150px;
		   z-index: 1;
		   }
		  
#mctimoney {
            left: 50px;
			border: none;
		   }
		   
#acupressure {
              left: 470px;
			 }
		   
#lifeforce {
            left: 880px;
		   }

/*CONTAIN BOX CONTROLS THE WHITESPACE BEHIND THE INTRO BOXES */		   
#contain {height: 650px;
          width: 180%;
         }

/*Homepage Background box */
#background {height: 350px;
             width: 135%;
             padding: 10px;
			 border-top: 1px solid;
            }
			
/* Home page boxes content */
img.lifeforce {float: right; width: 96px; height: 90px; padding: 5px;  border: none; overflow: hidden;}
img.massage {float: left; width: 66px; height: 100px; padding: 5px; border: none; overflow: hidden;}
img.paul {float: left; width: 84px; height: 66px; padding-right: 10px; border: none;; overflow: hidden;}
img.waiting {float: right; width: 300px; height: 94px; padding-left: 10px; border: none; overflow: hidden;}
img.searchnz {width: 125px; height: 64px; border: 0px;}
img.exactseek {width: 88px; height: 31px; border: 0px;}
img.w3validate {width: 88px; height: 31px; border: 0px;}

h2.home {font-size: 0.90em; text-align: center; color: #000000; background-color: #FFFFFF;}

/* Text formatting */
h1 {font-size: 1.0em; text-align: center; color: #000000; background-color: #FFFFFF;}
h2 {font-size: 0.90em; text-align: center; color: #000000; background-color: #FFFFFF;}
h3 {margin-top: 0.5px; font-size: 18pt; text-align: center; padding-top: 15px; color: #1822CD; background-color: #FFFFFF;}
h4 {font-size: 0.95em; text-align: center; color: #000000; background-color: #FFF5EE;}
h5 {font-size: 0.90em; text-align: center; color: #000000; background-color: #FFF5EE;}
 
 /* Home page buttons */
div.homeweblinks  {margin-bottom: 30px; font-size: 0.90em; margin-left: 60px; margin-right: 0px;}
.homeweblinks p a {
               display: inline;
			   white-space: nowrap;
               text-align: center;
		       font-size: 0.95em;
			   color: #000000;
		       height: 0.5em;
			   border-style: solid;
			   border-width: 3px;
			   margin-top: 5px;
			   margin-bottom: 15px;
			   padding: 0.2em;
			   background-color: #FFCCFF;
 	   		   
			   font-weight: bold;
			   border-top-color: #EEEEEE;
			   border-left-color: #EEEEEE;
			   border-right-color: #AAAAAA;
			   border-bottom-color: #AAAAAA;
			  }

.homeweblinks p a {text-decoration: none;}

.homeweblinks p a:hover {background-color: #00FF00;
                            color: #1822CD;
					        font-weight: bold;
					        border-top-color: #666666;
			                border-left-color: #666666;
			                border-right-color: #CCCCCC;
			                border-bottom-color: #CCCCCC;
                           }
					  
.homeweblinks p a:active {
                             color: #FFFFFF;
						     background-color: #999999;
						     font-weight: bold;
						     border-top-color: #666666;
			                 border-left-color: #666666;
			                 border-right-color: #CCCCCC;
			                 border-bottom-color: #CCCCCC;
					        }

/*=========================== SUPPLEMENTARY LOBBY PAGE BOXES ==========================================*/

/* Supplementary Heading and Margin */
/* NOTE: Supphead and secondaryhead classes necessary because of large bottom margin in supphead page */
h3.supphead {font-size: 1.4em; margin-top: 0px; margin-bottom: 550px; white-space: nowrap; color: #1822CD; font-weight: bold; background-color: #FFFFFF;}
h3.secondaryhead {font-size: 1.4em; margin-top: 0px; margin-bottom: 0px; white-space: nowrap; color: #1822CD; font-weight: bold; background-color: #FFFFFF;}

/* Positioning of Supplementary page boxes */
.supp {position: absolute;
       z-index: 1;
	   top: 185px;
	   height: 400px;
       width: 250px;
	   background-color: #FFFFFF; color: #000000;
	   padding: 5px;
	   border-width: 7px;
	   border: 1px dashed;
	  }
/* Individual Supplementary Boxes positioning - left, middle and right */
#left {left: 50px;}
#middle  {left: 380px;}
#right {left: 710px;}		   


/*============================= SUPPLEMENTARY CONTENT PAGES =====================================*/

/* Supplementary content Page heading */
h3#secondarycontent {
             background-color: #FFF5EE; color: #000000;
			 margin-top: 0px;
			 margin-bottom: 30px;
			 margin-left: 20px; margin-right: 150px;
             padding: 10px;
			 border-style: double;
			 border-width: 7px;
			 border-top-color: #BBBBBB;
			 border-left-color: #BBBBBB;
			 border-right-color: #BBBBBB;
			 border-bottom-color: #BBBBBB;
            }
/* Content boxes */
#content {
             background-color: #FFF5EE; color: #000000;
			 margin-top: 20px;
			 margin-bottom: 50px;
			 margin-left: 20px; margin-right: 150px;
             padding: 10px;
			 border-style: double;
			 border-width: 7px;
			 border-top-color: #BBBBBB;
			 border-left-color: #BBBBBB;
			 border-right-color: #BBBBBB;
			 border-bottom-color: #BBBBBB;
            }

/* Heading of actual content pages */
h3.secondaryheadcontent {font-size: 1.2em; white-space: nowrap; color: #1822CD; background-color: #FFF5EE;}
			
/*==================== VERTICAL NAVIGATION BAR ======================================*/

/* McTimoney Pages */
#mctimoney-vertical-nav     {
                             position: absolute;
		                     z-index: 1;
                             top: 190px;
  		                     right: 15px;
		                     width: 120px;
		                     height: 800px;
		                     padding-top: 5px;
							 border: 0px;
                             color: #000000; 
			                 background-color: #FFFFFF;
		                     text-align: center;
		                     clear: both;
		                    }
		  
#mctimoney-vertical-nav p   {
                             font-size: 0.65em;
							 text-align: center;
			                 margin: 10px;
			                 padding-top:5px;
			                 padding-bottom: 5px;
							 background-color: #EEEEEE;
			                 border-color: #777777;
			                }

#mctimoney-vertical-nav a   {text-decoration: none;}

#mctimoney-vertical-nav a:hover {background-color: #00FF00;
                                 color: #1822CD;
                                }

/* Acupressure On-Site Pages */
#acupressure-vertical-nav     {
                               position: absolute;
		                       z-index: 1;
                               top: 190px;
  		                       right: 15px;
		                       width: 120px;
		                       height: 650px;
		                       padding-top: 5px;
							   border: 0px;
                               color: #000000; 
			                   background-color: #FFFFFF;
		                       text-align: center;
		                       clear: both;
		                      }
		  
#acupressure-vertical-nav p   {
                               font-size: 0.65em; 
                               text-align: center;
			                   margin: 10px;
			                   padding-top:5px;
			                   padding-bottom: 5px;
			                   background-color: #EEEEEE;
			                   border-color: #777777;
			                  }

#acupressure-vertical-nav a   {text-decoration: none;}

#acupressure-vertical-nav a:hover {background-color: #00FF00;
                                   color: #1822CD;
                                  }

/* Life Force Page */
#lifeforce-vertical-nav       {
                               position: absolute;
		                       z-index: 1;
                               top: 190px;
  		                       right: 15px;
		                       width: 120px;
		                       height: 850px;
		                       padding-top: 5px;
							   border: 0px;
                               color: #000000; 
			                   background-color: #FFFFFF;
		                       text-align: center;
		                       clear: both;
		                      }
		  
#lifeforce-vertical-nav p     {
                               font-size: 0.65em; 
                               text-align: center;
			                   margin: 10px;
			                   padding-top:5px;
			                   padding-bottom: 5px;
			                   background-color: #EEEEEE;
			                   border-color: #777777;
			                  }

#lifeforce-vertical-nav   a   {text-decoration: none;}

#lifeforce-vertical-nav   a:hover {background-color: #00FF00;
                                   color: #1822CD;
                                  }
								  
.navhead {font-size: 0.65em; color: #FF0000; background-color: #FFFFFF;  margin: 0px;}
.navitem {font-size: 0.60em; font-weight: bold; color: #000000; background-color: #FFFFFF; margin: 0px;}

/* ======================================= GENERAL FOR ENTIRE WEBSITE =================================== */
/*Text Formatting*/
p {font-size: 0.95em; text-align: left;}

/* BOTTOM NAVIGATION LINKS */
div#bottom-navigation  {font-size: 0.65em;
                        text-align: center; 
						border-top: 1px solid;
						padding-top: 20px;
						margin-left: 150px; 
						margin-right: 20px; 
					    }  

div#bottom-navigation  a {text-decoration: none;}

div#bottom-navigation  a:hover {
                                background-color: #00FF00;
                                color: #1822CD;
	                           }
#first {margin: 0px; padding-bottom: 10px;}
#second {margin: 0px;}

/* Lists formatting */
li {font-size: 0.85em;
    margin-top: 20px;
	color: #000000; background-color: #FFF5EE;
   }

/* Definition lists formatting */   
dl {color: #000000; background-color: #FFF5EE;
    font-size: 0.85em;
	text-align: justify;
	}
dt {margin-top: 10px;}
dd {margin-top: 5px;}
 
 
 /* For button effects applied to entire website */
div.weblinks  {margin-bottom: 30px; font-size: 0.90em; margin-left: 30px;}
.weblinks p a {
               display: inline;
			   white-space: nowrap;
               text-align: center;
		       font-size: 0.85em;
			   color: #000000;
		       height: 0.5em;
			   border-style: solid;
			   border-width: 3px;
			   margin-top: 0px;
			   margin-bottom: 0px;
			   padding: 0.2em;
			   background-color: #FFCCFF;
 	   		   
			   font-weight: bold;
			   border-top-color: #EEEEEE;
			   border-left-color: #EEEEEE;
			   border-right-color: #AAAAAA;
			   border-bottom-color: #AAAAAA;
			  }

.weblinks p a {text-decoration: none;}

.weblinks p a:hover {background-color: #00FF00;
                            color: #1822CD;
					        font-weight: bold;
					        border-top-color: #666666;
			                border-left-color: #666666;
			                border-right-color: #CCCCCC;
			                border-bottom-color: #CCCCCC;
                           }
					  
.weblinks p a:active {
                             color: #FFFFFF;
						     background-color: #999999;
						     font-weight: bold;
						     border-top-color: #666666;
			                 border-left-color: #666666;
			                 border-right-color: #CCCCCC;
			                 border-bottom-color: #CCCCCC;
					        }

/* Hover over plain links */
a {text-decoration: underline;}
a:hover {
          color: #000000;
          background-color: #00FF00;
        }

/* To Top Button */
#totop {font-size: 10pt; color:#000000; background-color: #FFF5EE;}

/* To create a border around text for highlighting */
.border {border: 1px dotted;
         padding: 7px;
		 text-align: center;
        }
		
span {font-size: 10pt; color: #FF0000; background-color: #FFF5EE;}
