/* Just inside pages */
#nav ul {
	padding: 4.2em 0 0 0;
}

/* For the "Find a lical clinic" page */
fieldset.clinicfilter {
	background: url(/img/bg-clinicfilter.png) repeat-y;
	margin: 1.1em 0;
}
	fieldset.clinicfilter div {
		background: url(/img/bg-clinicfilter-div.png) bottom no-repeat;
		border-top: solid 3px black;
		padding: 30px;
	}
	
	fieldset.clinicfilter .error 
	{
		color: Red;
		font-weight: bold;
	}

		#main .clinicfilter h1 {
			margin-bottom: 1em;
			color: black;
		}
		input#postcode {
			width: 80px;
		}
		.clinicfilter label input {
			background: white;
		}


/* Sub-nav */
map#subnav {
	background: white url(/img/bg-subnav.png) top no-repeat;
}
	#subnav ul {
		width: 930px;
		margin: 0 auto;
		text-align: left;
		padding: 0.6em 0 0.5em 0;
	}
		#subnav li {
			display: inline;
			padding: 0.6em 0 0.5em 0;
		}
			#subnav a, #subnav em {
				padding: 0.6em 2.4em 0.5em 0;
				font-style: normal;
				color: #c33736;
			}
			/* You are here */
			#subnav em, #subnav em a {
					color: #333;
			}
				#subnav em a {
					padding: 0;
				}

/* But wait! What if there is no subnav? */
div.nosubnav {
	padding-bottom: 30px;
	background: white url(/img/bg-subnav.png) bottom no-repeat;
}
/* Third-level navigation */
div#subsubnav div {
	position: absolute;
	top: 3.55em;
	left: 0;
	width: 250px;
	padding: 0;
	font-size: 100%;
}
	map#subsub h2 {
		margin: 0;
		font-size: 100%;
	}
	#subsub ul {
		margin: 0 0 0.8em 0;
	}
	#subsub a, #subsub em {
		display: block;
		color: #c33736;
		background: #f2d3d3;
		padding: 0.6em 30px 0.6em 15px;
		font-style: normal;
		border-bottom: solid 1px white;
	}
		#subsub em a, #subsub em a:hover {display: inline;
			color: white;
			padding: 0;
			border: none;} 
		
		
		#subsub .first em a, #subsub .navparent em a, #subsub .last em a, 
		#subsub .first em a:hover, #subsub .navparent em a:hover, #subsub .last em a:hover {
			display: inline;
			color: white;
			padding: 0;
			border: none;
			margin-left: 20px;
		}
		

		#subsub .first a, #subsub .navparent a, #subsub .first a:hover, #subsub .navparent a:hover{
			padding-left: 35px;
			padding-bottom: 10px;
			padding-top:15px;
		}

		
		#subsub .first em, #subsub .navparent em	{
			padding-bottom: 10px;
			padding-top:15px;
		}	

		#subsub .last em a, #subsub .last em a:hover  {margin-left: 0px;}	
	
	* html #subsub a, * html #subsub em {
		height: 1%;
	}
	#subsub .first a {
		background: #f2d3d3 url(/img/bg-subsub-first-a.png) top right no-repeat;
	}
	#subsub .last a {
		background: #f2d3d3 url(/img/bg-subsub-last-a.png) bottom right no-repeat;
	}
	#subsub a:hover, #subsub em {
		background: #c33736 ;
		color: white;
		text-decoration: none;
	}
	#subsub .first a:hover, #subsub .first em, #subsub .headersubsubnav first {
		background: #c33736 url(/img/bg-subsub-first-em.png) top right no-repeat;
	}
	#subsub .last a:hover, #subsub .last em {
		background: #c33736 url(/img/bg-subsub-last-em.png) bottom right no-repeat;
	}

