html {
	overflow-y: scroll;
}

body, html{
      margin:0;
      padding:0;
      color: #222;
      background: #fff url(images/style2/grey_bg.gif) top center repeat-x;
      text-align:center;
      margin-bottom:8px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
}

a {
      color:#384F9C;
      text-decoration:none;
}

a:hover {
      color:#536BC1;
      text-decoration:underline;
}

#helpmessageholder {
      position: absolute;
      top: 310px;
      left: 0px;
      width: 100%;
      _height: 150px; 
      min-height: 150px;
      visibility: hidden;
      z-index: 999;
}

#helpmessageinner {
      width: 810px;
      _height: 150px; 
      min-height: 150px;
      margin: 0 auto;
      text-align: center;
      
}

#helpmessage {
      float: left;
      width: 507px; 
      _height: 150px; 
      min-height: 150px;
      text-align: left;
      background: #E0E7ED; 
      border: 1px solid #999;
      padding: 5px 0px;
      display: none;
      margin-left: 15px;
}

#help {
      float: right;
      margin-top: 12px;
      top: 0px;
      right: 0px;
}

* html #help {
      margin: 0;
}

.changes-made-table {
      text-align: center; 
      width: 300px;
      font-size: 11px;  
}

.changes-made-image {
      width: 60px; 
      border-right: dotted #CCC 1px; 
      padding: 5px;
}

.changes-made-text {
      width: 240px; 
      text-align: left; 
      padding: 5px;
}

div#StaffImage, div#DentalPlanImage {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width:600px;  
            
      margin: 0;
      padding: 5px;
      color: #FFF;
      border: 0; 
      text-align: justify;  
      
}

#DentalPlanImage img {
      border: 1px solid #999;
}

/* ----- IDS ----- */

#container {
      position: relative;
      top: 42px;
      left: 0px;
      width: 812px;
      margin: 0 auto;
      padding: 0;
      text-align:left;
      overflow: hidden;
      background: url(images/style2/grey_bg.jpg) top left repeat-y;
}

* html #container { top: 38px; overflow: visible; }

#contentholder {
      position: relative;
      top: 0px;
      left: 0px;
      margin: 0 auto;
      padding: 0;
      text-align:left;
      width: 812px;
      background: url(images/style2/grey_main_bg.jpg) top left no-repeat;
      z-index: 200;
      overflow: hidden;
}

* html #contentholder { overflow: visible; }

#visitor-container {
      position: relative;
      top: 42px;
      left: 0px;
      width: 812px;
      margin: 0 auto;
      padding: 0;
      text-align:left;
      overflow: hidden;
      background: #f8f6f7;
}

* html #visitor-container { top: 38px; overflow: visible; }

#visitor-contentholder {
      position: relative;
      top: 0px;
      left: 0px;
      margin: 0 auto;
      padding: 0;
      text-align:left;
      width: 812px;
      background: url(images/style2/blue_main_bg.jpg) top left no-repeat;
      z-index: 200;
      overflow: hidden;
}

* html #visitor-contentholder { overflow: visible; }

/* ----- HEADER ----- */

#headerouter {
      width: 100%;
      height: 165px;
      padding: 0;
      position: relative;
      top: 36px;
      left: 0px;
}


#header {
      text-align:left;
      margin:0 auto;
      padding:0;
      width: 810px;
      height: 1%;
      height: 165px;
}

#header img {
      padding: 0;
      margin: 0;
      border: 1px solid #B9B9B9;
}

#banner{
      margin:0;
      padding:0;
      padding-bottom:5px;
}

/* ----- NAVIGATION ----- */

#navigationouter {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      margin: 0 auto;
      height: 30px;
}

#navigationInner {
      position: relative;
      top: 8px;
      right: 0px;
      width: 814px;
      height: 30px;
      margin: 0 auto;
      text-align: right;
}

* html #navigationInner { top: 10px; }

.map {
      width: 520px; 
      height: 400px; 
      border: 1px solid #999;
}

/*********************** */
/*  Menu styling & hover */
/*********************** */

