body {
	/*background-image: url(../images/bg.png);
	background-repeat: repeat-x;*/
	/*font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background-color: #CCCCCC;*/
		background-image: url(../images/bg_2015sml.png);
	background-repeat: repeat-x;*/
	font-size: 1em;
	line-height: 1.2em;
	background-color:#FFF;
}


/*  layout  */
#wrapper-sd{
	/*min-height: 110%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	width: 960px;
	border: 1px solid #CCCCCC;	
	background-image: url(../images/bg_centre.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF; */           /*margin: 0 auto;*/
			/*padding: 0 5px 0 5px;*/	
				min-height: 110%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	width: 960px;
	 font-family: 'Helvetica Neue',Helvetica,sans-serif;		
}
.footerbg {
	
margin: 0 auto -4em;
	background-image: url(../dentist/images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;	

	
}
#contents-sd {
	font-size: 0.9em;
	min-height: 450px;
	height: auto !important;
	height: 100%;
	
}
#contactsnow{
	display: none;
	

}
.spoof {
	display: none;
}

#header, #nav-horizontal, #topline,#primary-navigation, #secondary-navigation, #contents-sd,#nav-footer,#footer {
            width: 960px;
            margin: 0 auto;
}

/* the email/contact us images on every page*/
#contact {
	float: right;
	width: 160px;
	Padding: 0px 0px 0px 5px;
	top: 0px;/*342*/
	 z-index:50;/*this allows the links to work because they are otherwise under other layers*/	
}
/* the very top line of the page with sitemap and login buttons */

#topline {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0 0px 0px;
	margin: 8px 0 0px 0px;
	background-color:rgba(0,116,105,0.2);
	
}
/* the logo header is in this */
#midline {

	height: 168px;/*284*/
	/*background-color:#99F;*/
}
/* the top practice name and select box is in one of these */
.floatright {
	float:right;
	text-align:right;
	width:auto;
	margin:0px 10px 0px 2px;
	padding:2px;
	color:#DADADA; 
	/*background-color:#91F;*/	
}

