﻿@charset "utf-8";
/* © Copyright 2007 DR. PAUL CROWE
--------------------------------*/

/*--------------------------------

CONTENTS

Navigate to the applicable region
using the following headers as a
placeholder.

=MASTHEAD
=MENU
=CONTENT
=PANEL
=SECONDARY MENU
=SITEMAP
=FOOTER
=FEATURED
=SWAPPER

COLOURS

Blue-grey header           #556677
Main window grey	   #666666
Border grey		   #333333
Anchor link grey	   #444444
Secondary menu grey        #778899
Blue			   #0072ff
Form grey		   #ffffee
Form border grey           #999999

--------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #666;
  color: white;
  margin: 40px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

h1 { display: none; }

h2 {
  color: #567;
  background-color: inherit;
  text-transform: uppercase;
  font-size: 110%;
  margin-bottom: 1.5em;
}

h3 {
  color: #567;
  background-color: inherit;
  /*text-transform: uppercase;*/
  font-size: 105%;
  margin: 1.5em 0;
}

p, li {
  color: #567;
  background-color: inherit;
  font-size: 100%; 
}

p { margin-bottom: 1.5em; }

a:link {
  color: #444;
  background-color: inherit;
} 

a:visited {
  color: #567;
  background-color: inherit;
}

a:hover {
  color: black;
  background-color: inherit;
  text-decoration: underline;
}