#menu {
      width: 720px;
      height: 28px;
      text-align: right;
      float: right;
      font-weight: bold;
      font-size: 11px;
      z-index: 13;
      margin: 0;
}

#menu .mainlink { cursor: default; }

#menu a {
	display: block;
	font: bold 10px verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
      color: #555;
      background: url(images/style2/grey_menu.jpg) repeat-x top left;
      padding: 7px 6px;
      height: 14px;
      text-align: left;
      margin: 0;
      border-bottom: 1px solid #B9B9B9;
      width: 108px;
}	

#menu a:hover, #menu a:active	/* menu at mouse-over  */
	{
	color: #333;
      background: #A6B6CA url(images/style2/grey_menu_hover.jpg) repeat-x top left; 
      text-align: left;
      margin: 0;
      display: block;
	}	

#menu .sublink {
	display: block; 
	margin: 0px; 
	font: bold 10px verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
      color: #555;
      background: #CCC;
      height: 15px;
      padding: 4px 6px;
      text-align: left;
      border: 0;
      width: 108px;
}

#menu a.sublink:hover {
	color: #FFF;
      height: 15px;
      background: #BBB;
      padding: 4px 6px;
      text-align: left;
      margin: 0;
      display: block;
      width: 108px;
}
		
#menu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
	
* html #menu ul { width: 100px; }

#menu ul ul
	{
	position:relative;
	z-index:500;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0;
	margin: 0;
	}

#menu ul ul ul
	{
	top:0;
	left:100%;
	}

div#menu li:hover
	{
	cursor:pointer;
	z-index: 800;
	}

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

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

/* ----- HEADINGS ----- */

h1 {
      font-family: helvetica, arial, sans-serif;
      font-size:20px;
      letter-spacing: 0px;
      margin-top:5px;
      margin-bottom:20px;
      font-weight:bold;
      color: #69bfbb;
}
h2 {
      font-family: helvetica, arial, sans-serif;
      font-size:15px;
      letter-spacing: 0px;
      margin-top:5px;
      margin-bottom:20px;
      font-weight:bold;
      color:#69bfbb;    
}

/* ----- PARAGRAPHS ----- */

p {
      color:#333;
      font-size:11px;    
      line-height:18px;
}
#mainpanel ul, #sidepanel ul{
      color:#333;
      font-size:11px;    
      margin:20px 0;
      padding: 0;
      list-style:none; 
}
#mainpanel li, #sidepanel li{    
      padding-left:25px;
      margin:4px 0;
      list-style:none;
      background: url("images/style2/blue_bullet.gif") left bottom no-repeat;
}


/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}

#imageFadeHolder {
      position: relative;
      top: 0px;
      left: 0px;
      width: 200px;
      height: 150px;
      margin: 0 auto;
      text-align: left;
      padding-left: 5px;
      margin-bottom: 20px;
      
}

#imageFade img {
      border: 1px solid #999;
}

/* ----- FORMS ----- */

.input{
    background-color: #FFF;
    color: #333;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width: 300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;          
}

.long-input{
    background-color: #FFF;
    color: #333;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width: 387px;
    font-family:Verdana, Arial, Helvetica, sans-serif;          
}

.full-input{
    background-color: #FFF;
    color: #333;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width: 485px;
    font-family:Verdana, Arial, Helvetica, sans-serif;          
}

.title-Cell {
      width: 200px;
      border: 1px solid #999;
      padding: 4px;
      color: #333;
      background: #BFBFBF;
}

.input-Cell {
      border: 1px solid #999;
      padding: 4px;
      width: 300px;
}

.full-input-Cell {
      border: 1px solid #999;
      padding: 4px;
      width: 480px;
      color: #333;
      font-size: 11px;
}

.short-title-Cell {
      width: 100px;
      border: 1px solid #999;
      padding: 4px;
      color: #333;
      background: #BFBFBF;
}

.full-title-Cell {
      width: 495px;
      border: 1px solid #999;
      padding: 4px;
      color: #333;
      background: #BFBFBF;
}