/* START For pages that have no parent or no child */	

	#subsub .headersubsubnav .navparent a:hover, 
	#subsub .headersubsubnav .navparent em a,
	#subsub .headersubsubnav  .navparent em {
		background:  #c33736 url(/img/bg-subsub-navparent-em.png) top right no-repeat;
		color: white;
	}
	
		#subsub .headersubsubnav .first em, 
		#subsub .headersubsubnav .first a:hover{
		background:  #c33736 url(/img/bg-subsub-first-a-hover.png) top right no-repeat;
		color: white;
	}

		#subsub .headersubsubnav .navparent a {
		background:  #f2d3d3 url(/img/bg-subsub-navparent-a.png) top right no-repeat;
	}

		#subsub .headersubsubnav .first a {
		background:  #f2d3d3 url(/img/bg-subsub-first-a.png) top right no-repeat;
		color:  #c33736;
	}

		#subsub .headersubsubnav .first em a {
		background:  none;
		color: white;
	}
	
	
		#subsub .headersubsubnav .first em a:hover, 
		#subsub .headersubsubnav .navparent em a:hover{
		background-image:none;
	}

		#subsub .headersubsubnav .last a,
		#subsub .headersubsubnav .last a:hover,
		#subsub .headersubsubnav .last em a
		{
			margin-left: 0px;
		}
		
	/* END For pages that have no parent or no child */	
	
	
		#subsub .first a { color:white;}
		#subsub .first a, #subsub .navparent a { font-weight:bold;}	

		#subsub em a, 
		#subsub .first em a, 
		#subsub .navparent em a, 
		#subsub .last em a, 
		#subsub em a:hover, 
		#subsub .first em a:hover, 
		#subsub .last em a:hover {
			background: #c33736;
		}	

/* START For navigation with only one item */	

	#subsub .onlychild em {background: #c33736 url(/img/bg-subsub-solo-em.png) top right no-repeat; padding: 15px 0 10px 20px;}

/* END For navigation with only one item */			
		

/* Calls-to-action under the third level navigation */

	#subsubnav h1, #subsubnav h2, #subsubnav h3, #subsubnav h4, #subsubnav h5, #subsubnav h6 {
		margin: 0 20px 0.2em 20px;
		/* To push the heading away from the borders */
		margin: 0.2em 20px;
		color: #c53735;
	}

		#subsubnav h1 a, #subsubnav h2 a, #subsubnav h3 a, #subsubnav h4 a, 
		#subsubnav h5 a, #subsubnav h6 a {
			color: #c53735;
		}

	#subsubnav h1, #subsubnav h2 {font-size: 130%;}
	#subsubnav h3 {	font-size: 120%;}
	#subsubnav h4 {	font-size: 110%;}
	#subsubnav h5 {	font-size: 100%;}
	#subsubnav h6 {
		font-size: 100%;
		font-weight: normal;
		font-style: italic;
	}



	/* For banners which need to take the whole width of the panel */
	#subsubnav p.img {
		margin: 0 0 1em 0;
	}
	
	#subsubnav fieldset {
		width: auto;
		background: white;
		border-top: solid 3px #c53735;
		border-bottom: solid 3px #c53735;
	}
		#subsubnav fieldset p, #subsubnav ul {
			width: auto;
			text-align: left;
		}
		#subsubnav fieldset dt {
			width: 93px;
		}
		#subsubnav fieldset dd {
			width: 117px;
		}
			#subsubnav fieldset dd input, #subsubnav fieldset dd select, 
			#subsubnav fieldset dd textarea {
				width: 117px;
			}

	div#subsubnav p, #subsubnav dl {
		margin: 0 20px 1em 20px;
		font-size: 85%;
	}
		#subsubnav dt {
			float: left;
			width: 129px;
		}
			#subsubnav dt strong {
				font-size: 120%;
				font-weight: normal;
			}

		#subsubnav dd {
			float: left;
			width: 81px;
			text-align: right;
		}

			#subsubnav hr {padding-top: 10px;}

