/* Begin insertion of cssbase.css */
/** Element Cross-Browser Reset **/

/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label /* AH - This was intefering with extjs Form buttons: , fieldset, legend, table, caption, tbody, tfoot, thead, tr, th, td*/ {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html {
  overflow:scroll;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
  font-size:small;
  font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}
pre, code, kbd, samp, tt {
  font-family:monospace;
  font-size:108%;
  line-height:100%;
}
hr { display: none; }
div.hr { clear: both; width: 100%;}
div.hidden { border: solid 1px transparent; } 
strong { font-weight: bold; }
em { font-style: italic; }

/** Styles **/

body { color: #333;
  background: #fff;
  text-align: left;
  font-family: Lucida Sans, Lucida Grande;
}

p { padding-bottom: 10px; }
h1 { font-size: 155%; font-weight: bold; padding-bottom: 10px; }
h2 { font-size: 135%; font-weight: bold; padding-bottom: 10px; }
a {  color: #5d711a; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }


table.cms-table { width: 100%; }
.cms-table th { text-align: left; font-weight: bold; color: #000; padding-bottom: 10px; }

/** Form Reset **/

form {  }

fieldset { border: 0px; }
/* AH - This was intefering with extjs fieldset legends.
legend { font-size: 135%; font-weight: bold; color: #6cc631; padding-bottom: 20px; } */
fieldset .form-item { clear: both; line-height: 1.5em; margin-bottom: 10px; margin-left: 20px; }
fieldset .form-item label { display: block; width: 150px; float: left; font-weight: bold; }


form fieldset { border: none; }
form .form-item { overflow: hidden; clear: both; margin-bottom: 8px;  }
form .form-item label { font-weight:bold; width: 150px; float: left; font-weight: bold; }


/*fieldset div input { }*/
fieldset div div { margin: 0px; clear: none; }
input.submit
{
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.25em;
background-color: #fcfcfc;
background-repeat: repeat-x;
color: #333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit:active
{
border: 3px double #ccc;
border-top-color: #999;
border-left-color: #999;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {color: Red; }
.field-validation-error {color: Red; }
/* End insertion of cssbase.css */


body
{ background: #ffeacb url('Assets/BodyBackground.jpg') repeat-y center top; color: #555;
  font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans;
}
/** png fix for ie6 **/
img, div, a, input, h3, ul, li { behavior: url('/content/iepngfix.htc'); }

/** Generic Selector Styling **/
a { color: #900; }
a:hover { text-decoration: underline; color: #900; }
p { margin-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia; padding: 10px 0; color: #900; }
/** Site Structure **/
#Page { width: 926px; margin: 0 auto; text-align: center; background: transparent url('Assets/Header.jpg') no-repeat center top; padding: 326px 20px 20px 20px; border-left: solid 1px #ccc; border-right: solid: 1px #ccc;  }
body.About #Page { background: transparent url('Assets/Header_002.jpg') no-repeat center top; }
body.Practitioners #Page { background: transparent url('Assets/Header_003.jpg') no-repeat center top; }
body.Osteopathy #Page { background: transparent url('Assets/Header_004.jpg') no-repeat center top; }
body.NeckPain #Page { background: transparent url('Assets/Header_002.jpg') no-repeat center top; }
body.BackPain #Page { background: transparent url('Assets/Header_003.jpg') no-repeat center top; }
body.Links #Page { background: transparent url('Assets/Header_004.jpg') no-repeat center top; }

#Wrapper {  padding-top: 0px; text-align: left; background: #f8edde url('Assets/ContentBackground.jpg') no-repeat left 43px; overflow: hidden; clear: both;}
ul.site-menu { width: 926px; height: 42px; background: transparent url('Assets/NavBackground.jpg') repeat-x center top; overflow: hidden; display: block; }
/*ul.site-menu ul { width: 926px; overflow: hidden;  }*/
ul.site-menu li { float: left;}
ul.site-menu li a { font-size: 100%; color: #fff; display: block; padding:3px 16px; margin-top: 10px; background: transparent url('Assets/NavDivider.jpg') no-repeat right 3px; }
ul.site-menu li.last a { background: none; }
#Main
{
    padding: 20px; 
    color: #555;

    
}
/** #   h1 { font-size: 0.01%; color: #fff; padding: 0; margin-left: -10px; } **/
#Main h1.span { display: none; }
#Main ul { margin-bottom: 10px; }
#Main ul li { list-style: disc outside; margin-left: 20px; }
#Blog-Summary { float: right; background: transparent url('Assets/SidebarBackground.png') no-repeat right 1px; width: 323px; padding: 30px; height; 500px; min-height: 500px; }
#Blog-Summary h2 { padding: 0; }
#Blog-Summary h2 span { display: none; }
body.Home #Main { width: 886px; Height: 700; float: left; }
#Footer { border-top: solid 1px #eedddd; padding: 7px 0; color: #777; font-size: 85%;}
#Footer a { color: #777; }
/** Blog Class Styling **/

span.Blog-Publish-Date { font-size: 78%; font-style: italic; }

#Main div.Practitioners div.content-page-tile { clear:both; overflow: hidden; width: 100%; }
#Main div.Practitioners div.content-page-tile img { float: left; margin: 0 20px 20px 0; }
#Main div.Practitioners div.content-page-tile h2 span { display: none; }

div.Home h1 { width: 323px; }
div.Home div.content-page-content { width: 500px; }

div.HomePageHolder { width: 500px; float: left; }

/** Fixing Disc styling around images on BackPain / NeckPain Pages **/

#Main div.BackPain div, #Main div.NeckPain div { padding-bottom: 10px; }
#Main div.BackPain ul li, #Main div.NeckPain ul li { list-style: disc inside; }