/* Styles for PodiatristClinic.co.uk */

body {
  background-color: #fff4f4;
  font-size: 100% ! important;
  font-family: Verdana,Arial,sans-serif;
  color: #66BB55;
}

/* old colour #0f3c00 */

p, input, textarea, li {
  font-size: 0.8em;
  color: black;
}
a {
  text-decoration: none;
  font-size: 1.0em;
  color: #66BB55;
}
a:hover {
  text-decoration: underline;
}
.floatRight {
  float: right ! important;
}
.floatLeft {
  float: left ! important;
}

.clearBoth
{
  clear: both;
}

#skip-to-content {
  display: none;
}
h1 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
h3 {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 0.2em;
}
h4 {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
blockquote {
  font-size: 0.9em;
  color: black;
  font-style: italic;
}


/* Header Styles */

#header {
  padding-top: 45px;
}
#header a {
  background: transparent url(../images/nav-pink.png) repeat-x scroll 0% 50%;
  color: black;
  font-size: 0.9em;
  min-height: 31px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 4px;
}
#header a:hover {
  text-decoration: underline;
}

/* Logo Styles */

.logo
{
  border-style: none;
  width:287px;
  height:76px; 
}

.small-logo-right
{
  border-style: none;
  width:144px;
  height:38px; 
  float: right;
}


/* Decoration Styles */

.nicebackground
 {
  background: transparent url(../images/nav-pink.png) repeat-x scroll 0% 50%;
  color: black;
  font-size: 1.2em;
  min-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
}

/* List Styles */

.no-bullets
{
   list-style-type:none
}

/* Columns for lists, from "a list apart.com" */

/* separate lists from subsequent content */
div.outerwrap
{
  margin-bottom: 1em;
}

/* position list chunks side by side - 2 columns */
div.wide-wrapper
{
  float: left;
  width: 30em;
}

div.wide-wrapper p, li
{
  font-size: 0.8em;
  color: black;
}

/* position list chunks side by side - 3 columns */
div.wrapper
{
  float: left;
  width: 20em;
}

div.wrapper p, li
{
  font-size: 0.8em;
  color: black;
}

/* separate the list from what follows it */
div.wrapper

{
  margin-bottom: 1em;
}

/* Footer */

#footer

#footer p
 {
  font-size: 0.7em;
  color: black;
}

#footer a
{
  text-decoration: none;
  font-size: 0.8em;
  color: #66BB55;
}
#footer a:hover 
{
  text-decoration: underline;
}