/* Container for the content, right */
div#main{
	margin: 15.6em auto 0 auto;
	width: 930px;
	text-align: left;
	border-top: solid 1px white;
}
	div#content, div#clinicSearch   {
		margin: 0 0 0 298px;
		padding: 1.3em 0 0 0;
	}


			/* fix for overlapping nav when no content on page */
			div#content {
				min-height: 400px;
			} 
					* html div#content {
						height: 400px;
					} 
			
		#content a {
			color: #c53735;
			text-decoration: underline;
		}
	
	div#clinicSearch   {
		margin: 0 0 0 278px;
		padding: 1em 0 0 1.5em;
	}
		#main h1 {
			font-size: 170%;
			margin: 0 0 0.5em 0;
			color: #c33736;
		}
		/* This is a two-column layout, in chunks. It is used on the congress overview page */
		div.detaillist, div.peoplelistt {
			margin: 0 0 1em 0;
			
		}
		
		div.detaillist div, div.peoplelist div {
			border-bottom: solid 3px #c33736;
			margin-top: -5px; margin-bottom: 5px;

			
		}
			div.detaillist div div, .important .twocol div, div.peoplelist div div {
				border: none;
				float: left;
				width: 493px;
				padding: 0.8em 0 0 0;
			}
			
				 .important .threecol div, .threecol {
					border: none;
					float: left;
					padding: 0.8em 0 0 0;
					width: 580px;
				}
			div.peoplelist div div {
				float:left;
				width: auto;
			}
			html>/**/body div.peoplelist div div { width: 469px; float: right;}

			

			#content div div.peoplelist div div {
				width: 469px
				
			}

			*html 	#content div.peoplelist div div { float:left;
				width: auto;}

			span div.peoplelist div div {
			width: 469px; 
				/* 	float:left;
				width: auto;*/
			}
			

			div.generalContent div div p{
				padding: 10px 0 0 1.2em;
			} 

					div.generalContent div div p img{ align: right;	}
			
			.generalContent div div h2, .generalContent div div h3, .generalContent div div h4{
				padding: 0 0 0 1em;
			}			
				.detaillist div div h2, .detaillist div div h3, .detaillist div div h4, .detaillist div div h5, .detaillist div div h6,
				.peoplelist div div h2, .peoplelist div div h3, .peoplelist div div h4, .peoplelist div div h5, .peoplelist div div h6,
				#main div.important .twocol h2, .important .twocol h3, .important .twocol h4, .important .twocol h5, .important .twocol h6 {
					margin: 0 15px 0.2em 15px;
					border: none;
					padding: 0;
					color: black;
					font-size: 120%;
				}
				
				div.important div.twocol {
					padding: 0;
				}
				h1, h2, h3, h4, h5, h6 {
					margin: 0;
				}
				h2 {font-size: 120%;}
				h3 {font-size: 110%;}
				h4, h5, h6 {font-size: 100%;}
					#main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a {
						text-decoration: none;
					}

				.detaillist div div p, .peoplelist div div p, .important .twocol p {
					margin: 0 15px 1em 15px;
				}
				.detaillist div div p.imgaction, .peoplelist div div p.imgaction, 
				.important .twocol p.imgaction {
					margin: 0;
					padding: 0 0 0.2em 0;
					text-align: right;
				}
					.imgaction img {
						vertical-align: top;
					}

			.detaillist p.image, .peoplelist p.image, .twocol p.image {
				float: left;
				width: 139px;
				margin: 0;
				padding: 2em 0 0.2em 0;
				text-align: center;
			}
			.twocol p.image {
				padding: 2em 0 0 0;
			}
				.twocol p.image img {
					vertical-align: top;
				}

			.peoplelist p.image {
				width: 163px;
				padding: 0.7em 0;
			}
				.detaillist p.image img, .peoplelist p.image img {
					vertical-align: top;
					margin: 0 0 0.2em 0;
				}
				
			/*
			.generalContent p.image {
				float: right;
				margin: 0;
				padding: 0 0 0.2em 2em;
				text-align: center;
			}
			*/


			div.detaillist div div p image, div.peoplelist div div p image, div.twocol div div p image {
				float: right;
				margin: 0 0 20px 20px;
										
			}


			/* A link with a chevron */
			a.cta, .cta a, .date a {
				color: #c53735;
				background: url(/img/bg-midcontent-a.png) top right no-repeat;
				padding: 0 20px 0 0;
				font-weight: bold;
				display: block;
			}

		/* The first nugget of content is all important */
		.detaillist .important, .important {
			background: #f5dbdb url(/img/bg-important.png) top no-repeat;
			border: none;
		}
			.detaillist .important div, .important div {
				background: url(/img/bg-important-div.png) bottom no-repeat;
				width: auto;
				float: none;
				padding: 0;
			}
				/* For old IE */
				.important .compact input, label input {
					background: #f5dbdb;
					border: none;
				}
				.boundarylisting label input {
					background: white;
				}

