/* site wide */

/* 

STYLE SHEET FOR www.wantageosteopathicpractice web site
Created by Merrill Jacobs
www.generowebdesign.co.uk

*/
html
	{
	height: 100%;
	}

body
	{ 
	font-family: verdana, arial, trebuchet ms, sans-serif;
	background: #4f4f4f;
  	padding: 0px;
  	margin: 0px;
  	
	}

/* main container */
#main
	{ 
	width: 780px;
	background: url(bg.png) repeat-y;
  	color: #000;
  	margin: auto;
  	border: 0px solid #333;
	}

/* styles accessibility at top of every page*/
#accessibility p
	{
	width: 760px;
	margin: 0 auto;
	color: #fff;
	font-family: verdana, times, "times new roman", Helv, sans-serif;
	text-align: right;
	background: transparent;
	padding: 10px 5px 10px 0;
	}

#accessibility a:link, #accessibility a:visited 
	{
	color: #fff;
	background: transparent;
	text-decoration: none;
	font-weight: normal;
	}

#accessibility a:hover
	{
	color: #fff;
	background: transparent;
	text-decoration: underline;
	font-weight: normal;
	}

/* logo section */
#logo
	{ 	
	margin: auto; 
  	width: 760px;
  	height: 175px;
	}

/* aligns logo photo at bottom of div (shows no gaps */
.photo_align
	{
	vertical-align: bottom;
	}

/* navigation menu on every page */

body#home a#homenav,
body#services a#servicesnav,
body#team a#teamnav,
body#contact a#contactnav
	{
	background: #999;
	}
	
#menu
	{ 
	height: 45px;
  	width: 760px;
  	margin: auto; 
	background: url(menu1.png);
	}

#menu ul
	{
	margin: 0px auto;
	list-style-type: none;
	font-size: .8em;
	} 

#menu li
	{ 
	float: left; 
  	margin: 0; 
  	padding: 0px;
	} 

#menu li a 
	{ 
	color: #fff;
	background: #333;
	display: block; 
  	float: left; 
  	height: 30px;
  	text-decoration: none; 
  	padding: 12px 19px 2px 19px;
  	text-transform: uppercase;
	} 

#menu li a:hover
	{
	color: #fff;
	background: #666;
	}

/* page content */
#main_text
	{
	font-size: .8em;
	text-align: left;
  	width: 512px;
  	float: left;
  	padding: 12px 3px 15px 19px;
	}

#main_text h1
	{ 
	color: #111;
	background: transparent;
	padding: 6px 0px 4px 0px; 
  	margin: 0px 0px 12px 0px; 
  	border-bottom: 1px solid #111;
  	font-size: 140%;
  	text-transform: uppercase;
 	font-weight: normal;
	}

#main_text ul
	{
	list-style-type: disc;
	margin-top: 0;
	line-height: 150%;
	}

p
	{ 
	margin: 0px;
  	padding: 0px 0px 16px 0px;
 	line-height: 150%;
	}
	
#main_text a:link, #main_text a:visited 
	{
	color: #111;
	text-decoration: underline;
	font-weight: normal;
	}

#main_text a:hover
	{
	color: #fff;
	background: #111;
	text-decoration: none;
	font-weight: normal;
	}

#bookings
	{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	background: #666;
	}

.book
	{
	font-size: 1.3em;
	color: #fff;
	font-weight: normal;
	}

/* main headings in rhs column */


/* heading on RHS of page */
h2
	{ 
	margin: 0px;
  	padding: 0px 0px 4px 0px;
  	font-size: .9em;
	color: #fff;
	text-align: center;
	font-weight: normal;
	}

/* styles osteopaths names on the team page */
h3
	{
	color: #003300;
	font-family: verdana, arial, sans-serif;
	font-size: .9em;
	}

/* styles osteopaths names on the team page */
h4
	{
	color: #111;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	
	text-transform: uppercase;
	}

/* main content */
#content
	{ 
	margin: auto; 
  	width: 760px;
  	height: auto;
  	padding: 0px;
  	overflow: hidden;
	} 

/* rhs column- contains opening times, contact details */
#rhs_column
	{ 
	width: 207px;
 	float: right;
 	padding: 0px 0px 15px 0px;
	}

/* styles rhs container */
.rhs_container
	{ 
	text-align: center;
  	width: 188px;
  	float: left;
  	margin: 0px 0px 10px 0px;
	}

/* styles sub headings in rhs column */
.sub_headings
	{ 
	height: 14px;
  	width: 188px;
	background: url(sub_header.png);
  	padding: 5px 0px 5px 19px;
  	text-transform: uppercase;
	}

.sub_headings h1
	{ 
	padding: 0px; 
  	margin: 0px; 
  	font-weight: normal;
  	font-size: .9em;
	}

/* styles sub content within rhs column */
.sub_content
	{
	padding: 14px 8px 8px 19px;
	}

.sub_content p
	{
	line-height: 14px; 
  	padding: 0px 0px 10px 0px;
	text-align: center;
	font-size: .8em;
	color: #fff;
	}

/* footer on every page*/
#footer
	{ 
	margin: auto; 
	background: url(menu1.png);
	color: #fff;
  	padding: 10px 21px 0px 19px;
  	width: 720px;
  	height: 26px;
  	font-size: .7em;
	border-bottom: 3px solid #000;
	}

#footer a
	{
	color: #fff;
	text-decoration: none;
	}

#footer a:hover
	{
	color: #1069fe;
	text-decoration: underline;
	}

/* styles photos on the team page */
.team
	{
	float: right;
	margin: 10px;
	border: 2px solid #ccc;
	}

.copy
	{
	float: left;
	}

.web
	{
	float: right
	}

#map
	{
	margin-left: 45px;
	width: 400px;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
#tradelogos
	{
	float: right;
	}
	
#assoclogos
	{
	float: left;
	}
	
#assoclogos ul
	{
	margin: 0;
	padding: 0;
	}
	
#assoclogos li
	{
	display: inline;
	list-style-type: none;
	}
	
#assoclogos a:link
	{
	border: none;
	}	
	
.img
	{
	border: none;
	}

/* span classes for normal, large and larger text */

.normal_text
	{
	font-size: .8em;
	}

.large_text
	{
	font-size: 1em;
	}

.larger_text
	{
	font-size: 1.2em;
	}