A {
  color:#00388c;
}
body {
  background-color:#f7fcea;
}
#page {
	width:1000px;
}

#framehome, #frame {
background: url(whole_page.gif) center bottom repeat-y;
padding-bottom: 20px;
}

#envelope {
  padding-bottom:12px;
}
.clearboth {
	font-size:1px;
	line-height:0px;
	clear:both;
}
#tt-ticker-wrapper.has-js {
  margin-top:0 !important;
}

#newstickertape {
	width:976px;
	margin:0 12px;
}      

TBODY TD,TBODY TH {
	vertical-align:top;
	padding-bottom:0;
}
FORM {
	padding:0;
	margin:0;
}
H1 {
	font-size:1.8em;
	color:#336699;
}
H2 {
	font-size:1.2em;
	color:#336699;
}
H3 {
  font-size:1em;
  font-style:italic;
  color:#336699;
}
BUTTON, .button {
	color:#ffffff;
	background-color:#99cc33;
	padding:2px 3px;
}
.panel {
	color:#808080;
}
.panel A {
  color:#808080;
}
.panel H2 {
	width:auto;
}
#leftpane {
	width:176px;
	padding:30px 12px 0 12px;
}
#leftpane .panel {
	width:174px;
	border:1px solid #99cc33;
	color:#333333;
	margin:0 0 10px 0;
  background:#ffffff;
	line-height:1.5em;
}
#leftpane .panel A {
	color:#555555;
}
#leftpane .panelbody {
	width:158px;
	padding:8px;
}
#leftpane .panelbody UL {
  list-style-type:none;
  text-indent:0;
  padding:0;
  margin:0;
}

#leftpane .panel H2 {
	color:#ffffff;
	font-size:1.1em;
	text-align:left;
	width:158px;
	padding:5px 8px;
	background-color:#99cc33;
}
#rightpane {
	width:176px;
	padding:30px 12px 0 12px;
}
#rightpane .panel {
	width:176px;
	margin:0 0 10px 0;
	color:#333333;
}
#rightpane .panelbody {
	width:176px;
}	
#rightpane .panel A {
	color:#555555;
}
#rightpane H2 {
	color:#99cc33;
	font-weight:bold;
	font-size:1.1em;
	text-align:left;
	width:176px;
	padding:5px 0;
}
#rightpane UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
}
#rightpane UL LI {
  padding-left:12px;
  background:url(red_arrow_on_white.gif) left 7px no-repeat;
  padding-top:4px;
}
#headerpane {
	position:relative;
	height:auto;
	width:auto;
	border-top: 1px solid #99cc33;
}

#header1 {
  position:absolute;
  top:20px;
  left:600px;
  text-align:left;
  margin:0;
  width:75px;

} 
#header2 {
  position:absolute;
  top:20px;
  left: 700px;
  text-align:left;
  margin:0;
  width:275px;
  padding:0;
} 

#header2 .panelbody strong {
color: #336699;
}

#find {
position: absolute;
right: 5px;
top: 20px;
}

#centrepane {
	width:560px;
	padding:0px 20px 0px 20px;
	margin:10px 0 20px 0;
	line-height:1.4em;
	background-color:#ffffff;
}
#centrepane A {
	text-decoration:none;
}
#centrepane A:hover {
	text-decoration:underline;
}
#menupane {
  position:relative;
	height:auto;
	color:#333333;
	padding:5px 12px 10px 12px;
	width:976px;
}
#menupane A {
	color:#808080; 
}
#menupane UL LI {
  border-width:0;
}
#framehome LI.first, #frame LI.sectionmenu {
  font-weight:bold;
}  
#translation {
  position:absolute;
  top:3px;
  text-align:right;
  width:200px;
  right:10px;
  margin:0;
}
/*
Home Page
*/
.panel {
	margin:0;
	color:#808080;
}
.panel A {
  color:#808080;
}    

#col1andcol2 {
width: 768px;
margin-left: 10px;
float: left;
display: inline;
}

#col1 {
  width: 518px;
  float: left;
  display: inline;
}

#row1a {
background: url(row1a_bottom.gif) bottom left no-repeat;
width: 100%; 
margin-top: 10px;
}

#row1a_inner {
background: url(row1a_top.gif) top left no-repeat;
width: 504px;
padding: 7px;
position: relative;
}    

#quote {
  position: absolute;
  top: 30px;
  left: 260px;
  width: 200px;
  padding:20px 25px 10px 25px;
  font-size:1.5em;
  word-spacing: 2px;
  color:#990033;
  float: left;
  line-height: 18pt;
  text-align: right;
}   
                   
#quote.panel EM {
  font-size:.5em;
  color:#555555;
  padding-top:10px;
  padding-left: 10px;
  font-weight:normal;
  display:block;
  text-align: center;
}
#quote.panel P {
  margin:0;
  padding:0;
}
#openquote {
  position:absolute;
  left:10px;
  top:0;
}
#closequote {
  position:absolute;
  right:0;
  bottom:15px;
}

#row2a {
background: url(row2a_bottom.gif) bottom left no-repeat;
width: 100%; 
margin-top: 20px;
}

#row2a_inner {
background: url(row2a_top.gif) top left no-repeat;
width: 504px;
padding: 7px;
}

#row2a .panel {
float: left;
}

#fitness {
width: 142px;
padding: 0px 15px 70px 10px;
}

#advice {
width: 132px;
padding: 0px 15px 70px 20px;
}

#chronic {
width: 122px;
padding: 0px 15px 70px 30px;
}

#row2a .panel h2 {
color: #336699;
font-size: 1.1em;
text-align: left;
padding: 5px 0px 5px 0px;
}

#row2a .panelbody {
color: #ffffff;
}