.long-input-Cell {
      border: 1px solid #999;
      padding: 4px;
      width: 400px;
}

.main-form {
      border: 1px solid #BBB;
      background: #D4D4D4;
      padding: 4px;
      width: 500px;
      margin: 0;
}

.main-table {
      border-spacing: 0px ;
      border-collapse: collapse;
      width: 500px;
      margin: 0;
      padding: 0;
      font-size: 11px;
      
}

.smile-table {
      width: 500px;
}

.smile-cell {
      width: 250px;
      text-align: center;
}

.visitor-table {
      border-spacing: 0px ;
      border-collapse: collapse ;
      margin: 0;
      padding: 0;
}

button{
      background: #ACACAC;
      margin: 0px 2px 0px 2px; 
      padding: 2px 10px 3px 10px;    
      height: 23px;
      width: 80px;
      text-decoration: none;
      text-align: center;
      color: #222;
      border: 1px solid #999;
      font-size: 12px;
      cursor: pointer;
}

button:hover {
      cursor: pointer;
      background: #999;
      color: #FFF;
      border: 1px solid #999;
      font-size: 12px;
}

.linkbutton a {
      background: #ACACAC;
      color: #222;
      border: 1px solid #999;
      text-decoration: none; 
      padding-top: 4px; 
      padding-bottom: 4px; 
      display: block; 
      width: 80px; 
      text-align: center; 
      margin: 0;
}

.linkbutton a:hover{
      cursor: pointer;
      background: #999;
      color: #FFF;
      border: 1px solid #999;
      text-decoration: none; 
      padding-top: 4px; 
      padding-bottom: 4px; 
      display: block; 
      width: 80px; 
      text-align: center;
      margin: 0;
}

a.linkbutton:link, a.linkbutton:visited {
      background: #ACACAC;
      color: #222;
      border: 1px solid #999;
      text-decoration: none; 
      margin: 0px 2px 0px 2px; padding: 4px;
      width: 80px; 
      text-align: center;
}

a.linkbutton:hover{
      cursor: pointer;
      background: #999;
      color: #FFF;
      border: 1px solid #999;
      text-decoration: none; 
      width: 80px; 
      text-align: center;
      margin: 0;
}

form p{
    padding:2px 0;
}

/* ----- CONTENT ----- */

#mainpanel{
      padding:35px 15px 35px 15px;
      font-size:11px;
      float: left;
      overflow: hidden;
      width: 574px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 542px;
}

#mainpanelwide{
      padding: 35px 15px 35px 15px;
      background: url(images/style2/grey_wide_bg.jpg) top left no-repeat;
      font-size:11px;
      float:left;
      overflow: hidden;
      width: 812px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 782px;
}

* html #mainpanel { overflow: visible; }
* html #mainpanelwide { overflow: visible; }

#mainpanel img{
      float: right;
      clear: none;
      margin: 10px;
      margin-right: 0;
      padding:1px;
}

#sidepanel {
      font-size: 11px;
      float: right;
      padding: 35px 15px;
      overflow: hidden;
      width: 237px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 205px;
}

* html #sidepanel { padding: 45px 17px 45px 13px; }


/* ----- FOOTER ----- */

#footer{
      position: relative;
      left: 0px;
      top: 48px;
      height:32px;
      padding:0px 0px;
      width:100%;
      text-align:center;
      font-size:10px;
      color:#484848;
}

* html #footer { top: 44px; }

#footerinner {
      margin: 0 auto;
      height: 10px;
      background: #f4f4f4;
      padding:10px 20px 10px 20px;
      border: 1px solid #BBB;
      width: 810px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 770px;
}

#footer #copyright {
      float:left;
      clear:none;
      width: 200px;
      text-align: left;
      height: 13px;
}
#footer #links {
      float:right;
      clear:none;
      width: 200px;
      text-align: right;
      height: 13px;
}
#footer a {
      color:#606060;
      text-decoration:none;
}
#footer a:hover {
      color:#777;
      text-decoration:underline;
}