html
{
	/* forces vertical scroll bar to ensure content doesn't jump around between pages with more/less content */
	overflow-y: scroll; /* CSS3 property */
	overflow-x: hidden; /* Suppresses IE horizontal scroll bar (bug) */
}
body
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	border: 0px; /* This removes the border around the viewport in old versions of IE */
	min-width: 780px; /* Minimum width of layout - remove line if not required - The min-width property does not work in old versions of Internet Explorer */
	font-size: 90%;
	margin: 0px; /* removes the top margin outside the page (negates the need to use topmargin and marginheight in html body tag) */
}
div
{
	margin: 0;
	padding: 0;
}
h1
{
}
h2
{
	font-weight: bold;
	font-size: 110%;
	margin-top: 0px; /* ensures that h2 aligns with the top of the div regardless of IE or Firefox */
	padding-top: 0px; /* ensures that h2 aligns with the top of the div regardless of IE or Firefox */
}
h3
{
	font-weight: bold;
	font-size: 100%;
}
/* NB: The order of link variations here is important */
a, a:link, a:visited, a:hover, a:active
{
	color: #993333;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	background: #FBF3F1;
}
img
{
	border-style: none;
	display: block;
	margin-left: auto; /* centre images horizontally */
	margin-right: auto; /* centre images horizontally */
}
#gallery img
{
	margin-left: 0; /* cancel image centre */
	margin-right: 0; /* cancel image centre  */
}
p img
{
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
a img
{
	text-decoration: none;
	background-color: white;
}
ul
{
	list-style-type: disc;
	margin-top: 5px;
	margin-bottom: 0px;
}
/* wrappedlist enables simple multi-column lists */
.wrappedlist 
{
	clear:both;
}

.wrappedlist ul
{
	width: 100%;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 10px;
}
.wrappedlist li
{
	float: left;
	width: 40%;
	background-image: url(             "../images/bullet.gif" ); /* need to use background image since float removes bullets */
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px; /* left padding moves the text away from the bullet */
}
br
{
	clear: left; /* enables br to stop floats */
}
dl
{
}
dt
{
	font-weight: bold;
	font-size: small;
	text-transform: capitalize;
}
dd
{
	padding-bottom: 1em;
	font-size: small;
}
caption
{
	text-align: left;
}
blockquote
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: 110%;
	font-style: italic;
	color: #660000;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 20px 0px; /* allows extra space at bottom to display background image */
	background-image: url(                                   '../images/linebreak.gif' );
	background-repeat: no-repeat;
	background-position: center bottom;
}
abbr, acronym
{
	border-style: none; /* suppresses default bottom border */
	text-transform: capitalize;
}
/* Removes fieldset borders. even on Opea 7 */
fieldset
{
	border: 1px solid transparent;
}
/* wrapper to contain and centre the whole page */
#pagewrapper
{
	width: 780px; /* active page area (minimum screen size minus vertical scroll bar) */
	margin: 0 auto; /* centres the whole page in the browser */
}
/* banner */
#header
{
	width: 780px;
	height: 152px; /* set to prevent Firefox from displaying blank line around bottom of banner */
	background-image: url(                                   '../images/banner.jpg' );
	background-position: left top;
	background-repeat: no-repeat;
}
#header h1
{
	display: none; /* allows text heading in banner to be invisible but recognised by search engines - without this the H1 will have no text and Google doesn't index text in alt or title */
}
/* Strapline */
#header p
{
	width: inherit; /* necessary to comply with W3C */
	float: right; /* ensures that the strapline is right-aligned */
	font-style: italic;
	font-weight: bold;
	text-align: right; /* ensures that the text is right aligned */
	margin: 40px 0px 0px 0px; /* positions the strapline correctly within the banner graphic */
}
/* horizontal layer between the header and footer */
#mainwrapper
{
	padding: 0;
}
#menuwrapper
{
	float: left; /* This will make the column 'float' to the left edge of its mainwrapper. As we have floated all of our divs to the left, they will all align next to each other from the left edge of #mainwrapper, providing they don't extend beyond the width of #mainwrapper */
	width: 180px; /* width + padding for all columns must not exceed that of their container (mainwrapper/pagewrapper) */
	padding: 0; /* set to greater than zero to create a whitespace border within the column */
	text-align: center;
}
#content
{
	float: left;
	width: 400px; /* width + padding for all columns must not exceed that of their container (mainwrapper/pagewrapper) */
	padding-left: 10px; /* Gives whitespace between the middle and left columns */
	padding-right: 10px; /* Gives whitespace between the middle and right columns */
}
#contentnoads
{
	float: left;
	width: 590px; /* width + padding for all columns must not exceed that of their container (mainwrapper/pagewrapper) */
	padding-left: 10px; /* Gives whitespace between the middle and left columns */
}
#ads
{
	float: left;
	width: 180px; /* width + padding for all columns must not exceed that of their mainwrapper (960px) */ /* top: -40px;  */ /* together with position:relative this allows the ads column to overlap the banner */ /* position: relative; */ /* background-image: url(   '../images/physiofirst.gif' ); 	background-repeat: no-repeat; 	background-position: center bottom; 	padding-bottom: 60px; */ /* allows bottom padding to put Physio First background image */
}
#footer
{
	clear: both;
}
#mainmenu
{
	margin: 0; /* keeps menu centred regardless of IE/Firefox differences */
	padding: 3px 0 0 0; /* keeps menu centred regardless of IE/Firefox differences */
}
#mainmenu li
{
	background-image: url(                                   '../images/menuitem.gif' );
	background-repeat: no-repeat;
	background-position: center center;
	list-style-type: none;
	margin-bottom: 15px;
}
#mainmenu li a
{
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
}
#mainmenu li a:hover
{
	font-weight: normal;
	color: #660000;
	text-transform: capitalize;
	text-decoration: none;
	background-color: Transparent; /* cancels out the background colour specified above for default hover links */
}
/* hightlights the current menu option - see highlightcurrent.js */
#mainmenu li a.current
{
	font-weight: bold;
	color: #660000;
	text-transform: capitalize;
	text-decoration: none;
}
.label
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.label img
{
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}
.value
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.messagebox
{
	color: #660000;
	padding: 5px 10px 10px 10px; /* IE adds extra padding to the top of the box, Firefox doesn't so use small padding to compromise */
	border-style: double;
	border-color: #E6CAC1;
	text-align: center;
}
/* Constructs a fixed-width, variable height box with rounded corners */
.ad
{
	padding-top: 5px;
	padding-bottom: 10px;
}
.ad a, .ad a:link, .ad a:visited, .ad a:active, .ad p a
{
	font-weight: inherit;
	text-decoration: none;
}
/* Negates the underline and bold in the ads */
.ad p a
{
	font-weight: normal; /* needed for IE to negate bold in links */
}
.ad a:hover
{
	text-decoration: none;
	background: #FBF3F1;
}
.adtop
{
	height: 16px;
	background-image: url(                         "../images/boxtop.gif" );
	background-repeat: no-repeat;
	background-position: left bottom;
}
.adbottom
{
	height: 16px;
	background-image: url(                         "../images/boxbottom.gif" );
	background-repeat: no-repeat;
	background-position: left bottom;
}
.adcontent
{
	margin: 0px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-top-color: #e5c7bf;
	border-right-color: #e5c7bf;
	border-bottom-color: #e5c7bf;
	border-left-color: #e5c7bf;
	text-align: center;
	color: #a44a44;
}
.adcontent h5
{
	margin: 0px;
	padding: 0px 3px 3px 3px;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
}
.adcontent p
{
	font-weight: normal;
	margin: 0px;
	padding: 3px;
	font-size: 90%;
}

.borderedTable
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #e5c7bf;
}
.borderedTable td
{
	vertical-align: middle;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e5c7bf;
}
.borderedTable .label
{
	white-space: nowrap;
}

.profile 
{
    clear:both;
    border-top:solid 1px #e5c7bf;
    margin-top:10px;
    margin-bottom:10px;
}

#gallery .thumbnail
{
    float:left; 
    margin-right:5px;
}