/* Important stuff gets to sit in a box with - wait for it - curved corners! */
.important, fieldset {
	margin: 0 0 1em 0;
}
	.important div {
		padding: 0.2em 16px 0 16px;
	}
		/* Sometimes, one two-column layout inside .important isn't enough. */
		.important dl {
			margin: 0.2em 0 0.5em 0;
		}
			.important dt {
				float: left;
				width: 202px;
				font-weight: bold;
				color: #333;
			}
			.important dd {
				float: left;
				width: 398px;				
			}
				.important dd input, .important dd select, .important dd textarea {
					width: 212px;
				}
				#main .compact dd input, #main .compact dd select {
					width: auto;
				}
				#main .compact dd input {
					border: none;
				}


	/* This is used for  navigation pages, in boundarylistings, for example. */
	p.pagesnav {
		text-align: center;
		font-weight: bold;
		padding-top: 1em;
	}
		#main .pagesnav a {
			text-decoration: none;
			padding: 0 20px;
		}
			/* The actual page numbers, eg 1, 2, 3... */
			#main .pagesnav strong a, .pagesnav strong em {
				color: black;
				padding: 0.2em 0.5em;
			}
			/* The current page */
			#main .pagesnav strong a:hover, .pagesnav strong em {
				background: #c53735;
				color: white;
				font-style: normal;
			}

.peoplelist p.action {
	border: none;
	padding: 0.4em 0;
	margin: 0;
}

/* This is a box with curved corners (gasp!), but with a keyline around it.  It is used
in the Day in the Life pages and as vacancy listings */
.boundarylisting {
	background: url(/img/bg-main-boundarylisting.png) repeat-y;
	position: relative;
	margin: 0 0 1em 0;
}
#content .boundarylisting {
	background: url(/img/bg-boundarylisting.png) repeat-y;
}

#clinicSearch .boundarylisting {
	background: url(/img/bg-boundarylisting-clinicsearch.png) repeat-y;
	margin: 0 0 1em 0;
	width:632px;

}

