* {
  margin: 0;
  padding: 0;
}
*:focus {outline: 0;}

/* ------------
  DEBUG
  ---------- */

/* -----------------------------------
  PAGE STRUCTURE
  ----------------------------------- */

body {
  text-align: center;
  margin: 10px 0;
  font-size: 75%;
  line-height: 18px;
}
#container {
  width: 765px;
  text-align: left;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  color: #fff;
}

#content {
  background-color:#6f79be;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 765px;
  min-height: 644px;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content p,
#content ul,
#content ol {
  margin-left: 260px;
  margin-right: 15px;
}

.body-default #content {background-image: url(/images/left_home.jpg);}
.body-locations #content {background-image: url(/images/left_locations.jpg);}
.body-news #content {background-image: url(/images/left_news.jpg);}
.body-specialized #content {background-image: url(/images/left_specialized.jpg);}
.body-sports #content {background-image: url(/images/left_sports.jpg);}
.body-hints #content {}
.body-therapeutic #content {background-image: url(/images/left_therapeutic.jpg);}

#footer {
  padding-top: 91px;
  text-align: center;
  font-size: 11px;
  color: #666;
  background: url(/images/footer.gif) no-repeat 0 0 transparent;
}

p#copyright {margin: 7px 0 20px 0;}

/* ---------------------------------
  HEADINGS
  ----------------------------------- */

h1#header, h1#header a {
  width: 765px;
  height: 180px;
}
h1#header a {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  background: url(/images/header.gif) no-repeat 0 0 transparent;
}

#content h2 {
  width: 490px;
  height: 73px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 15px;
  background-color: transparent;
  margin-bottom: 21px;
}
.body-default #content h2 {background-image: url(/images/title_home.gif);}
.body-locations #content h2 {background-image: url(/images/title_locations.gif);}
.body-news #content h2 {background-image: url(/images/title_news.gif);}
.body-specialized #content h2 {background-image: url(/images/title_specialized.gif);}
.body-sports #content h2 {background-image: url(/images/title_sports.gif);}
.body-hints #content h2 {background-image: url(/images/title_hints.gif);}
.body-therapeutic #content h2 {background-image: url(/images/title_therapeutic.gif);}

#content h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 21px; 
  margin-bottom: 7px;
}

.body-news #content h3 {
  font-size: 20px;
  margin-bottom: 14px;
  margin-top: 28px;
}
.body-news #content h4 {
  font-size: 16px;
  border-top: 1px solid #8a92ca;
  padding-top: 14px;
}
#newsbox h4 {margin-bottom: 7px;}

/* -----------------------------------
  TYPE
  ----------------------------------- */
p {margin-bottom: 14px;}
p.details {
  font-size: 11px;
  color: #b4b9dd;
}
p.summary {
  font-size: 14px;
  border-top: 1px solid #c3c7e4;
  border-bottom: 1px solid #c3c7e4;
  padding: 14px 0;
  margin: 14px 0;
}

/* -----------------------------------
  LISTS
  in the main content area
  ----------------------------------- */

#content ol, #content ul {
  padding-left: 15px;
  margin-bottom: 21px;
}
#content ol.subnav {
  list-style: none;
  padding-left: 0;
}

/* -------------------------------------- 
  NAVIGATION
  the same HTML is used in main nav and footer, just styled differently
  ----------------------------------- */

ul.nav {
  list-style: none;
  margin: 0;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
ul.nav li {
  float: left;
  display: inline;
}
ul.nav li a {display: block;}

#content ul.nav {
  height: 50px;
  margin-left: 244px !important;
  margin-right: 0;
}
#content ul.nav a {
  display: block;
  height: 50px;
  text-indent: -9999px;
  text-decoration: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
}
#content ul.nav a:hover, #content ul.nav a:focus {background-position: 0 -100px;}
.body-therapeutic #content .nav-ther a,
.body-specialized #content .nav-spec a,
.body-sports #content .nav-sport a,
.body-hints #content .nav-hints a,
.body-news #content .nav-news a,
.body-locations #content .nav-loc a {
  background-position: 0 -50px !important;
}

#content .nav-ther a {
  width: 103px;
  background-image: url(/images/link_therapeutic.gif);
}
#content .nav-spec a {
  width: 115px;
  background-image: url(/images/link_specialized.gif);
}
#content .nav-sport a {
  width: 102px;
  background-image: url(/images/link_sports.gif);
}
#content .nav-hints a {
  width: 102px;
  background-image: url(/images/link_hints.gif);
}
#content .nav-news a {
  width: 110px;
  background-image: url(/images/link_news.gif);
}
#content .nav-loc a {
  width: 91px;
  background-image: url(/images/link_locations.gif);
}


#footer ul.nav {
  margin: 0 auto;
  width: 550px;
}
#footer ul.nav li {
  margin-right: 14px;
}

/* -------------------------------------- 
  LINKS
  ----------------------------------- */

a:link, a:visited, a:active {color:#9f9;}
#footer ul.nav a {
  font-size: 11px;
  color: #000;
}
#footer #credits a {
  color: #555;
}

/* ----------------------------------- 
  TRICKS
  ----------------------------------- */
*:first-child {margin-top: 0}

/* Giving floats height   -------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */