/*** Global Settings ****/
* {margin: 0; padding: 0}
body {font : normal 12px/1.6em Arial, Helvetica, sans-serif; color: #808080; padding : 0; background:#FFF;}
p {margin : 0; padding : 5px 0;}
a:visited, a:link {color : #808080; text-decoration : none; background: none;}
a:hover {color : #FFF; text-decoration : underline; background: none;}
h1 {color : #51D2FF; margin: 16px 0px 6px 0px; font : bold 17px Arial, Helvetica, sans-serif;}
h2 {color : #51D2FF; margin : 6px 0; font : bold 15px Arial, Helvetica, sans-serif;}
h3 {color : #808080; margin : 10px 0; padding-bottom : 10px; font : bold 14px Arial, Helvetica, sans-serif;}
ul {padding:0;margin:0 0 0 17px;list-style: square url(dentist-lechlade-gloucestershire-images/bullet.gif);}
table {table-layout: automatic;	width: 100%; border: none; text-align: left; font : normal 12px/1.6em Arial, Helvetica, sans-serif; color: #808080; } 

.box {background : #f7f7f7;border : 1px solid #f0e9eb;padding : 15px;}

/*** Layout ****/

#wrapper {float:left; width: 100%;}
#wrapper p{line-height: 1.4}
#header {}
#header h1{margin: 50px 0 30px 50px; font-size: 28px; color : #808080;}
#header p{margin: 0 0 0 50px; font-size: 12px; }
#top {background: #60CEFF; font-size: 22px; text-decoration: bold; text-align: right; padding: 4px 140px 2px 0}

#box>ul{margin:0;padding:0;display:table;width:200px; list-style-image:none }
#box>ul li{display:inline;white-space:nowrap;display:table-cell}
#box>ul li.left{float:left;float:none;text-align:left}
#box>ul li.right{text-align:right}
.clear{clear: both}

#feeL{width: 15em; float: left}
#feeR{width: 80px; margin-left: 16em}
.fortyfive{width: 45%;}
.wrap{margin: 40px 0 30px; height: 100px}
.dotted{margin: 20px 6px 0; border: 1px dotted #51D2FF; padding: 4px; text-align: center}
.left{float: left}
.right{float: right}
#left{width: 120px; float: left; font : normal 12px/1.6em Arial, Helvetica, sans-serif; color: #808080;}
#right{width: 160px; margin-left: 130px; font : normal 12px/1.6em Arial, Helvetica, sans-serif; color: #808080;}

#nav {background: #FF0; float:left; width: 166px; background : #B2E4FF; margin-left:-98%; height: 360px}
#nav ul{list-style-image:none }
#nav ul li {list-style: none; }
#nav li a {height: 20px; text-decoration: none; color : #808080; display: block; padding: 8px 0 0 30px; border-style: none}  
#nav li a:hover{color: #FFF; text-decoration : underline; border-style: none}  
#selected {color: #51D2FF; background: url(dentist-lechlade-gloucestershire-images/nav-active.gif); } 

#main-content {background: #CCE0DF; margin : 0 274px 4px 200px; padding: 10px;}
.eightyfive{width: 85%}
#right-column {float:right; width: 260px; margin: 0 0 4px -260px}
#footer {width:100%; background: #60CEFF; padding : 5px; font-size: 80%; line-height: 1.4; text-align: center; clear : both;}
.right{ float: right}
.img-mid{ background: #FFF; border: 1px dotted #51D2FF; margin: 44px 6px 20px 6px}
.boxcontent {padding: 10px 30px;}

/* contact page - form layout */
form{margin-top: 0px;}
div.row{clear: both;  width: 500px;}
div.row span.formlabel {float: left;  width: 160px;  text-align: left; padding-left : 5px;}
div.row span.forminput{float: left;  text-align: left;} 
div.spacer{clear: both;  width: 75px;}
.rad1 {width: 30px; border:0}
.rad2 {width: 30px; margin-left: 167px; border:0}
.dropdown{width: 120px; float: right; margin-right: 74px; font-size: 10px}
.formbtn {float: right; margin-right: 80px}
input, textarea{width: 245px;   font-family: verdana, arial, sans-serif;  border: 1px solid #C6C6C6;
  font-size: 100%;  margin: 2px;}
.submit{ font-family: verdana, arial, sans-serif;  border: 1px solid #C6C6C6;  width: 70px;  height: 22px;
  cursor: pointer;  font-size: 100%;}