/* Physiotherapy.co.uk home page styles */

/* main content styles */
#physio-homepage-content {
	width: auto;
	margin-top: 1em;
	margin-left: 8px;
	margin-right: 6px;
	padding: 0 0.9em;
	border-left: 11em solid #D1D4F4;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #E8E9F9;
}

/* content column 1 */
#physio-home-col-1 { float: left; position: relative; width: 73%; }
/* intro - spans column 11 and 12 */
#physio-intro { padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
#physio-intro p { margin-top: 0; margin-bottom: 0; }
#physio-intro p.more { font-size: 80%; }
/* column 11 */
#physio-home-col-11 { float: left; position: relative; width: 49%; border-right: 1px solid #E5E5E5; margin-right: 0; }
/* physio-network */
#physio-network { padding: 5px 10px 15px 0; font-size: 90%; float: left }
#physio-network h2 {  font-size: 130%; margin-top: 0; margin-bottom: 0; padding: 0 0 5px 0; }
#physio-network h2 a, #physio-network h2 a:visited { color: #222269; text-decoration: none  }
#physio-network h2 a:hover, #courses h2 a:visited:hover { color: #222269; text-decoration: underline  }
#physio-network img { float: left;  border: 1px solid #999999; padding: 1px; margin-right: 5px; margin-left: 6px; }
#physio-network p { margin-top: 0; margin-bottom: 0; }
/* courses */
#courses { padding: 10px 10px 15px 0; font-size: 90%; float: left }
#courses h2 {  font-size: 130%; margin-top: 0; margin-bottom: 0; padding: 0 0 5px 0; }
#courses h2 a, #courses h2 a:visited { color: #222269; text-decoration: none  }
#courses h2 a:hover, #courses h2 a:visited:hover { color: #222269; text-decoration: underline  }
#courses img { float: left;  border: 1px solid #999999; padding: 1px; margin-right: 5px; margin-left: 6px; }
#courses p { margin-top: 0; margin-bottom: 0; }
/* exercises */
#exercises { padding: 10px 10px 15px 0; font-size: 90%; float: left }
#exercises h2 {  font-size: 130%; margin-top: 0; margin-bottom: 0; padding: 0 0 5px 0; }
#exercises h2 a, #exercises h2 a:visited { color: #222269; text-decoration: none  }
#exercises h2 a:hover, #exercises h2 a:visited:hover { color: #222269; text-decoration: underline  }
#exercises img { float: left;  border: 1px solid #999999; padding: 1px; margin-right: 5px; margin-left: 6px; }
#exercises p { margin-top: 0; margin-bottom: 0; }

/* column 12 */
#physio-home-col-12 { float: left; position: relative; width: 49%; border-left: 1px solid #E5E5E5; margin-left: -1px; margin-right: 0; }
/* news */
#news {  padding: 5px 0 15px 8px;  font-size: 90%;  float: left; }
#news h2 {  font-size: 130%; margin-top: 0; margin-bottom: 0; padding: 0 0 5px 0; }
#news h2 a, #news h2 a:visited { color: #222269; text-decoration: none;  }
#news h2 a:hover, #news h2 a:visited:hover { color: #222269; text-decoration: underline;  }
#news ul { margin-top: 0; margin-bottom: 0; margin-left: 6px; padding: 0; list-style-type: none; list-style-image: none; }
#news ul li  { line-height: 120%; margin-bottom: 0.3em; }
#news ul li a { font-weight: bold; color: #003399;  font-size: 110%; text-decoration: underline; }
#news ul li a:hover, #news ul li a:focus { color: #990000; text-decoration: none; }

/* bookshop & equipment */
#bookshop, #equipment {  padding: 10px 0 15px 8px;  font-size: 90%;  float: left; }
#bookshop h2, #equipment h2 {  font-size: 130%; margin-top: 0; margin-bottom: 0; padding: 0 0 5px 0; }
#bookshop h2 a, #equipment h2 a, #bookshop h2 a:visited, #equipment h2 a:visited { color: #222269; text-decoration: none  }
#bookshop h2 a:hover, #equipment h2 a:hover, #bookshop h2 a:visited:hover, #equipment h2 a:visited:hover { color: #222269; text-decoration: underline  }
#bookshop img, #equipment img { float: left;  border: 1px solid #999999; padding: 1px; margin-right: 5px; margin-left: 6px; }
#bookshop p, #equipment p { margin-top: 0; margin-bottom: 0; }

/* content column 2 */
#physio-home-col-2 { float: left; position: relative; width: 23%; background-color: #E8E8F1; padding: 1.5em 4px 5em 4px; margin-left: .5em; border: 1px solid #999999; }
#physio-home-col-2 .john-bio { font-size: 0.75em; }

.top-border { border-top: 1px solid #E5E5E5; }
p.more { padding-top: 0.4em; font-size: 90%; }
p.more a { background: url(/images/more-arrow.gif) no-repeat 0 3px; padding: 0 0 0 15px; color: #003399; font-weight: bold; }
p.more a:focus, p.more a:hover { color: #990000; text-decoration: none; }