#clinicSearch hr {border-top: solid 1px #ccc; margin:0 20px;}

	.boundarylisting h2, .boundarylisting .boundaryhead{
		color: white;
		background: #c53735 url(/img/bg-main-boundarylisting-h2.png) top no-repeat;
		padding: 8px 24px;
		/* To match .important consistancy = good!*/
		padding: 8px 15px;
	}
	
		#clinicSearch .boundarylisting h2,
		#clinicSearch .boundarylisting .boundaryhead   {
		color: white;
		background: #c53735 url(/img/bg-boundarylisting-h2.png) top no-repeat;
	}
	 		

	
	.boundaryhead {
		margin: 0 0 1em 0;
	}
	
	#content .boundarylisting h2, 
	#content .boundarylisting .boundaryhead {
		color: white;
		background: #c53735 url(/img/bg-boundarylisting-h2.png) top no-repeat;
	}
	

		.boundaryhead h2 {
			background: #c53735;
			padding: 0;
		}
		.boundarylisting .boundaryhead p.image {
			width: 87px;
		}
		.boundarylisting .boundaryhead div {
			width: 515px;
		}
			.boundaryhead label input {
				background: #c53735;
			}

	#content fieldset.boundarylisting h2  {
		color: black;
		background: url(/img/bg-blockquote-boundarylisting-h2.png) top no-repeat;
		font-size: 140%;
	}
	

	
		fieldset.boundarylisting h2 em {
			font-style: normal;
			color: #c53735;
		}
	.boundarylisting div {
		background: url(/img/bg-main-boundarylisting-div.png) bottom no-repeat;
	}
	#content .boundarylisting div {
		background: url(/img/bg-boundarylisting-div.png) bottom no-repeat;
	}
	
	#clinicSearch .boundarylisting div {
		background: url(/img/bg-main-boundarylisting-div-clinicsearch.png) bottom no-repeat;
	}
	
		#clinicSearch .boundarylisting div div{
		background:none;
		
	}
		/* This is a sidebar layout, for the clinic finder page */

			 .boundarylisting .sidebartwocol {min-height: 550px;}

                   .boundarylisting .sidebartwocol div {
                             width: 305px;
                   }

                   .boundarylisting .sidebartwocol div.last {
					width: 610px;
                   }
	
		/* This is the left column of the two-column layout of this */
		
		.boundarylisting div div, #content .boundarylisting div div {
			float: left;
			width: 455px;
			background: none;
			padding: 1em 0 0 0;
		}
		
		.boundarylisting div div.threecol, #content .boundarylisting div div.threecol  {
			float: left;
			width: 620px;
			background: none;
			padding: 1em 0 0 0;
				}	
		
		.boundarylisting div p, .boundarylisting div h1, .boundarylisting div h2, 
		.boundarylisting div h3, .boundarylisting div h4, .boundarylisting div h5,
		.boundarylisting div h6, .boundarylisting div dl, .boundarylisting div ul,
		.boundarylisting div ol {
			margin-left: 24px;
			/* To match .important. Consistancy = good!*/
			margin-left: 15px;
			margin-right: 15px;
		}

		
		.sidebartwocol dt {

                                      width: 33px;

                             }
		
		/* This is a little arbitrary, but is used on the application form summary */
		.boundarylisting div h3 {
			margin-bottom: 0.5em;
		}
		/* This is used to line up the submit button with the right hand edge of the
		form fields */
		
		.boundarylisting dd {
				float: left;
                        width: 356px;
                             }

                                      .boundarylisting dd em {
                                                font-style: normal;
                                                color: #06f;
                                      }

                                      .boundarylisting dd a {
                                                color: #c53735;
                                                text-decoration: underline;
                                      }

			.boundarylisting dt {
				font-size: 100%;
				}
		
		.boundarylisting div p.submit {
			margin-right: 139px;
			text-align: right;
		}
		
		.boundarylisting  div ul.standardList {
			padding: 0 0 10px 15px;
		}

		 ul.standardList li{
			list-style-type:none;
		}
		
		/* A two-col layout, within .boundarylisting */
		.boundarylisting dl {
			margin: 0 0 0.4em 0;
			margin: 0 0 0.6em 0;
		}
			.boundarylisting dt {
				float: left;
				width: 241px;
				color: #333;
				font-size: 100%;
				margin-right: 10px;
				margin-left: 10px;
			}

				
				html[lang] .boundarylisting dt.mandatory {
					text-indent: -0.7em;
				}
				/* "*" */
				.boundarylisting dt em {
					color: #c53735;
					color: #06f;
					font-style: normal;
					font-weight: normal;
				}
				.boundarylisting dt em, .boundarylisting dt strong {
					font-size: 90%;				}

			.boundarylisting dd {
				float: left;
				width: 341px;
			}
				fieldset dd {
					font-size: 85%;
				}
				fieldset dd input, fieldset dd select, fieldset dd textarea, fieldset dd label {
					font-size: 115%;
				}
				/* Error message */
				fieldset dd em {
					font-style: normal;
					color: #c53735;
				}
				.boundarylisting dd input, .boundarylisting dd select, .boundarylisting dd textarea {
					border: solid 1px #c53735;
					width: 212px;
				}

	/* When this is for Day in the Life, this is the image of the person. It straddles the
	border between white and the section colour. */
	.boundarylisting p.polaroid {
		position: absolute;
		width: 160px;
		right: 0;
		top: 1.65em;
	}
		/* This is the alternative, floated method */
		.boundarylisting p.image {
			float: left;
			width: 177px;
			margin: 2em 0 0 0;
			text-align: center;
		}
		
		
/* down arrows for associated practice page */

		div#clinicSearch div div.showMain, 
		div#clinicSearch div div.showSecondary, 
		div#clinicSearch div div.seeMore {
			padding-left:20px;
			}


			div.ShowMain a, 
			div.showSecondary a,
			div div.seeMore a{
				color: #c53735;
			}
			
			div.showMain span {
				color: #4066ff;
			}
			
				div.showSecondary h3{
					background:url(../img/bg-arrow-down-red.png) left no-repeat;
					padding-left: 20px;
					margin-left:-5px;
				}
				
				div.seeMore h3{
					background:url(../img/bg-arrow-right-red.png) left no-repeat;
					padding-left: 20px;
					margin-left:-5px;
				}
				
/* Search box replacing left hand nav on associated pracitces page */		

#searchBox {
	background: url(../img/bg-find-clinic-body.png) left repeat-y; 
	width:268px;
	position: absolute;
	top: 2.4em;
	}

	#seachBoxContent { padding-left:5px;}
		
		#seachBoxContent img { padding-left:10px; }		
		
		#seachBoxContent dl { margin-bottom:10px;}
		
		#seachBoxContent dt, #seachBoxContent dd {font-size:80%; font-weight:bold; }
		
			#seachBoxContent dt input { border:none;}
		
			#seachBoxContent dd input, 
			#seachBoxContent dd select, 
			#seachBoxContent dd textarea {
					width: 160px;	
					margin-left: 20px;
			}
			
			#seachBoxContent dd select {
					width: 165px;	
			}
			
				#seachBoxContent dd img { vertical-align:bottom; }
 