/* Structural identifiers */
/* ---------------------- */

  div#container {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 2px;
    background-color: white;
    color: #567;
    border: 1px solid #333;
  }

    /* =MASTHEAD
    ----------*/

    div#container div#masthead {
      width: 760px;
      height: 142px;
      background: url("/media/3e5b64335183416b93052777aebfd521.jpg") no-repeat bottom left;
      text-align: left;
    }

      div#container div#masthead #logo {
        margin: 20px 0 0 480px;
      }

    /* =MENU
    ------*/
  
    div#container #primaryMenu {
      width: 760px;
      height: 22px;
      background: url("/media/096c9cfe09a84facb9da498a99af77e3.jpg") no-repeat top left;
    }

        div#container #primaryMenu ul.menu {
          width: 610px;
          margin: 0 22px 0 128px;
        }
  
          div#container #primaryMenu ul.menu a:link, #primaryMenu ul.menu a:visited {
            color: #333;
            background-color: transparent;
            font-weight: bold;
            text-decoration: none;
            display: block;
            height: 22px;
            width: 100%;
          }

          div#container #primaryMenu ul.menu a:hover, div#container #primaryMenu ul.menu a:active {
            color: white;
            background-color: inherit;
          }
  
          #primaryMenu ul.menu li {
            color: #333;
            background-color: inherit;
            font-size: 75%;
            text-transform: uppercase;
            height: 22px;
            list-style: none;
            display: block;
            float: left;
          }
	
            #primaryMenu ul.menu li a:link, #primaryMenu ul.menu li a:visited {
              border-bottom: none;
            }
	
            #primaryMenu ul.menu li.home, #primaryMenu ul.menu li.home_selected {
              width: 55px;
              line-height: 2em;
              text-align: center;
              background: url("/media/b52e6897fc32441e9338da090a2c7077.png") no-repeat;
            }
	  
              #primaryMenu ul.menu li.home_selected {
                background: url("/media/7c23e1d9ed0049c58d1d78bdc784bcd7.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.home a:hover {
                background: url("/media/0d1e20360db14a38807917fcbf5ff2f1.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.services, #primaryMenu ul.menu li.services_selected {
                width: 81px;
                line-height: 1.5em;


                text-align: center;
                background: url("/media/3405e8417f03403bab96197e5de78191.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.services_selected {
                background: url("/media/8be59b0271974e509483a03151f2c716.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.services a:hover {
                background: url("/media/52a53d47348c4e9e9423173f41ec6298.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.whats-new, #primaryMenu ul.menu li.whats-new_selected {
                width: 105px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/50455c1510a448619078c81cc055182a.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.whats-new_selected {
                background: url("/media/ed1be457eb994f06a9e574441432bd5c.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.whats-new a:hover {
                background: url("/media/4c2176428a634fa49370c95bb8c5d247.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.downloads, #primaryMenu ul.menu li.downloads_selected {
                width: 99px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/9552c0062c8c4e689ac53eed759e1dcb.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.downloads_selected {
                background: url("/media/9ea25da9c5dc4457abc786f5cc730e99.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.downloads a:hover {
                background: url("/media/c594b97f48394c76b2480714b02aeb4f.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.links, #primaryMenu ul.menu li.links_selected {
                width: 55px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/b03328bdd4d94c15a5adf116e5b1780e.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.links_selected a:link, #primaryMenu ul.menu li.links_selected a:visited {
                background: url("/media/45805dedac38410cbc19ab5cfe9a5a5d.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.links a:hover {
                background: url("/media/05df2ded812c491db95e6c10b29d938f.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.overseas, #primaryMenu ul.menu li.overseas_selected {
                width: 137px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/4d7798ff6a474cbe909ab5e974577b1a.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.overseas_selected a:link, #primaryMenu ul.menu li.overseas_selected a:visited {
                background: url("/media/1454a0c04ee844d1a9b1c82115c20acc.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.overseas a:hover {
                background: url("/media/139e02db4f29458694912394a0696770.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.contact, #primaryMenu ul.menu li.contact_selected {
                width: 78px;
                line-height: 1.5em;
                text-align: center;
                background: url("/media/9e4e7a4acf3540ce8d5be2c9001d871b.png") no-repeat;
              }
	  
              #primaryMenu ul.menu li.contact_selected a:link, #primaryMenu ul.menu li.contact_selected a:visited {
                background: url("/media/2049175ed2ef454596561b024533a890.png") no-repeat;
                color: white;
              }
		
              #primaryMenu ul.menu li.contact a:hover {
                background: url("/media/a7f0fb608f4e4dc5a0e976e299e6603a.png") no-repeat;
                color: white;
                background-color: transparent;
              }
		
              #primaryMenu ul.menu li.home_selected a,
              #primaryMenu ul.menu li.services_selected a,
              #primaryMenu ul.menu li.whats-new_selected a,
              #primaryMenu ul.menu li.services_selected a,
              #primaryMenu ul.menu li.downloads_selected a,
              #primaryMenu ul.menu li.links_selected a
              #primaryMenu ul.menu li.overseas_selected a 
              #primaryMenu ul.menu li.contact_selected {
                color: white;
              }

  /* =PANEL
  -------*/
		
  #panelDetail {
    width: 760px;
    height: 24px;
    background: url("/media/95a839d3648b49a7b4ed39b324046aff.gif") no-repeat;
  }

  /* =SECONDARY MENU
  ----------------*/

  #secondaryMenu {
    position: relative;
    left: 0;
    width: 180px;
    margin: 0 10px 22px 0;
    padding-top: 6px;
    background-color: #789;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    float: left;
  }

    #secondaryMenu ul.menu {
      margin: 11px;
    }

      #secondaryMenu ul.menu a:link {
        text-decoration: none;
      }

      #secondaryMenu ul.menu a:visited {
        text-decoration: none;
      }

      #secondaryMenu ul.menu a:hover {
        text-decoration: underline;
      }

      #secondaryMenu ul.menu a:active {
        text-decoration: underline;
      }
  
      #secondaryMenu ul.menu li {
        background-color: inherit;
	color: white;
	margin: 11px 0;
	padding-bottom: 11px;    
	width: 156px;
	font-size: 95%;
	list-style: none;
	border-bottom: 1px dotted white;
      }
	
 	  #secondaryMenu ul.menu li a {
	    color: white;
	    border-bottom: none;
	  }
	
	    #secondaryMenu ul li ul li a {
	      color: white;
	      border-bottom: none;
	      font-size: 105%;
	    }
	
	  #secondaryMenu ul.menu li ul {
	    margin-left: 15px;
            margin: 0;
	  }
	  
	  #secondaryMenu ul.menu li ul li {
	    position: relative;
	    top: 4px;
	    left: 4px;
	    width: 115px;
	  }
	  
	  #secondaryMenu ul.menu li ul li.openMRI, #secondaryMenu ul.menu li ul li.openMRI_selected {
	    font-size: 105%;
	  }
	  
	    #secondaryMenu ul.menu li ul li {
              background: url("/media/896d88444e5e4a368ad5b015eafe4027.gif") no-repeat top left;
              margin-left: 0;
              padding-left: 18px;
              padding-bottom: 5px;
              border-bottom: none;
           }
		
           #secondaryMenu ul.menu li ul li ul {
             margin: 0 0 -10px 0;
           }
		
             #secondaryMenu ul.menu li ul li ul li {
               font-size: 90%;
             }

/* =CONTENT
---------*/
		
.content {
  position: relative;
  left: 0;
  width: 321px;
  margin: 10px 10px 10px 0;
  float: left;
  text-align: left;
}

.content.form {
 width: 521px;
}

#powerPanel {
  position: relative;
  left: 0;
  width: 236px;
  margin: 0 1px 0 0;
  float: left;
  text-align: left;
}
	  
  #image-01, #image-02 {
    width: 222px;
  }
  
    #image-01 img {
	     margin-top: 2px;
      border: 7px solid #0072ff;
    }
	
    #image-02 img {
      border: 7px solid #789;
    }
				
  #image-02 {
    position: relative;
    left: 0px;
    margin: 0 1px 22px 0;
    float: left;
  }
  
#broad {
  width: 760px;
  clear: both;
  text-align: left;
}

  #broad .content {
    width: 512px;
    margin: 2px 10px 22px 0;
  }