/* this is the logout button at the top */
.button {
   border-top: 1px solid #b0b0b0;
   background: #4f5152;
   background: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#4f5152));
   background: -webkit-linear-gradient(top, #919191, #4f5152);
   background: -moz-linear-gradient(top, #919191, #4f5152);
   background: -ms-linear-gradient(top, #919191, #4f5152);
   background: -o-linear-gradient(top, #919191, #4f5152);
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFF;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button a{
	color:#fff;		
}
.button:hover {
   border-top-color: #754fa6;
   background: #754fa6;
   color: #ffffff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }


nav {
	float:left;
	
}
nav ul  {
	float:right;
}
#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}
#primary-navigation {
	height:3em; /*62px*/
	/*margin:4.375em 0 0 2.188em; /*70px 35px*/
	margin:0em 0em 0.6em 0em;
	/*background-color:#81F;*/
	
}
#primary-navigation li {
	margin-right:0.188em; /*3px*/
	text-align:center;
	float:left;
	
}
#primary-navigation li.active a {
	background:#000;
	height:1.70em; /* needs to be 1.73em not 1.688em */
	width:8em; 
	padding-top:1em; /* 16px */
	margin-top:0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#3b3b3b), to(#010101));
	background-image:-webkit-linear-gradient(top, #3b3b3b, #010101);
	background-image:-moz-linear-gradient(top, #3b3b3b, #010101);
	background-image:-ms-linear-gradient(top, #3b3b3b, #010101);
	background-image:-o-linear-gradient(top, #3b3b3b, #010101);
	background-image:linear-gradient(top, #3b3b3b, #010101); 
}
#primary-navigation li.active a:hover, #primary-navigation li.active a:focus {
	background:#0d0d0d; /*Old browsers*/	
	background:-moz-linear-gradient(top, #7c7e7e 0%, #333333 100%); /*FF3.6+*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7e7e), color-stop(100%,#333333)); /*Chrome,Safari4+*/
	background:-webkit-linear-gradient(top, #7c7e7e 0%,#333333 100%); /*Chrome10+,Safari5.1+*/
	background:-o-linear-gradient(top, #7c7e7e 0%,#333333 100%); /*Opera 11.10+*/
	background:-ms-linear-gradient(top, #7c7e7e 0%,#333333 100%); /*IE10+*/
	background:linear-gradient(to bottom, #7c7e7e 0%,#333333 100%); /*W3C*/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7e7e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */	
}
#primary-navigation a {
	display:block;
	height:2.5em; /*30px*/
	width:7em;
	margin-top:0.278em; /*5px*/
	
	padding:0.5em 0.833em 0.333em 0.833em; /*0.778em 0.833em 0.333em 0.833em;14px 15px 6px 15px*/
	color:#fff;
	text-decoration:none;
	background:#000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1em; /*18px*/
}		
#primary-navigation a:hover, #primary-navigation a:focus  {
	background:#007468;
}
#secondary-navigation {
	float:right;
	position:relative;
	width:98%;*/
	/*width: 960px;*/
	/*margin-top:1.063em; 17px*/
	/*font-size:1.7em;*/
	overflow:hidden;
	height:2.5em; /*40px*/
	padding-top:0.625em; /*10px*/
	/*background-color:#21F;*/
}

#secondary-navigation {
	float:right;
	position:relative;
	width:98%;*/
	/*width: 960px;*/
	/*margin-top:1.063em; 17px*/
	/*font-size:1.7em;*/
	overflow:hidden;
	height:2.5em; /*40px*/
	padding-top:0.625em; /*10px*/
	/*background-color:#21F;*/
}
#secondary-navigation ul {
	float:right;
	position:relative;
	/*left:45%;*/
	/*clear:left;*/
	text-align:center;
	/*background-color:#096;*/

}
#secondary-navigation ul li {
	position:relative;
	display:block;
	float:left;
	/*right:50%;*/
	margin-right:0.375em; /*6px*/
	height:1.875em; /*30px*/
	background-color:#444444;
	
	
}
#secondary-navigation ul li a {

	padding:0.533em 0.667em; /*8px 10px*/
	color:#fff;
	font-size:0.9em; /*ipad fix*/
	text-decoration:none;
	font-family:Helvetica, arial, sans-serif;
	margin-left: 0;
	height:2.4em; /*2.4em;36px*/
	text-wrap:normal;
	background:#00685D;
	text-transform:uppercase;
	font-weight:300;
}
#secondary-navigation ul li:last-child {
	margin-right:0;
}
#secondary-navigation ul li.active1 a, #secondary-navigation ul li a:hover, #secondary-navigation ul li a:focus  {
	background:#4d4d4d;
}
#secondary-navigation ul li.active1:after {
	top:100%;
	border: 12px solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-top-color:#4d4d4d;	
	left:50%;
	margin-left:-0.75em; /*-12px*/
	margin-top:-0.25em; /*-4px*/
}
#secondary-navigation ul li.active1:hover:after {
	border-top-color:#4d4d4d;
	border-width:0.75em; /*12px*/
	left:50%;
	margin-left:-0.75em; /*-12px*/
	margin-top:-0.25em; /*-4px*/
}
/*Tertiary navigation*/
#nav-wrapper {
	float:left;
	width:15em; /*230px*/
	margin:2em 0em 0 0; /*43px 40px2.7em 2.5em 0 0;*/
	font-size:1em;
	/*background-color:#CCC;*/
}
#tertiary-navigation a {
	text-decoration: none;
	
}
#tertiary-navigation > ul > li {
	margin-left:-1.5em;/*this gets rid if the list bullet space*/
	padding: 0.75em 0em 0.5em 2.5em; /*12px 20px this give the image */
	border-bottom: 1px solid #dedede;
	list-style-type: none;
	/*background-color: #F0F;*/
	background-image: url(../dentist/images/bullet_point.png);
	background-repeat: no-repeat;
	background-position: 0em center;	
}
#tertiary-navigation > ul > li  > a {
	color:#000;		
	font-family:Arial;

			
}
#tertiary-navigation > ul > li > a:hover, #tertiary-navigation > ul > li > a:focus {
	text-decoration:underline;
}
#tertiary-navigation > ul > li:first-child {
	border-top:1px solid #dedede;
}
#tertiary-navigation > ul > li.active {
	padding:0.75em 0 0 0; /*12px*/
	border-bottom:0;
	background:#7c7e7e;/* url(../images/secondary-nav-arrow-active.gif) 0.375em 0.875em no-repeat; /*6px 14px*/
}	
#tertiary-navigation > ul > li.active > a {	
	display:block;
	margin:0 1.25em; /*20px*/
	color:#fff;		
	padding-bottom:0.75em; /*12px*/
}
#tertiary-navigation > ul > li ul {
	margin:0.75em 0 0 -1.25em; /*12px -20px*/
	/*width:14.375em; /*230px*/
}
#tertiary-navigation > ul > li ul li{
	padding:0.75em 1.25em; /*12px 20px*/
	border-top:1px solid #dedede;
	background:url(/images/arrow-red.png) 0.625em 1.063em no-repeat; /*10px 17px*/
}
#tertiary-navigation > ul > li ul li:last-child{
	padding-bottom:0;
}
#tertiary-navigation > ul > li ul li a{	
	color:#000;
	font-family:Arial;
}
#tertiary-navigation > ul > li ul li a:hover, #tertiary-navigation > ul > li ul li a:focus{
	color:#a3adb2;
}
#tertiary-navigation > ul > li.active > ul {	
	background:#f2f4f6;
	margin-left:0;
	margin-top:0;
}
#tertiary-navigation > ul > li.active > ul li {
	padding:0.625em 1.875em; /*10px 30px*/
	border-top:0;
	background:none;
}
#tertiary-navigation > ul > li.active > ul li.active{
	background:#dadee0;
	position:relative;
}
#tertiary-navigation > ul > li.active > ul li.active:after {
	left:100%;
	border:10px solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(218, 222, 224, 0); /* FF fix */
	border-left-color:#dadee0;
	top:50%;	
	margin-top:-0.688em; /*-11px*/
}
#tertiary-navigation > ul > li.active > ul li.active a {
	color:#000;
}
#tertiary-navigation > ul > li.active > ul li a {
	color:#000;
	border-bottom:1px dotted #000;
}
#tertiary-navigation > ul > li.active > ul li a:hover,#tertiary-navigation > ul > li.active > ul li a:focus{
	border-bottom:none;
}
/*----*/ 
#tertiary-navigation > ul > li.activeh {
	padding:0.75em 0 0 0; /*12px*/
	border-bottom: 1px solid #dedede;
	background:#fff url(../dentist/images/secondary-nav-arrow-active.gif) 0.375em 0.875em no-repeat; /*6px 14px*/
}
/* this is the home link for each policy*/	
#tertiary-navigation > ul > li.activeh > a {	
	display:block;
	margin:0 1.25em; /*20px*/
	color:#000;		
	padding-bottom:0.75em; /*12px*/
	font-weight:600;
}
#tertiary-navigation > ul > li.activeh > ul {	
	background:#f2f4f6;
	margin-left:0;
	margin-top:0;
}
#tertiary-navigation > ul > li.activeh > ul li {
	padding:0.625em 1.875em; /*10px 30px*/
	border-top:0;
	background:none;
}
#tertiary-navigation > ul > li.activeh > ul li.activeh{
	background:#dadee0;
	position:relative;
}
#tertiary-navigation > ul > li.activeh > ul li.activeh:after {
	left:100%;
	border:10px solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(218, 222, 224, 0); /* FF fix */
	border-left-color:#dadee0;
	top:50%;	
	margin-top:-0.688em; /*-11px*/
}
#tertiary-navigation > ul > li.activeh > ul li.active a {
	color:#000;
}
#tertiary-navigation > ul > li.activeh > ul li a {
	color:#000;
	border-bottom:1px dotted #000;
}
#tertiary-navigation > ul > li.activeh > ul li a:hover,#tertiary-navigation > ul > li.activeh > ul li a:focus{
	border-bottom:none;
}