/* Defauot blockquote styling, in the content area */
blockquote {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: #c53735;
	line-height: 1;
	border: solid 1px white;
}
	blockquote p {
		text-indent: -0.4em;
		margin-left: 0px;
		margin-right: 10px;
	}
		blockquote p cite {
			display: block;
			text-indent: 0;
			/* A cheeky little rule which allows the citation to fit snugly under the
			quote, but doesn't break it if there isn't one */
			margin-top: -1.8em;
			font-size: 50%;
		}




/* Default blockquote styling, in the content area */
blockquote, dl.download, dl.pdf {
          color: #c53735;
          line-height: 1;
          border: solid 1px white;
          padding: 0.5em 0 0 0;
          border-top: solid 3px #c53735;
}
blockquote, dl.download {
          margin: 0 0 1em 12px;
          border-bottom: solid 3px #c53735;
}
#content blockquote, dl.download {
            float: right;
            width: 260px;
}


div#subsubnav div blockquote  {
	border: 0;
}

	
	div#subsubnav div blockquote p {
		margin: 0 20px 1em 10px;
		}

dl.download, dl.pdf {
          padding: 1em 0;
}
                   /* Just used for the quotation entities */
                   blockquote p strong {
                             font-size: 200%;
                             line-height: 0.1;
                             vertical-align: bottom;
                   }
                   blockquote p cite {
                             display: block;
                             text-indent: 0;
                             /* A cheeky little rule which allows the citation to fit snugly under the
                             quote, but doesn't break it if there isn't one */
                             margin-top: -1em;
                             margin-bottom: -1em;
                             font-size: 70%;
                             font-style: normal;
                   }
                   dl.download dt, dl.pdf dt {
                             width: 70px;
                             float: left;
                   }
                   dl.download dd, dl.pdf dd {
                             width: 180px;
                             float: left;
                   }
                   dl.pdf dd {
                             width: 560px;
                   }
                             #main dl.download a, #main dl.pdf a {
                                      text-decoration: none;
                             }


/* Sometimes, blockquotes get themseves background images */
#content blockquote.vacancies {
	background: url(/img/bg-blockquote-vacancies.jpg) top right no-repeat;
	height: 165px;
	width: auto;
    	float: none;
   	border: none;
	margin-bottom:0px;
}

html[lang] blockquote.vacancies {
	height: auto;
	min-height: 165px;
}
	blockquote.vacancies p {
		margin-right: 353px;
		margin-top: 1em;
	}



/* This is used on the "Day in the life" page */
div#dayplan {
	padding: 0 0 0 60px;
}
	#dayplan div {
		position: relative;
	}
		#dayplan h2 {
			font-size: 135%;
			margin: 0;
			padding: 10px 0 0.6em 0;
		}
		#dayplan blockquote {
			width: 155px;
			float: right;
		}

	#dayplan p.image {
		position: absolute;
		width: 60px;
		top: 0;
		left: -60px;
	}

/* A two column layout, for the content panel */
.twocol div {
	float: left;
	width: 297px;
}
.twocol div.first {
	width: 335px;
}
	#main .twocol div h1, #main .twocol div h2 {
		border-top: solid 3px #c53735;
		padding-top: 0.3em;
		font-size: 135%;
		color: #c53735;
	}
	#main .twocol .noborder h1, #main .twocol .noborder h2 {
		border: none;
	}
		.twocol h1 a, .twocol h2 a {
			color: #c53735;
		}

	.twocol h1, .twocol h2, .twocol h3, .twocol h4, 
	.twocol h5, .twocol h6 {
		padding: 0 8px;
	}
	.twocol p, .twocol dl,
	.twocol ul, .twocol ol {
		margin: 0 8px 1em 8px;
	}
	.twocol .first h1, .twocol .first h2, .twocol .first h3, .twocol .first h4, 
	.twocol .first h5, .twocol .first h6, .twocol .first p,	.twocol .first ul,
	.twocol .first ol {
		margin-right: 38px;
	}
		.twocol dt {
			float: left;
			width: 144px;
		}
		.twocol dd {
			float: left;
			width: 137px;
			text-align: right;
		}
			.twocol dd img {
				margin: 0 0 0.2em 0;
				vertical-align: top;
			}

		.twocol .news dt {
			width: 52px;
			padding: 0 0 0.7em 0;
		}
		.twocol .news dd {
			width: 198px;
			padding: 0.2em 0 0 0;
			text-align: left;
		}
			.twocol .news dd a {
				color: #c53735;
				background: url(/img/bg-midcontent-a.png) top right no-repeat;
				padding: 0 20px 0 0;
				display: block;
			}