/* =SITEMAP
--------*/

 #sitemap {
  margin: 22px 1px 0 1px;
  padding: 20px;
  min-height: 200px;
  background: #cce3ff;
  text-align: left;
  clear: both;
 }

  #siteTitle h2 {
   color: #0072ff;
   width: 150px;
   height: 150px;
   display: block;
   float: left;
   font-size: 2.5em;
   text-transform: none;
  }

  #sitemap h3 {
   margin: 15px 0 0;
   color: #0072ff;
   text-transform: none;
  }

  #sitemap dd {
   line-height: 1.5em;
  }

  #sitemap a {
   color: black;
   text-decoration: none;
  }

  #sitemap a:hover {
   text-decoration: underline;
  }

  .siteContent {
   float: left;
   width: 190px;
  }

/* =FOOTER
--------*/
  
#footer {
  width: 748px;
  padding: 5px;
  clear: both;
  margin: 3px 1px 1px 1px;
  background-color: #0072ff;
  color: white;
}

  #footer p {
    color: white;
    background-color: inherit;
    font-size: 75%;
    margin-bottom: 0;
  }

/* Form identifiers
-----------------*/

fieldset {
  border: 1px solid #999;
  width: 100%;
}

table:hover, fieldset:hover {
  background-color: #eef;
  color: inherit;
}

legend {
  font-weight: bold;
}

label {
  font-weight: normal;
}

input {
  border: 1px solid #789;
  color: #333;
  background-color: inherit;
}

input:focus, textarea:focus, select:focus {
  background-color: #ffc;
  color: inherit;
}

select {
  color: #333;
  background-color: inherit;
}

textarea {
  width: 160px;
  border: 1px solid #789;
}

.content.form textarea {
  width: 320px;
}

.cancel, .submit {
  width: 50px;
  margin-right: 2px;
}

.submit {
 float: left;
}

.cancel {
 float: right;
 margin-right: 250px;
}

.error { padding: .8em; margin-bottom: 1em; background: #FBE3E4; color: #D12F19; border: 2px solid #FBC2C4; }
.error ul { list-style: none; }
.error p, .error li { color: #D12F19; }
.error p { font-weight: bold; }

.content.form p {
  font-weight: bold;
}

/* Content Features
-----------------*/

.alignLeft {
  float: left;
  margin: 40px 5px 10px 0;
}

.alignRight {
  float: right;
  margin: 40px 0 10px 5px;
}

#secondaryMenu ul.menu li.fibroid {
  font-size: 95%;
  font-weight: bold;
}

/* =FEATURED
----------*/

.featured {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #789;
  margin-bottom: 2px;
}

.featured h3 {
  font-size: 120%;
  width: 100%;
  background-color: #789;
  color: white;
  padding: 5px 0;
  margin: 0;
  text-align: center;
}

.featured p {
  width: 224px;
  margin: 5px 0 5px 4px;
}

.featured p a:link, .featured p a:visited {
  display: block;
  width: 212px;
  border: 1px solid #789;
  text-decoration: none;
  background-color: #0072ff;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}

/* =SWAPPER
------------*/
 	
div.textSwapper {
  width: 236px;
  margin: 3px 0;
}
  
  div.textSwapper div.header {
    width: 24px;
    float: left;
    height: 138px;
				position: relative;
				left: 1px;
				z-index: 2;
  }
		
    div.textSwapper div.header ul.swapLinks {
      list-style: none;
      height: 138px;
    }
				
      div.textSwapper div.header ul.swapLinks li.swapLink {
        display: block;
        width: 24px;
        height: 89px;
      }
						
        div.textSwapper div.header ul.swapLinks li.swapLink a, div.textSwapper div.header ul.swapLinks li.swapLink_selected a {
          display: block;
          height: 89px;
          width: 24px;
          border-bottom: none;
        }
								
          div.textSwapper div.header ul.swapLinks li.swapLink a span,
          div.textSwapper div.header ul.swapLinks li.swapLink_selected a span {
            display: none;
          }
								
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkA.swapLink a,
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkB.swapLink a  {
              background: url("/media/3cdd53964bcc4d168802fa882a367a49.gif") no-repeat;
            }
										
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkA.swapLink_selected a,
            div.textSwapper div.header ul.swapLinks li#mod_testimonial_prv0_testimonial_0_lnkB.swapLink_selected a  {
              border-bottom: none;
              background: url("/media/0d3dde3654b04c85857c91b1edde3e1a.gif") no-repeat;
            }
						
  div.textSwapper div.content {
    height: 230px;
    width: 137px;
    float: left;
    border: 1px solid #999;
    clear: none;
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    margin: 0; padding: 30px 10px 30px 60px;
    background: url("/media/02be2697e89e424b9fb2c447e511d72c.gif") no-repeat left #ddd;
				z-index: 1;
  }
				
				div.textSwapper div.content p { margin: 0; padding: 0 0 1em 0; word-wrap: break-word }
				
				div.textSwapper div.content address { padding: 0; font-style: normal; text-align: left; font-family: Arial, Helvetica, sans-serif; }
				
				
				
/* End of textSwapper
-------------------*/

.backToTop {
  font-size: 75%;
  text-transform: uppercase;
  margin-top: 1.5em;
}

.cms_module {
  margin-bottom: 1.5em;
}

.news_clear {
 clear: both;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}