#nav-footer {
	padding: 1em 0em 0em 0em;


}

#footer {
	

	color: #FEFEFE;
	padding:10px;
	text-align: center;
	font-size: 0.8em;
	color:#333;
	overflow: auto;
	width: 100%;
}
/* general layout boxes*/
.middle{
	width: 535px;
	float:left;
	margin:2em 1em 0 1em;
	padding:1em 0em 0em 1em;
	/*background-color:#F00;*/	
	
}
.middleplus{
	width: 660px;
	float:left;
	margin:2em 1em 0 1em;
	padding:1em 0em 0em 2em;
	/*background-color:#F00;*/	
	
}
/* i use this with forms for new staff induction selects*/
.halfmiddleplus{
	width: 350px;
	float:left;
	/*margin:0em 1em 0 1em;*/
	padding:1em 0em 0em 1em;
	/*background-color:#F00;*/	

}
#primary {
	width: 200px;
	float: right;
	margin:2em 3em 0.3em 0;
	padding:1em 0em 0em 1em;
	font-size:10px;
	border-radius:4px;
	background-color: #F8F8F8;
}
.side_rh {
	width: 210px;
	float: right;
	margin:2em 1em 0.3em 0;
	padding:1em 0em 0em 1em;
	border-radius:4px;
	background-color: #F8F8F8;
}
h1.practicereport {
	background-color:#909;
	color:#FFF;
	font-size:1.2em;
	padding:0.3em 0em 0.3em 1em;
	margin:-0.8em 0em 0.4em -0.7em;
	-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px; 
	
}