/* A list of dates */
ul.date li {
	background: url(/img/bullet-date.png) top left no-repeat;
	padding: 0 0 0 74px;
	height: 67px;
}
html[lang] ul.date li {
	height: auto;
	min-height: 67px;
}




/* Table rules */
table {
          border-collapse: collapse;
          font-size: 100%;
          margin: 0 0 1.5em 0;
}
#content table {
          width: 632px;
}
          th, td, caption {
                   padding: 0.5em 1em 0 1em;
                   border-right: solid 2px white;
                   border-bottom: solid 2px white;
          }
          caption {
                   text-align: left;
                   font-weight: bold;
                   border-right: none;
                   padding-bottom: 0.5em;
          }
          thead th, thead td, caption {
                   color: white;
                   background: #c53735;
          }
          thead th, thead td {
                   padding-top: 1.5em;
          }
                   #main table p {
                             margin: 0 0 0.5em 0;
                   }
                   th {
                             color: #c53735;
                             background: #f3d7d7;
                   }
                   td {
                             color: black;
                             background: #f9ebea;
                   }


#content ul li 

{
	background-color: transparent;
	background-image: url(/uploadedImages/Home/bg-main-li.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 10px;

}

#content img {padding: 0 0 0px 2px;}
#content .generalContent img {padding: 0 0 10px 10px; float: right;}


.imageDisplayRow {clear: left;}

.imageDisplay, .imageDisplayFirst, .imageDisplayLast { width:200px; margin-right:10px; float:left;}
.imageDisplayLast {margin-right: 0; }

div.generalContent .imageDisplay p, div.generalContent .imageDisplayLast p 
	{ margin-left: 0; padding-left:10px; padding-top: 0px; min-height:40px; color: #c33736; font-size: 120%; font-weight:bold;}

#main input.search{
	background: #c53735 url(/img/bg-button-submit-important.png);
	height: 21px;
	width: 109px;
	color: white;
}


/* Clinic finder */


#clinics { height:480px; max-height:480px; overflow-y: scroll; padding-bottom:50px; margin-bottom:15px; margin-left:12px;}
		#clinics dl {
			margin-top: 5px;
			margin-left:0;
			width: 270px;
			overflow:hidden;
		}

			* html #clinics dl { overflow:visible;} 

			#clinics dt {
				background: url(/img/pinpoint.jpg) top left no-repeat;
				padding-left:25px;
				padding-top:5px;
				height:35px;
				font-weight: bold;
				font-size: 120%;
			}
			#clinics dd {
				padding-left:10px;
			}	
				#clinics dd a{
						padding-left:15px;
					}	
					
					#clinics dd p a{
						padding-left:0px;
					}

	#main .clinicfilter input.submit {margin-right: 20px; vertical-align: bottom;}	


div.gmnoprint, 
div.gmnoprint div.gmnoprint, 
div.gmnoprint div.gmnoprint div, 
div.gmnoprint div div, 
div.gmnoprint h2 {padding: 0; margin: 0; width: 200px; height: 30px; background: none;}

div.gmnoprint h2 { background-color: white; }


#content a.Back, #content a.BackOwners, #content a.BackImportant
{
    color: #fff;
    height: 21px;
    width: 109px;
    padding: 2px 5px 15px 30px;
    text-decoration: none;
    background: transparent url(/img/bg-button-back-vets.png) no-repeat top left;
}

#content a.Back:hover, #content a.BackOwners:hover, #content a.BackImportant:hover
{
    text-decoration: underline;
}

#content a.BackOwners
{
    background: transparent url(/img/bg-button-back-owners.png) no-repeat top left;
}

#content a.BackImportant
{
    background: transparent url(/img/bg-button-back-important.png) no-repeat top left;
}