/* Defines standard body text with sans-serif fonts. 
Zero margins, so no white border around. */
body
{
	color: #004692;
	background-color: #A0D9CF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
}

/* Sets all margins and padding initially to zero. */
* {margin:0; padding:0;}

/* Defines standard paragraphs with sans-serif fonts. */
p
{
	color: #004692;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 20px 10px 10px;
}

/* Defines bold text in paragraph. */
.p_bold
{
	color: #004692;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

/* Defines paragraph under staff images. Different margin than normal p style.*/
.p_staff
{
	color: #004692;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 20px 10px 0px;
}

/* Defines address section below navigation. */
.p_address
{
	color: #FF8B0F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 0px;
	margin-bottom: 3px;
}

/* Defines header in content. Bold and bigger font size. */
h1
{
	color: #004692;
	background-color: inherit;
	margin: 0 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

/* Defines header right column. Background colour green. 
Padding left to indent. No left and right margin. */
h2
{
	color: #004692;
	background-color: #41B39F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Defines header in Whats New section in bold. */
h3
{
	color: #004692;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-weight: bold;
	margin: 0px;
}

/* Defines sub head in content. Bold and bigger font size. */
h4
{
	color: #004692;
	background-color: inherit;
	margin: 0 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* Defines heading under h4 subheading. Again smaller than h4. */
h5
{
	color: #004692;
	background-color: inherit;
	margin: 0 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* List with same style as p and circle. */
li
{
	list-style-type: circle;
	color: #004692;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0 20px 10px 30px;
}

/* For lisat itmes inside rightcolumn (i.e. whats new). Different margin and font size. */
.rightcolumn li
{
	margin: 0 10px 5px 15px;
	font-size: 100%;
}

/* Container wraps around all content, with fixed width and centres the layout. */
.container
{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/* Header with fixed height. */
.header
{
	background-color: #41B39F;
	color: inherit;
	height: 60px;
	background-image: url(../images/Header_Waves_550_web.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* Display block for correct display in IE6 WIN on header images*/
.img_header_block 
{ 
	display: block; 
}

/* Container for top nav bar. Background light blue, 
floating left, but left padding 210px. Smaller font. 
Margin 0 to join with header.*/
#navcontainer
{
	background-color: #004692;
	color: white;
	padding: 0.2em 0 0.3em 210px;
	margin: 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 550px;
}

/* White strip inside container clears left. 
Allows for white space under top nav. Width of 100%. */
.white_strip
{
	background-color: #FFF;
	color: white;
	clear: left;
	width: 100%;
	height: 20px;
}

/* Encloses all three columns except footer. Background colour white. */
.threecolwrap
{
	float: left;
	width: 100%;
	background-color: #FFF;
}

/* Encloses two columns nav and content. Background inherits from threecolwrap. 
Inline stops IE from doubling the margins when floating. 
Right margin for width of right column. */
.twocolwrap
{
	float: left;
	width: 100%;
	display: inline;
	margin-right: -160px;
	background-color: inherit;
}

/* Defines navigation column width set width and floats left.
Inline stops IE from doubling the margins when floating. */
.nav
{
	float: left;
	width: 160px;
	background-color: #004692;
	color: white;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
	background-image: url(../images/Nav_Curve_2_72.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 700px;
}

/* Same as above but longer navigation box because of logo at bottom. Here for massage and chiropractic pages.
Defines navigation column width set width and floats left.
Inline stops IE from doubling the margins when floating. */
.nav_taller
{
	float: left;
	width: 160px;
	background-color: #004692;
	color: white;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
	background-image: url(../images/Nav_Curve_2_72.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 750px;
}

/* Classes for navigation left. */
.menu1
{
	background-color: #004692;
	color: white;
	text-decoration: none;
	display: block; /* Display underneath each other. */
	margin-left: 25px; /* Moves all away from left. */
	padding-left: 5px; /* Moves text over inside box. */
	padding-top: 2px; /* Distance top of text. */
	padding-bottom: 4px; /* Distance bottom of text. */
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	border-right: none;
}

/* Submenu for navigation left to display underneath 
and correct position indented. */
.submenu
{
	background-color: #004692;
	color: white;
	text-decoration: none;
	display: block; /* Display underneath each other. */
	margin-left: 38px; /* Moves all away from left. */
	padding-left: 20px; /* Moves text over inside box. */
	padding-top: 2px; /* Distance top of text. */
	padding-bottom: 2px; /* Distance bottom of text. */
}

/* Classes for navigation left finish here. */

/* Classes for navigation top. */
.menu2
{
	background-color: #004692;
	color: white;
	text-decoration: none;
	display: inline;
	/* Display next to each other. */
	margin-left: 25px;
	/* Moves all away from left. */
	padding-left: 5px;
	/* Moves text over inside box. */
	padding-top: 2px;
	/* Distance top of text. */
	padding-bottom: 2px;
	/* Distance bottom of text. */
	padding-right: 20px;
}


/* Content to be 210 pixels away from left and 160 pixels away from right
to accomodate for left nav and right column. Left and right margins are 
smaller to give more distance to left and right column. */
.content
{
	width: auto;
	margin-left: 230px;
	margin-right: 170px;
}

/* Class for image wrapping with text in main content. Floats left. */
.image_left
{
	float: left;
	margin: 0 10px 10px 10px;
}


/* Special Home page
================================== */
/* Class for specials text in main content as replacement for image (hp only). */
.special
{
	margin: 0 10px 10px 10px;
	background-color: #A0D9CF;
	border-top: 2px #FF8B0F solid;
	border-bottom: 2px #FF8B0F solid;
}

.special p, .special h1, .special h2
{
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #A0D9CF;
}

.special h1
{
	padding-top: 10px;
	font-size: 100%;
	margin-bottom: 0px;
}

.special h2
{
	font-size: 85%;
}

.special p
{
	padding-bottom: 5px;
}
/* ================================== */



/* Class for image on staff pages with different margin. Floats left. */
.image_staff
{
	float: left;
	margin: 0 10px 10px 0px;
	padding: 0px 0px 0px 10px;
}

/* Class for image centred. Kinesiology only. 
Different padding to achieve centred. */
.image_centred 
{ 
	margin: 0px 40px 10px 60px; 
}

/*Eliminates problem with Firefox who sees image as a hyperlink. 
Will disappear with border set to 0pt */
img 
{ 
	border-width: 0pt; 
}
 
/* The right column width set width and floats left. */
.rightcolumn
{
	float: left;
	width: 160px;
	background-color: #E2F4F1;
	color: #004692;
}

/* Defines smaller text in right column. */
.p_right
{
	color: #004692;
	background-color: inherit;
	/* Should be #E2F4F1*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 10px;
}

/* Footer NOT inside container, floats left. Width of 100%. 
Clear both so footer stays at bottom. */
.footer
{
	width: 100%;
	clear: both;
	float: left;
	background-color: #4C7EBC;
	color: #004692;
	text-align: center;
	height: 18px;
	display: inline;
}

/* Css for footnote */
.footnote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	width: 100%;
	clear: both;
	background-color: #A0D9CF;
	color: #004692;
	text-align: center;
	padding-top: 5px;
}
 
 /* Four pseudo-classes for states of standard hyperlinks. White as link colour, 
lighter blue when visited, ?? when hovering over link and ?? when active.
All those properties are the same for all diferent link classes (top, lr, ft and normal) */
a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	background-color: inherit;
	color: white;
	margin: 0px 10px 0px 0px;
}

a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	background-color: inherit;
	color: #A0D9CF;
	margin: 0px 10px 0px 0px;
}

a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px 10px 0px 22px;
	text-decoration: none;
	background-color: inherit;
	color: #FFC587;
	margin: 0px 10px 0px 0px;
}
	
a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px 10px 0px 22px;
	text-decoration: none;
	background-color: inherit;
	color: #FF8B0F;
	margin: 0px 10px 0px 0px;
}

/* Css link for current and active state. */ 
#active a:link, #active a:visited, #active a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	background-color: inherit;
	color: #FF8B0F;
	margin: 0px 10px 0px 0px;
}

/* Css links for links inside text */ 
.textlinks a:link, .textlinks a:hover, .textlinks a:active
{
	color: #FF8B0F;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
}

.textlinks a:visited
{
	color: #41B39F;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
}

.special a
{
	font-size: 100%;
}

/* Google Map
================================== */

/* Class inside div for google map to position map correctly. 
Overflow hidden to avoid text in map showing up left of map. */
#map
{
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-left: 0px;
	height: 360px;
	width: 330px;
	overflow: hidden;
}


/* Self-Clear Floats
================================== */
/* Clear both after floating boxes anywhere in all browsers. */
.clearing {
  height: 0;
  clear: both;
}