.wholewidth {
	/*overflow: auto;*/
	width: 95%;
	padding:1em 0em 0em 2em;
	margin: 2em 0em .6em 0em;/* the 6 stops it running into the footer*/
	border: thin solid #EFEFEF;
	
		
}

.aside {
	width: 180px;
	float: right;
	margin: 10px 0px 15px 0px;
	padding: 15px 15px 15px 15px;
	border: thin solid #EFEFEF;
	border-radius: 8px;
	background-color:#FFF;	
}

/* this creates the tick boxed */
#aseptic ol ol li {
	list-style-position: outside;
	list-style-image: url(../dentist/images/square15.gif);
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	padding-left: 5px;
	line-height: 14px;
}

#dontshownow {
	display:none;
	visibility: hidden;	
	height: 0px;
	margin: 0px;
}
#callout {
	background-color: #FFF;
	padding: 8px;
	border: thin solid #333;
	margin: 10px;
	width: 500px;
}

#contents_home {
	float:left;
	width: 720px;

	
}
#dashed {
	border: 1px solid #999;
	padding-left: 5px;
	padding-top: 5px;
}
#dropform {
	float: right;
	height: 15px;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	top: 89px;	
}
#nav-footer h1 {
	font-size: 1.6em;
	font-weight: 400;
	color: #fff;
	padding: 5px 0 5px 15px;	
}
#homespace {
	float: left;
	display: inline;
}



/* layout */




#printheader {
	font-size: 1.2em;
	width: 660px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:5px;
	border: 1px solid #333333;
	text-align: center;
	background-color: #CCCCCC;
}
#printcontents {
	
	font-size: 1em;
	width: 660px;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
}
#printfooter{

	font-size: 0.8em;
	width: 660px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	text-align: center;
	border: 1px solid #333333;
}




#staff_formsPrint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 680px;
	padding-top: 40px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}



/*  contents-sd layout  */
.wholewidth-black {
	width: 980px;
	background-color:#000;
	margin: 0 auto;
	color:#FFF;

}



.midsection {
	width: 1000px;
	/*background-color:#FFF;*/

}
.midform{
	width: 740px;
	float:right;
	padding:15px ;

}
/* this is on the home page*/
.midhom{
	width: 720px;
	float:left;
	margin: 10px 0px 5px 0px;
	padding:15px 0px 20px 20px;
	border: thin solid #EFEFEF;
	border-radius: 8px;
	background-color:#FFF;	
	
}
/* this is on the home page*/

.midthirdhome{
	width: 210px;
	float:left;
	padding:0px 15px 0px 15px;
	line-height: 1.4;
	
}
.midthird {
	float:left;
	width: 500px;
	padding:15px;
	

}
.halfmidthird {
	float:left;
	width: 250px;
	padding:15px 10px 15px 10px;
	margin:0;

}



.halflist {
	width: 45%;
	float: left;
	padding: 2px 15px 0 10px;
	
	
}
.third {
	width: 300px;
	float: left;
	padding: 2px 15px 0 10px;
	
}
.third1 {
	width: 300px;
	float: left;
	padding: 0px 5px 0 5px;
	
}
.fourth {
	width: 220px;
	float: left;
	padding: 2px 0 0 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;	
}

.fifth {
	width: 195px;
	float: left;
	padding: 2px 0 0 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;	
}
.sixth {
	width:160px;
	float:left;	
	padding: 2px 0 0 0px;
	font-size:0.8em;
	
	
}



