div.unclicked div.clicked,div.clicked div.unclicked  {display:none}

/* CSS Document */
/*-----Style--------------------------*/
A {color:#0873BA;}
A:hover { color:#000;}
.hide {display: none;}
.clear {clear: both;}
div {margin: 0px; padding: 0px}
ul {margin: 0px; padding: 0px;}
ul li {margin: 0px; padding: 0px;}
input {border: 1px solid #ccc; background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; width: 130px;}
textarea {border: 1px solid #ccc; background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; background-position:bottom; height: 100px; width: 200px;}
.btn_top {margin-bottom: 20px; text-align:right;}
.btn_top a {display: block; width: auto;}
.poster {text-align:center;}
/*Styles---------------------------------*/
p,td,div {font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}

.centeralign {
  text-align:center;
}
.description {padding: 10px;}
hr {width: 100%; border: 0px; height: 1px; background-color: #CCCCCC; color: #CCCCCC;  margin: 0; padding: 0px; clear: both; margin-top: 5px; margin-bottom: 5px;}

/*-----Centre aligned Containers----------------------------*/

Body{margin: 0px; padding: 0px; background-color:#c8c3aa; }
	.container {background: url(/images/pilson_homebg.jpg) top repeat-x; text-align: center; background-color:#FFFFFF; width: 100%; }
	.wrapper {text-align:left; margin: 0px auto; background: url(/images/pilson_bg.jpg) no-repeat; width: 950px;}


/*Page tempalte starts here----------------------------------------------*/
#left_colum {width: 199px; float: left; padding-top: 60px;}
#left_colum .logo {width: 99px; height: 129px; margin-left: 65px; margin-bottom: 20px;}
#left_colum ul { margin-left: 50px; list-style: none; margin-bottom: 400px;}
#left_colum ul li { float: left; width: 135px; height: auto; background: url(/images/nav_bullet.gif) no-repeat; background-position: 0px 8px; border-bottom: 1px Solid #ccc; }
#left_colum ul li a {display: block; width: auto; margin-left: 20px; margin-top: 5px; height: auto; font-size: 16px; font-weight: bold; text-decoration: none; color: #0873BA;  }
#left_colum ul li a:hover{ color:#000000; text-decoration: none; }

.wrapper #content #right_colum {width: 690px; float: left; margin: 0px; padding: 0px; margin-top: 27px; margin-left: 10px;}
#right_colum ul li {list-style: none; margin-top: 5px; padding-left: 12px; background-image:url(/images/item_bullet.gif); background-repeat:no-repeat; background-position: 0px 4px;}
	
#right_colum .content_left {width: 450px; float:left; }
#right_colum .content_right {width: 235px; height: auto; float: right; background-image:url(/images/education_navbg.jpg); background-repeat:no-repeat; }
#right_colum .content_right ul {list-style: none; margin-top: 20px; margin-left: 20px; }
	#right_colum .content_right ul li ul {margin-left: 0px; margin-top: 0px;}
	#right_colum .content_right ul li ul li { list-style: none; background-image: none; margin-top: 5px; padding-left: 5px;}
			.content_right .items {margin-left: 20px; margin-top:20px; width: 218px; background-image:url(/images/askdentist_bg.jpg); background-repeat:repeat-x;}
	#right_colum .content_right ul li ul li a {color: #025596; }
	#right_colum .content_right ul li ul li a:hover {color: #333333; }
			.content_right .items h3 {width: 218px; height: 40px; font-size: 14px; color: #015597; background:url(/images/home_title.gif) no-repeat;}
			.content_right .items h3 span {display: block; width: 150px; margin-left: 45px; padding-top: 12px;}
#right_colum .content_bottom {clear: both;}
			.items table {margin-left: 8px; margin-top: 10px;}
			.items .askdentist td {padding: 2px;}
			.items .askdentist h4{color: #0873ba; font-size: 14px;}

#footer {background-image: url(/images/pilson_footerbg.gif); background-repeat:repeat-x; width: 100%; height: 114px; text-align:center; clear: both;}
#footer .info {text-align:left; margin: 0px auto; padding-top: 20px; width: 950px;}
	#footer .info .copyright {float: left; width: auto; color: #333;}
	#footer .info .contact {float: right; padding-left: 5px; border-left: 1px solid #333333; color: #333; }
/*--------HOMEPAGE----------------------------------------------*/


	#index .wrapper #content #right_colum .tagline {background: url(/images/pattern.gif); text-align:center; padding: 10px;}
	#index .wrapper #content #right_colum .tagline h1 {font-size: 18px; color: #0873BA; margin: 0 auto; }
	#index .wrapper #content #right_colum .tagline h3 {font-size: 14px; color: #015597;  margin: 0 auto;}
	#index .wrapper #content #right_colum .callout {width: 690px; border-top: 1px Solid #eeeeee; background: url(/images/calloutbg.gif) repeat-y;}
	#index .wrapper #content #right_colum .callout .items {width: 230px; float: left;}
		#index #content div.callout .items h3 {width: 218px; height: 40px; margin-left: 5px; margin-bottom: 5px; font-size: 14px; color: #015597; background:url(/images/home_title.gif) no-repeat;}
		#index .wrapper #content #right_colum .callout .items h3 span {display: block; width: 150px; margin-left: 45px;}
		#index .wrapper #content #right_colum .callout .items h3 span.multiline {padding-top: 4px;}
		#index .wrapper #content #right_colum .callout .items h3 span.singleline {padding-top: 12px;}
		#index .wrapper #content #right_colum .callout .items .image {margin-left: 7px;}
		#index .wrapper #content #right_colum .callout .items .readmore {margin-left: 10px; margin-right: 10px; padding-top: 3px;}
		#index .wrapper #content #right_colum .callout .items .readmore a {display: block; border-top: 1px Solid #ccc; width: auto; background:url(/images/item_bullet.gif); background-repeat: no-repeat; background-position: 0px 9px; padding-top: 5px; padding-left: 12px; text-decoration: none; font-weight: bold;}
		#index .wrapper #content #right_colum .callout .items a.askdentist {display: block; width: auto; background:url(/images/item_bullet.gif); border-top: 1px Solid #ccc; background-repeat: no-repeat; background-position: 0px 9px; padding-top: 5px; padding-left: 12px; text-decoration: none; font-weight: bold;}


/*Titles---------------------------------*/

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size: 14px; font-weight: bold;}
.page_title {font-size: 16px; font-weight:bold; color: #015597; margin-bottom: 10px; text-transform:uppercase; }
.article_title {font-size: 14px; font-weight:bold; color: #015597; margin-bottom: 10px; margin-top: 15px; }
.article_subtitle { font-size: 12px; font-weight:bold; color: #333333;}
	 .wrapper #content #right_colum h2 {color: #fff; padding-left: 10px;  font-size: 24px; font-weight:bold;}
	 	#aboutus_index .wrapper #content h2.title {background: url(/images/title_aboutus.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#aboutus_staff .wrapper #content h2.title {background: url(/images/title_aboutus.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#aboutus_links .wrapper #content h2.title {background: url(/images/title_aboutus.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#education_index .wrapper #content h2.title {background: url(/images/title_education.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#education_cosmetic .wrapper #content h2.title {background: url(/images/title_education.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#education_general .wrapper #content h2.title {background: url(/images/title_education.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#education_surgery .wrapper #content h2.title {background: url(/images/title_education.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#thanks .wrapper #content h2.title {background: url(/images/title_education.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#gallery .wrapper #content h2.title {background: url(/images/title_gallery.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#contact .wrapper #content h2.title {background: url(/images/title_contact.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#office .wrapper #content h2.title {background: url(/images/title_office.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#procedures .wrapper #content h2.title {background: url(/images/title_procedure.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
		#news .wrapper #content h2.title {background: url(/images/title_news.jpg) no-repeat; width: 690px; height: 55px; line-height: 70px;}
	
	
	#aboutus_index .wrapper #content #right_colum .content_right ul {height: 400px;}
	#aboutus_index .wrapper #content #right_colum .content_left {width: 470px;}
	#aboutus_index .wrapper #content #right_colum .content_right {width: 210px;}
	
	#aboutus_staff .wrapper #content #right_colum .content_right ul {height: 400px;}
	#aboutus_staff .wrapper #content #right_colum .content_left {width: 470px;}
	#aboutus_staff .wrapper #content #right_colum .content_right {width: 210px;}
	
	#aboutus_links .wrapper #content #right_colum .content_right ul {height: 400px;}
	#aboutus_links .wrapper #content #right_colum .content_left {width: 470px;}
	#aboutus_links .wrapper #content #right_colum .content_right {width: 210px;}
	
	#aboutus_staff .wrapper #content #right_colum .description .bio_items .image{float: left; width: 120px;}
	#aboutus_staff .wrapper #content #right_colum .description .bio_items .bio_description{float: left; width: 270px; margin-left: 20px;}
	#aboutus_staff .wrapper #content #right_colum .description .bio_items .bio_description h3 {color: #666; font-size: 18px; font-weight:normal;}
	#aboutus_staff .wrapper #content #right_colum .description .bio_items .bio_description h3 span.name{color: #0873BA; font-weight: bold;}
	#aboutus_staff .wrapper #content #right_colum .description .bio_items .bio_description h4 {color: #666; font-size: 14px; font-weight: normal;}
	#aboutus_staff .wrapper #content #right_colum .content_right ul {height: 400px;}
	#aboutus_links .wrapper #content #right_colum .description .article_subtitle {font-size: 14px;}
	
	#contact .wrapper #content #right_colum .description h3 {color: #000; font-size: 14px; font-weight: bold;}
	#contact .wrapper #content #right_colum .description h4 {color: #015597; font-size: 12px; font-weight: bold;} 
	#contact .wrapper #content #right_colum .description p{margin: 0px; padding: 0px;}
	#contact .wrapper #content #right_colum .description .transportation {width: 300px; float: left; margin-right: 10px;}
	#contact .wrapper #content #right_colum .description .map {width: 350px; float: left;}
	
	#procedures .wrapper #content .description h3 {color: #015597; font-size: 14px; font-weight: bold;}
	#procedures .wrapper #content .description .procedure_list {width: 100%; text-align:center;}
	#procedures .wrapper #content .description .procedure_list ul {width: 400px; margin: 0px auto; text-align:left;}
	#procedures .wrapper #content .description .procedure_list ul li {list-style: none; line-height: 16px; margin-top: 5px; margin-bottom: 10px; padding-left: 12px; background-image:url(/images/item_bullet.gif); background-repeat:no-repeat; background-position: 0px 4px;}
	#procedures .wrapper #content .description .procedure_list ul li h4 { color: #015597; font-size: 12px; font-weight: bold; text-transform:uppercase; }
	
	#gallery .wrapper #content .description h3 {color: #015597; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
	#gallery .wrapper #content .description .before {position: relative; width: 320px; margin-right: 10px; float:left;}
	#gallery .wrapper #content .description .before .text{display: block; background-color:#000000; color:#FFFFFF; padding: 2px; position: absolute; bottom: 0px; left: 0px;}
	#gallery .wrapper #content .description .after { position: relative; width: 320px; float:right;}
	#gallery .wrapper #content .description .after .text{display: block; background-color:#000000; color:#FFFFFF; padding: 2px; position: absolute; bottom: 0px; left: 0px;}
	
	body.education {}
	body#education_general .content_right ul li#general_dentistry,
	body#education_cosmetic .content_right ul li#cosmetic,
	body#education_surgery .content_right ul li#surgery,
	body#education_index .content_right ul li#index 
		{font-weight: bold;}
		
	body#aboutus_index .content_right ul li#index,
	body#aboutus_staff .content_right ul li#staff,
	body#aboutus_links .content_right ul li#links
		{font-weight: bold;}
	
	#thanks .wrapper #content {height: 500px;}