#row2a .panelbody a {
color: #ffffff;
}

#row2a UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 
#row2a UL LI {              
  padding-left:12px;
  padding-bottom: 3px;
  background:url(row2_white_arrow.gif) left 1px no-repeat;
}

#col2 {
float: left;
display: inline;
width: 230px;
border-left: solid 18px #ffffff; 
margin-top: 10px;
}

#row1b {
background: url(row1b_bottom.gif) bottom left no-repeat;
width: 100%; 
}

#row1b_inner {
background: url(row1b_top.gif) top left no-repeat;
width: 216px;
padding: 7px;
}    

#row2b {
background: url(row2b_bottom.gif) bottom left no-repeat;
width: 100%; 
margin-top: 20px;
}

#row2b_inner {
background: url(row2b_top.gif) top left no-repeat;
width: 216px;
padding: 7px;
}   

#openingtimes {
padding: 0px 0px 10px 15px;
width: 200px;
color: #333333;
}

#openingtimes h2 {
padding: 10px 0px 0px 0px;
color: #336699;
font-size: 1.2em;
text-align: left;
}

#openingtimes UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#openingtimes UL LI {              
  padding-left:12px;
  padding-bottom: 3px;
  background:url(opening_arrow.gif) left 1px no-repeat;
}

#openingtimes a {
color: #333333;
}

#whodoisee {
padding: 0px 0px 10px 10px;
width: 200px;
color: #333333;
}

#whodoisee h2 {
padding: 2px 0px 5px 0px;
color: #336699;
text-align: left;
}

#appointments {
padding: 0px 0px 5px 15px;
width: 201px;
color: #333333;
}

#appointments a {
color: #333333;
}

#appointments h2 {
padding: 5px 0px 5px 0px;
color: #990033;
text-align: left;
font-size: 1.2em;
}

#appointments UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#appointments UL LI {              
  padding-left:12px;
  padding-bottom: 5px;
  background:url(appointment_arrow.gif) left 1px no-repeat;
}

#col3 {
float: left;
display: inline;
width: 188px;
border-left: solid 18px #ffffff;
margin-top: 10px;
}

#row1c {
background: url(row1c_bottom.gif) bottom left no-repeat;
width: 100%; 
}

#row1c_inner {
background: url(row1c_top.gif) top left no-repeat;
width: 174px;
padding: 7px;
}    

#row2c {
background: url(row2c_bottom.gif) bottom left no-repeat;
width: 100%; 
margin-top: 20px;
}

#row2c_inner {
background: url(row2c_top.gif) top left no-repeat;
width: 174px;
padding: 7px;
}  

#online {
padding: 0px 10px 65px 10px;
width: 153px;
color: #333333;
}

#online a {
color: #333333;
}

#online h2 {
padding: 5px 0px 5px 0px;
color: #336699;
font-size: 1.2em;
text-align: left;
}

#online UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#online UL LI {              
  padding-left:12px;
  padding-bottom: 3px;
  background:url(online_arrow.gif) left 1px no-repeat;
}

#howdoi {
padding: 0px 10px 8px 10px;
width: 153px;
color: #333333;
}

#howdoi a {
color: #333333;
}

#howdoi h2 {
padding: 5px 0px 5px 0px;
color: #336699;
font-size: 1.2em;
text-align: left;
}

#howdoi UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#howdoi UL LI {              
  padding-left:12px;
  padding-bottom: 5px;
  background:url(howdoI_arrow.gif) left 1px no-repeat;
}

#row3 {
margin-left: 15px;
display: inline;
}        

#nhschoices { 
background:url(nhschoices.gif) top left no-repeat;
width: 768px;
height: 70px;
margin-top: 20px;
}

#nhschoices .panel {
float: left;
}

#nhschoices .panel h2 {
padding: 10px 0 0 0;
}

#nhs {
width: 107px;
}

#nhs img {
 padding: 10px 0px 10px 7px; 
}

#az, #body {
width: 215px;
}

#conditions {
width: 229px;}

#conditions select {
font-size: 0.9em;
} 

#body .panelbody{
text-align: center;
}

#body img {
display: inline;
}      

#row3c {
background: url(training_bottom.gif) bottom left no-repeat;
width: 100%; 
margin-top: 20px;
}

#row3c_inner {
background: url(training_top.gif) top left no-repeat;
width: 188px;
} 

#training {
padding: 5px 5px 0px 75px;
width: 100px;
color: #333333;
text-align: right;
}

#training a {
color: #333333;
}                    

#training h2 {
color: #336699;
text-align: right;
font-size: 1em;
word-spacing: 1px;
}

#training UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#training UL LI {              
  padding-left:12px;
  padding-bottom: 5px;
  background:url(howdoI_arrow.gif) left 1px no-repeat;
}

#row4 {
width: 976px;
margin-top: 20px;
border-top: 1px solid #99cc33;
clear:both;
}

#row4 .panel {
padding: 0 10px 0 10px;
float: left;
width: 170px;
color: #333333;
}

#row4 .panel a {
color: #333333;
}

#row4 .panel UL {
  padding:0;
  margin:0;
  text-indent:0;
  list-style:none;
} 

#row4 .panel UL LI {              
  padding-left:12px;
  padding-bottom: 5px;
  background:url(footer_arrow.gif) left 1px no-repeat;
}

#row4 .panel h2 {
padding: 5px 0 5px 0;
color: #336699;
text-align: left;
}

#flash1, #flash2 {
margin-top: 10px;
}

/* 
Other css here
*/
#footerpane {
	color:#959595;
	padding:5px 0;
  margin: 0 12px;
	width:976px;
  border-top:1px solid #71b4ac;
}
#footerpane A {
	color:#959595;
}