.button-forward {
	float:left;
	border: 1px solid #eded;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 40px 4px rgba(50, 50, 50, .8);
	box-shadow: 2px 2px 2px #333333;
	background-color: #B9B699;
	height: 40px;

	background-image: url(../dentist/images/arrow_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 20px 0px 0px 200px;
	padding: 5px 15px 5px 10px;

}
.button-centre {
	float:center;
background-color:rgb(255,255,255);
width:auto;
height:33px;
border-color:rgb(0,0,0);
border-width:1px;
/* Firefox v1.0+ */
-moz-border-radius:3%;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:2%/8%;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:2%/8%;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:5px 5px 4px rgba(0,0,0,0.65);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:5px 5px 4px rgba(0,0,0,0.65);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:5px 5px 4px rgba(0,0,0,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a5000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a5000000,Positive=true);
	background-image: url(../dentist/images/arrow_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0;
	padding: 15px 15px 5px 10px;

}
.buttonsubmit {
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 10px;
	background-color: #006;
	border: 2px solid #000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 14px;
	box-shadow:#666;
	/* Firefox v3.5+ */
-moz-box-shadow:5px 5px 4px rgba(0,0,0,0.65);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:5px 5px 4px rgba(0,0,0,0.65);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:5px 5px 4px rgba(0,0,0,0.65);
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.paperlook{
	margin: 15px;
	padding: 15px;
	border: 1px solid #eded;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 10px 4px rgba(50, 50, 50, .8);
	box-shadow: 0px 1px 10px #333333;
	background-color: transparent;	
}
/* tags*/

h1, h2, h3, h4, h5, h6, p, blockquote,
 label,  ol, dl, fieldset, address {
    margin-bottom: 0.8em;
}

h1 {
	font-size: 1.6em;
	font-weight: 400;
	color: #00685D;
	line-height:1.2em;
	
}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family:Arial, Helvetica, sans-serif;
}
.midsection H1, .midthird h1 {
	font-size: 22px;
	font-weight: 300;
	color: #00847F;	
}
/*.sidecontents h1, .side_rh h1 {
	font-size: 1.1em;
	text-align: center;
	width: auto;
	height: 35px;
	line-height: 2.5em;
	color: #000;
	margin: 0 auto;
	margin-bottom: 0.8em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}*/

h2{
	font-size: 1.4em;
	font-weight: 300;
	margin-top: 0.8em;
}
.midthirdhome h2{
	font-size: 1.2em;
	font-weight: 600;
	color:#069;
	
	
}
.black-larger H2 {
	font-size: 18px;
	font-weight: 300;
	color: #222;
}
h3{
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 0.8em;
	
}
.padded-lower-home H3{
	font-size: 20px;
	font-weight: 300;
	color: #222;

}
.lowerbox2-home-right H3 {
	font-size: 18px;
	font-weight: 300;
	color: #222;
	text-decoration: none;
	line-height: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-bottom: 10px;
}

hr {
	border: 0;
	border-bottom: 2px dotted #bbb;
	width: 95%;
	margin: 5px 0 12px 0;
}

hr.small {
	border: 0;
	border-bottom: 2px dotted #bbb;
	width: 10%;
	margin: 10px 0px;
}

a img {border: none;}

a:link, a:visited {
	color: #909;
	text-decoration: none;
}

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


   
.button-forward a{
	display:block;
	font-size: 1.1em;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	padding: 12px 8px 5px 8px;
}

.button-forward a:hover {
	font-size: 1.1em;
	font-weight: 300;
  	color: #909;

	text-decoration: none;
}
p {


}
blockquote {
	background-image: url(../dentist/images/open-quote.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	font-style: italic;
	line-height: 1.2em;
	margin:0px;
	padding: 0;
	
}

blockquote p{
	background-image: url(../dentist/images/close-quote.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	display: block;
	float: right;
	padding: 15px 15px 0 15px;
	
}
   /* lists */
   
   
ol {
	margin-left:25px;
	margin-bottom: 0.5em;
}
ul {
	margin-left:25px;
	margin-bottom: 0.5em;
}
.midsection li{	
	margin-bottom: 0.3em;
}

.sidecontents ul {
	
	margin: 0;
	padding: 0;
}
.sidecontents li{

	list-style-type: none;
	padding: 0 5px 0 5px;
	position:relative;
	
}

.sidecontents li a {
	display: block;
	text-decoration: none;
	background-color: #EEE;
	padding: 0.7em 0.75em;
	font-size:0.9em;
	color: #333;
	text-decoration: none;
	border: 1px solid #666;	
	
}
.sidecontents ul li a {
	display: block;
	text-decoration: none;
	background-color: #EEE;
	padding: 0.7em 0.75em;
	font-size:0.9em;
	color: #333;
	text-decoration: none;
	border: 1px solid #666;	
	
}
.sidecontents li:first-child a{
	background-image: url(../dentist/images/home_boxheader.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	text-decoration: none;
	background-color: #EEE;
	padding: 0.7em 0.75em;
	font-size:0.9em;
	color: #333;
	border: 1px solid #666;	
}

.sidecontents a:hover, .sidecontents a:focus{
	background-color: #000;
	font-size:0.9em;
	color: #FFF;
	}
.sidecontents li:first-child a:hover, .sidecontents li:first-child a:focus{
	background-image: url(../dentist/images/home_boxheaderlt.png);
	background-repeat: no-repeat;
	background-position: center;
	}
.sidecontents ul li.active a{
	background-image: url(../dentist/images/home_boxheader.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	text-decoration: none;
	background-color: #EEE;
	padding: 0.7em 0.75em;
	font-size:0.9em;
	color: #333;
	border: 1px solid #666;	
	}	
	
	
	
	
/* this holds the index for the infection control policy lists */


 .fifth ul {
	
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-indent:-1em;
}
.fifth li {
	
	padding: 0 5px 0 5px;
	position:relative;
	
	
}
.fifth li:first-child {
	
	padding: 0 5px 0 5px;
	position:relative;
	list-style:none;
	
}
.fifth li a {
	display: block;
	padding: 0.2em 0.2em;
	font-size:0.9em;
	
	text-decoration: none;

}
.fifth li:first-child a{
	display: block;
	padding: 0.2em 0.2em;
	font-size: 1.1em;
	font-weight: 600;
	color: #00847F;
	text-decoration: none;


}

.fifth li a:hover, .fifth li a:focus{
font-size:0.9em;
	color: #00847F;
	}
.fifth li:first-child a:hover, .fifth li:first-child a:focus{
	font-size:1.1em;
	color: #000;
	}
ul.sub-level {
    display: none;
}


.sub-level li:hover{
	display: block;
	position: absolute;
	padding: 0.7em 0.75em;
	left: 160px;
	top: 5px;
	background-image: none;
}

.sixth li{
	display:block;
	list-style-type: none;
	padding: 2px 5px 0 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:400;
	
}
.sixth li a{
	display: block;
	color: #CCC;
}
.sixth li a:hover{
	display:block;
	color: #999;	
}

li.new {
	margin-top:3px;
	list-style-position: outside;
	list-style-image: url(../dentist/images/arrow.gif);
}
li.dot {
	margin-top:3px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
	margin-left: 30px;
}
/*classes */

.alertbox {
	padding: 10px;
	border: thin dashed #F00;
}
.breadcrumb {
	font-size: 90%;
	margin: 1.5em 1.5em 0 1.5em;
	padding: 0px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.cpd32 {
	padding: 10px;
	border: thin dashed #666;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
}

.clinicalhandoverbox{
	display: block;
	padding-right: 25px;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FF9;
	margin-right: 20px;
	margin-left: 20px;
}

.find{
	font-size: 1.2em;
	color: #FFF;
	background-color: #333;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	display: block;
}
.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.formContents{
	
	display: block;
	padding:0;
	margin: 0;
}

.formEdit{
	display: none;
	clear: both;
}
.green {
	color: #066;

	font-weight: bold;
}
.greyed {
	color: #999;
	font-weight: 300;
}
.headingblack {
	font-size:14px;
	margin-bottom:3px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	display: block;
	width: 98%;
	border: thin solid #000;
}
.img_l{
	position: relative;
	display: inline;
	float: left;
}
.img_r {
	position: relative;
	float: right;
	padding: 0;
	margin: 4px;
}
.img_c {
	padding: 0;
	margin: 0;
	text-decoration: none;
}
.must {
	font-weight: bold;
	color: #F00;
}
.nav_sop  {
	font-size: 13px;
	text-align: center;
	background-image: url(../dentist/images/home_boxheader.png);
	width: 240px;
	height: 35px;
	padding-top: 12px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center;

}
.ownpolicy {
	margin-left:20px;
	text-transform:capitalize;
	font-weight:800;
}
.padded {

	padding-right: 10px;
	padding-left: 10px;	
}

.padded-lower-home {

	    background-color: #fff;
border: 1px solid #B9B699;

*-webkit-box-shadow: 0px 8px 4px 0px rgba(185,182,153,0.7);
    -moz-box-shadow: 0px 8px 4px 0px rgba(185,182,153,0.7);
box-shadow: 0px 4px 4px 0px rgba(185,182,153,0.7);
}

.photo_r {
	float: right;
	border: 1px outset #CCC;
	padding: 10px;
	margin: 15px;
}
.photo_l {
	float: left;
	border: 1px outset #CCC;
	padding: 10px;
	margin: 15px;
}
.photo_c{
	float: none;
	border: 1px outset #CCC;
	padding: 15px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.practiceheading {
	font-size: 160%;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}
.printonly {
	display:none;
}
.project_out{
	width: 730px;
	
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	
}
.red {
	
	font-weight: bold;
	color: #F00;
	
}
.reviewed {
	font-size: 80%;
	color: #669;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
.show_hide {
	margin-right: 0px;
}
.smallsize {
	font-size: 80%;
	
}
.staffcpdwelcome {
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
	font-weight: bold;
	text-align: center;	
}
.superscript {  vertical-align:top; font-size: 80%; }
.tensize {
	font-size: 90%;
	
}
hr.train {
	width: 100%;
	height: 2px;
	margin: 5px 0 12px 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 2px;
	border-left-width: 0;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.topic {
	color: #000;
	border: thin dashed #369;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.topicpre {
	color: #000;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bolder;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}


ul.MenuSop
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-align: left;
	
	
}
ul.MenuSop li
{
	list-style-type: none;
	font-size: 90%;
	width: 200px;
	background-color: #98CCCC;
	border: 1px solid #fff;
	color: #000;
	display: block;
	margin-right: auto;
	margin-left: auto;
	float:left;

}
ul.MenuSop a
{
	/* if you dont have block as display then you only get text changing */
	display: block;
	background-color: #98CCCC;
	color: #000;
	text-decoration: none;
	padding-top: 4px;
	padding-right:4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

ul.MenuSop a:hover, ul.MenuHorizontal a:focus
{
	
	background-color: #999;
	color: #fff;
}
/*----*/

ul.Menulist
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 100%;
	text-align: left;
	
	
}
ul.Menulist li
{
	list-style-type: none;
	font-size: 90%;
	width: 90%;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding:2px;
	float:left;
	font-size:16px;
	padding-top: 4px;
	padding-bottom: 4px;
	

}
ul.Menulist a
{
	/* if you dont have block as display then you only get text changing */
	display: block;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	
	font-size:11px;

}

ul.Menulist a:hover, ul.MenuHorizontal a:focus
{
	
	background-color: #999;
	color: #fff;
}
/* new home page styles */
#nav_home {
	float:left;
	width: 240px;

		
	
}
ul.nav_home
{
	list-style-type: none;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
	text-align: left;
}
ul.nav_home li
{
	list-style-type: none;
	color: #000;
	height: 32px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #797979;
	background-image: url(../dentist/images/dot_green.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 12;
}
ul.nav_home a
{
	color: #000;
	
	
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.nav_home a:hover, ul.nav_home a:focus
{
	color: #099;
	background-image: url(../dentist/images/dot_greenlte.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

/*    */

/*------*/








/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
}
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	float: right;
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 160px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 200px;
	position: absolute;
	left: -1000em;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 200px;
	border: 1px solid #FFF;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #FFF;
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 100%;
}
/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarHorizontal li.active a
{
	background-color: #186575;
	color: #96C;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3b3b3b), to(#010101));
	background-image: -webkit-linear-gradient(top, #3b3b3b, #010101);
	background-image: -moz-linear-gradient(top, #3b3b3b, #010101);
	background-image: -ms-linear-gradient(top, #3b3b3b, #010101);
	background-image: -o-linear-gradient(top, #3b3b3b, #010101);
	background-image: linear-gradient(top, #3b3b3b, #010101);
	background-image: url(../dentist/images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: center 200%;
}
ul.MenuBarHorizontal  a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #186575;
	color: #96C;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #186575;
	color: #99C;
	font-size: 100%;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../dentist/images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../dentist/images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
		
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../dentist/images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
		
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../dentist/images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
		
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	background-color: #186575;
	}
}
@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	cursor: default;
	width: 180px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 200px;
	font-size: 90%;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 180px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 180px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{

}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
	border: 1px solid #666;
}
/* Menu items that have mouse over or focus have a blue background and white text */
  ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #000;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #666;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(../dentist/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../dentist/SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
/* coda slider2 */
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
	.panel h2.title { margin-bottom: 10px; display:none }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 320px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 320px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	/* end of coda slider */
	.buttonstyle {
	
	color: #FFF;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	background-color:#333;

	border: 2px solid #000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

ul.MenuHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	
	font-size: 1em;
	float:left;
	

	
}
ul.MenuHorizontal li
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	width: 150px;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	background-color: #00847F;
	border: 1px solid #000;
	color: #FFF;
	float:left;
}
ul.MenuHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #00847F;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	width: 150px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuHorizontal a:hover, ul.MenuHorizontal a:focus
{
	background-color: #999;
	color: #000;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	
}
table#actions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	word-wrap:break-word;
	table-layout:fixed;
	width:500px;
}
table {
	border: 1px solid #000;
	
	
}
/* this color effects the datefield in the coldfusion form to make the month disappear if white */
table th {
	background-color: #EFEFEF;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border: 1px solid black;
}
table td {
	text-align: left;
	padding: 5px;
	
}
table.middlepage {
	text-align: left;
	padding: 5px;
	text-align:center;
	border: 1px solid #FFF;
	border-collapse:collapse;
	margin-left:auto; 
    margin-right:auto;
	font-size:0.9em;
}
table.staffreport  {
	border: 1px solid #000;
	border-collapse:collapse;
}
table.staffreport th {
	background-color:#CCC;
	color:#000;
	font-weight: bold;
	text-align: center;
}
table.staffreport td {
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid black;
}
table.meeting  {
	border: 1px solid #fff;
	border-collapse:collapse;
}
table.meeting th {
	background-color:#00847F;
	color:#FFF;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
table.meeting td {
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	
}
table.immun
{
border-collapse:collapse;
}

table.immun td {
	border: 1px solid black;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;	
}


	#content{
		position:relative;
		}			

/* Easy Slider - for the front of the home page */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
	height:220px;
	overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../dentist/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../dentist/images/btn_next.gif) no-repeat 0 0;	
		}	
	/* numeric controls */	

	ol#controls{
	margin: 0;
	padding: 10px;
	height: 28px;
	background-color: #fff;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		
	
		}
	ol#controls li a{
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #DAF3F8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;

		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
/* // Easy Slider */
/* this gives the custom callouts*/
.balloon {
	outline: none;
	text-decoration: none;
	position: relative;
	color: #00F; 	
}

.balloon strong {
	line-height: 30px;
	font-family: Candara, Tahoma, Geneva, sans-serif; 
	font-size: 1.2em; 
	font-weight: bold;
}

.balloon:hover {
	text-decoration: none;
	text-outline: none;
	color: #F06;
	cursor: help;
} 

.balloon span {
    z-index: 99;
	display: none; 
	padding: 5px 5px;
    margin-top: 42px; 
	margin-left: -35px;
	position: absolute;
    min-width: 316px; 
	line-height: 16px;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 6px 6px 10px #CCC;
    -webkit-box-shadow: 6px 6px 10px #CCC;
    box-shadow: 6px 6px 10px #CCC;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: .8em;
}

.balloon:hover span {
    display: inline; 
	position: absolute; 
	color: #111;
}

.balloon img {
	border: none;
} 

.balloon:hover img {
	border: 0; 
	margin: -22px 0 0 -26px;
	float: left;
	padding: 5px;
	text-decoration: none;
	text-outline: none;
	border: none;
}

.balloon:hover li{
	list-style: none;
}

/** Customized Call Outs  **/

.normal {
	background: #fffAF0;
	border: 1px solid #DCA; 
}
.normalclear {
	
	border: 1px solid #000; 
}
.sopnormal {
	background-color: #FAFAFA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #008B88;
	border-left-color: #008B88;
}

.critical { 
	background: #e39595; 
	border: 1px solid #a40a0a;	
}

.help {
	border: 1px solid #133b95;
	background-color: #F2F9F9;
}

.information { 
	background: #b3e2f2; 
	border: 1px solid #133b95;	
}

.warning { 
	background: #f6f6b9; 
	border: 1px solid #e0a50b; 
}

.facebook { 
	background: #b2bed6; 
	border: 1px solid #001857; 
}

.twitter { 
	background: #a8e1f9; 
	border: 1px solid #155875; 
}

.curved {
   display: block;  
	color: #111;
	padding: 5px 5px;
    margin-top: 15px; 
	margin-left: 10px;
	line-height: 16px;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 6px 6px 10px #CCC;
    -webkit-box-shadow: 6px 6px 10px #CCC;
    box-shadow: 6px 6px 10px #CCC;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 1em;
}
.curved img {
	border: 0; 
	margin: -22px 0 0 -26px;
	float: left;
	padding: 5px;
	text-decoration: none;
	text-outline: none;
	border: none;
}