/*
  Copyright (c) 2004 Professional Web Solutions
  http://www.pws.co.nz
*/
html,body{margin:0;padding:0;background-color:#d4e1c7}
body{font: 76% arial,sans-serif}
div#container{width: 970px; margin: auto;}
p{margin:0 10px 10px}
a{display:inline;color: #006;}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:transparent}

div#footer{text-align:center;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;}

div#wrapper{float:right;width:100%;margin-left:-255px}
div#content{margin-left:255px}
div#navigation{float:left;width:255px}
div#extra{float:left;clear:left;width:255px;margin-top:4em;}
div#footer{clear:both;width:100%;padding-top:3em;}

.titletop {
	text-align:center;
	margin-bottom:3em;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.form_error { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #ff3333; font-weight: bold; }

BODY {
  background: #d4e1c7;
  color: #2f3f1f;
  margin: 0px;
}

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow {  background-color: #d4e1c7; }
.dataTableRowSelected { background-color: #9FBF83; }
.dataTableRowOver { background-color: #E4EEDC; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


a {
  color: #000000;
  font-weight : bold;
  text-decoration: none;
}

a:hover {
  color: #9fbf83;
  font-weight : bold;
  text-decoration: underline;
}

FORM {
	display: inline;
}

input.readonly {
    background: #d4e1c7;
    border: 0px;
}



TR.header {
  background: #ffffff;
}

TR.menu {
  background: #d4e1c7;
}

TD.menu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #000000;
  font-weight : bold;
}

span.menu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #000000; 
  font-weight : normal;
}

TD.clinicsbg {
  background: #9FBF83;
  margin:0px;
  padding:0px;
}

div.clinicinfo {
	margin-left:6em;
	margin-top:-2em;
	}
	
TD.reviewsbg {
  background: #9FBF83;
}

.border {
	background: #9FBF83;
	padding:0em 0em 0em 2em;
	width:85%;
	margin-bottom:4em;
	font-weight:bold;
}
.borderinner {
	background: #d4e1c7;
	width:100%;
	padding-left:2em;
	font-weight:normal;
}

.borderinner h2 {
	margin-top:0px;
}

.imgright {
	float: right;
	margin-left:2em;
}

.center {
	text-align:center;
}

.dashedbox {
	margin-top:3em;
	text-align:center;
	border:1px dashed green;
	background: #ddd;
	width:21em;
	padding:1em;
}

.dashedbox em {
	text-align: right;
	font-size: 80%;
}


.footer { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000; 
}

.titletop h1 { 
  font-family: Verdana, Arial, sans-serif;
  margin: 3px;
  font-size: 35px;
  color: #000000; 
}

.titletop h2 { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #000000; 
  margin: 3px;
}

A.menu { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #000000; 
  font-weight : normal;
}

A.menu:hover {
  color: #000000;
  text-decoration: none;
}

A.menu2 { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #000000; 
  font-weight : normal;
  padding-left:20px;
}

A.menu2:hover {
  color: #000000;
  text-decoration: none;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.address {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #582a8b;
  color: #ffffff;
}

/* mubla gallery */
/* General page attributes */
input, select {
	font-family: tahoma, arial, verdana, helvetica;
	font-size: 10pt; height: 14pt; }

/* <img> tag attributes */
img.mublaimg { border: 2px #ffffff solid; background-color: #d4e1c7; }
img.highlight { border: 2px #9FBF83 solid; }

/* Style for album browsing area (dropdown list) */
div.mublalist {
	position: relative; top: +5px; left: 10%;
	width: 90%; padding: 2px; border: 1px #83a3d3 outset;
	background-color: #9FBF83; text-align: left; }

/* Style for pagination links area */
div.mublamenu {
	position: relative; top: +5px; left: 10%;
	width: 90%; height: 12pt; padding: 0;
	/* border: 1px #f0a000 solid;*/
	border: 1px #9FBF83 solid;
	background-color: #9FBF83; color: #ffffff;
	font-weight: bold; font-size: 10pt;
	text-align: center; }

/* Style for thumbnailed images area */
div.mublabody {
	position: relative; top: +5px; left: 10%;
	width: 90%; padding: 2px; 
	background-color: #d4e1c7;
	font-size: 8pt; text-align: center; }

/* Style for caption previewing area */
div.mublacaption {
	position: relative; top: +5px; left: 10%;
	width: 90%; height: 50px; overflow: auto;
	padding: 2px;
/*	border: 1px #9FBF83 solid; */
	background-color: #d4e1c7; color: #000000;
	font-size: 10pt; font-weight: bold text-align: justify;
}

/* Style for 'Powered by MUBLA!' link at the bottom of the page */
div.mublacopy {
	position: relative; top: +10px; left: 10%;
	width: 90%; height: 12pt; font-size: 8pt; font-weight: bold;
	color: #ffffff; text-align: center; }

/* Style for runtime error output area */
div.mubladebug {
	position: relative; top: +5px; left: 10%;
	width: 90%; height: 10pt; padding: 2px;
	border: 1px #202020; background-color: #404040;
	font-size: 8pt; font-weight: none; color: #c0c0c0;
	text-align: center; }
	
	
/**************** menu coding *****************/
#menu {
width: 15.5em;
background: transparent;
padding-left:2em;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 20px arial, helvetica, sans-serif;
display: block;
 
border-width: 0px;
border-style: solid;
border-color: #9FBF83;

color: black;
background:#d4e1c7;

margin: 0;
padding: 2px 10px;
}

#menu 

#menu h2 {
 color: #000; /*
background: #000;
text-transform: uppercase; */
}

#menu a {
color: #000;
background: #d4e1c7;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #E4EEDC;
}

#menu span {
	font-size: 10px;
	float:right;
}

#menu li {
border-bottom: 1px solid #9FBF83;
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: #9FBF83;

}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}