/*

	CSS Template

	CONTENTS ----------

		1.Over all styles
		2.Layout
		3.Search
		4.Menu(s)
		5.ARD Tables
		6.Forms
		7.CZ styles
		8.Site Search results

    -------------------

	COLOURS ----------

		Text #000000
		
		A #c50000 

		A:hover #e7910a

		H1 #505050
		
		H2 #505050

    -------------------

 */
 
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Make scroll bar always visibale IMPORTANT in FF */
HTMl { overflow-y: scroll; }


 /* 1.Over all styles
---------------------------------------------------------------*/
body {
	font: 12px Arial, Helvetica, sans-serif; /* to add line height of eg 18px use 13px/18px  */
	color: #000000;
	background-color:#fff;
	}
P, td, th, div { line-height: 17px; }
H1 { font:bold 24px/26px Arial, Helvetica, sans-serif; color:#173989;margin-bottom:15px; }
H2 { font-size: 20px; font-weight: bold; color: #173989; margin-bottom:15px; line-height:normal;  }
H3 { font-size: 18px; font-weight: bold; color: #173989; margin-bottom:15px; }
H4 { font-size: 14px; color: #173989; line-height: 17px; margin-bottom:10px; }
H5 { font-size: 14px; color: #505050; line-height: 17px; margin-bottom:8px; }
H5 A { text-decoration: none; }
.largeh1 { font:bold 30px; line-height:32px; } 
A { color: #173989; text-decoration: underline; }
A:hover { color: #173989; text-decoration: none; cursor:pointer; }
A.noline { color: #000; text-decoration: none; }
A.noline:hover { color: #000; text-decoration: none; }
#logo img { width:54px; height:54px; }
.rhc-image { margin:0 0 20px 0; }	
	.skipmenu { text-align: left; }
	.skipmenu a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
	.skipmenu a:focus, a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

a.register { background-color:#CCCCCC; position:relative;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	behavior: url(PIE.htc); padding:7px; color:#333333; text-decoration:none; }
a.register:hover { background-color:#333333; position:relative;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	behavior: url(PIE.htc); padding:7px; color:#FFFFFF; }
.blockText { background-color:#FF0000; padding:2px 4px; color:#FFFFFF; font-weight:bold; width:8px; float:left; margin-right:5px; }
.large { font-size:16px; }
.center { text-align:center; }
.floatl { float:left; margin: 0 3px 3px 0; }
.floatl a { display:block; padding:5px 1px; width:100px; color:#FFFFFF; text-decoration:none; text-align:center; text-transform:uppercase; border:2px solid #FFFFFF; margin-bottom:4px; font-size:11px; }
.primary { background-color:#173989; }
.secondary { background-color:#DB002F; }
.floatr { float:right; margin:0 0 4px 4px; }
.floatr a { display:block; padding:5px 1px; width:100px; color:#FFFFFF; text-decoration:none; text-align:center; text-transform:uppercase; border:2px solid #FFFFFF; margin-bottom:4px; font-size:11px; }
.padh { margin:0 25px; }
.padv { margin:15px 0px; }
.boxInsideInner a:hover { background-color:#333333; color:#FFFFFF; }
.linkFeatured { background-repeat: no-repeat; padding-left: 15px; margin: 2px 0px;
	background-image: url(../images/featured-links-arrow.gif);}
.logos { text-align:center; }
.logos img { margin-bottom:30px; }
.pdflink { display: block; height:20px; line-height:20px; background-repeat: no-repeat; padding-left: 25px; 
	margin: 2px 0px 2px 0px; background-image: url(../images/pdf.gif);}

.contentBoxOuter { padding:11px 10px 1px 10px; margin-bottom:15px; border: 2px solid #173989; position:relative;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25); }
.bold { font-weight:bold; color:#012068; }
.alert { color:#CC0000; font-weight:bold; }
.highlight { color: #173989; font-weight:bold; }
.odd { background-color:#cdd4e6; }
table p { margin-top: 10px; }

.caps { text-transform:uppercase; }

img { -ms-interpolation-mode: bicubic; border:0; }

.italic { font-style:italic; }

.sage { color:#017d63; }
.image-right { float:right; margin-left:20px; }
strong, b { color:#173989; }
#column .bold { font-size:11px; }

html p.red, .red { color:#DB002F; }

/* 2.Layout
---------------------------------------------------------------*/
#contentMiddle .tick li { background-image:url(../images/system-tick-alt.png); background-position:left top; background-repeat:no-repeat; list-style-type:none; padding:0px 10px 5px 25px; }

.pics { height: 181px; width: 663px; padding:0; margin:0; overflow: hidden; }
.pics img { top:0; left:0; }
#content p, #contentMiddle p, #contentFull p { text-align:justify; }
#content li, #contentMiddle li, #contentFull li { font-size:13px; font-weight:bold; color:#173989; background-image:url(../images/bullet.gif); background-position:left top; background-repeat:no-repeat; list-style-type:none; padding:0px 10px 5px 15px; }

#content p, #contentMiddle p, #contentFull p, #content table, #contentFull table, #contentMiddle table {
	margin-bottom:15px;
}
#contentMiddle table td { padding:5px; }
#content ul, #content ol, #contentFull ul, #contentFull ol, #contentMiddle ul, #contentMiddle ol {
	margin:0 0 15px 25px;
	font-size:1em;
	list-style-type:none;
}

.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding:0;
	background-color:#FFFFFF;
	position:relative;
}
#logo { position:absolute; top:14px; right:0px; z-index:110; }

#branding {
	margin:0 auto;
	display:block;
	padding-top:15px;
	clear:both;
	height:24px;
}

#mainBanner {
	height:181px;
	padding-top:66px;
	width:905px;
	padding-right:55px;
	position:relative;
	margin: 0 auto;
	background-image:url(../images/mainbannerbg.gif);
	z-index:0;
}
#logotext { position:absolute; right:60px; top:0px; }
#mainBanner iframe { position:absolute; right:40px; top:80px; }
#mainBannerFull {
	height:177px;
	width:960px;
	position:relative;
	padding-top:71px;
	margin: 0 auto;
	background-image:url(../images/mainbannerbgfull.gif);
	z-index:0;
}
	.dentalpages #mainBannerFull { background-image:url(../images/dental-banner-bg-full.gif); }
#mainBannerFull p, #mainBanner p { font-size:28px; line-height:28px; position:absolute; left:15px; top:22px; color:#FFFFFF }
#breadcrumbs { display:block; clear:both; overflow:hidden; border-bottom: 1px solid #94a4cb; width:925px; padding:6px 10px 6px 25px; background-image:url(../images/breadcrumb-arrow.gif); background-position:left; background-repeat:no-repeat; }
#breadcrumbs p { float:left; font-size:11px; line-height:28px; }
#breadcrumbs select { float:right; }
#contentContainer {
	width: 960px;
	display: block;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
}
#contentSupportingContainer {
	width: 900px;
	display: block;
	clear: both;
	overflow: auto;
	height:100%;
	margin: 0 auto;
	border-top:12px solid #FFFFFF;
	border-bottom:12px solid #FFFFFF;
}
#primaryColumn {
	width:170px;
	margin-right:20px;
	float:left;
}

#content {
	width: 620px;
	float: left;
	padding:10px;
}
.largeButton { float:left; background-color:#ebebeb; border: 1px solid #a9a3a3; padding:8px; font-size:17px; text-align:center; font-weight:bold; text-decoration:none; margin-bottom:15px; width:170px; }
#content .index-main-buttons p  { text-align:center; }
.largeButton:hover { font-size:17px; text-align:center; font-weight:bold; background-color:#CCCCCC; margin-bottom:15px; }
.largeButton:active { width:170px; }
.newsbg { background-image:url(../images/newsbg.jpg); background-repeat:no-repeat; clear:both; display:block; overflow:hidden; height:100%; }
.newsButton { float:left; background-color:#FFFFFF; border: 4px solid #d1d2d4; font-size:17px; text-align:center; font-weight:bold; text-decoration:none; margin-bottom:15px; width:188px; padding-bottom:10px;}
.newsButton:hover { font-weight:bold; background-color:#ebebeb; border: 4px solid #d1d2d4; font-size:17px; text-align:center; font-weight:bold; text-decoration:none; margin-bottom:15px; width:188px; padding-bottom:10px; }
.newsButton p { background-color:#243f8d; padding:10px; color:#FFFFFF; }
.issues { float:left; margin-right:15px; }
.issues ul { margin:0; padding:0; }
.issues li { list-style-type:none; margin-left:}
#contentFull {
	width: 940px;
	float: left;
	padding:10px;
}
#contentMiddle {
	width: 470px;
	float: left;
	padding:0;
}

#contentMiddle .dental-staff { margin:0; padding:0; }
#contentMiddle .dental-staff li { background-image:none; display:block; width:49%; padding:0; margin:0 0 20px 0; float:left; text-align:center; }
.gp-surveyors-logo { width:280px; height:auto; }
body .contact-desirie { background-color:#1E3F8E;  }
body .contact-dental { background-color:#90A0C8; }
body .contact-dental .boxInner { font-size:11px; }
body #column .contact-desirie h3 { font-weight:bold; }

.dental-staff-pic { width:120px; height:auto; }

#column {
	width: 280px;
	float: right;
}
#column h3 { font-weight:normal; }
.boxOuter { background-color:#ebebeb; border: 1px solid #a9a3a3; padding:8px; margin:10px 0; }
.boxInner { background-color:#FFFFFF; display: block;
	clear: both;
	overflow: hidden; padding:10px;
	font-size:10px; }
.boxInner img { float:right; }
.boxInner p { color:#173989; margin-bottom:15px;}
.boxInner ul { margin:0; padding:0; }
.boxInner li { list-style:none; color:#173989; }
.boxInsideInner { background-color:#ebebeb; padding:10px; display:block; clear:both; overflow:hidden; }

.sitemap .hor
{
	background: url(/images/smHoriz.gif);
	background-repeat: repeat-x;
}
.sitemap .hor a
{
	background-color: white;
}
.sitemap .ver
{
	background-image: url(/images/smVertical.gif);
	background-repeat: repeat-y;
}

#footer {
	margin: 0 auto;
	width:960px;
	clear: both;
	padding:10px 0;
	display:block;
	overflow:hidden;
	border-top: 4px solid #94a4cb;
}

#footer p {
	color:#3c3c3c; font-size:11px; margin-bottom:6px;
}
#footer a {
	color:#666666;
}
#footer a:hover {
	color:#333333;
}
#footerPrimary {
	width: 160px;
	float: left;
}
#footerAddress { float: left; width: 200px; }
#footerSecondary {
	width: 320px;
	float: right;
	text-align:right;
	margin-bottom:5px;
}
#footerEnd { padding: 6px 10px; background-color:#173989; clear:both;  }
#footerEnd a, #footerEnd a:hover, #footerEnd p { color:#FFFFFF; }
/* 3.Search
---------------------------------------------------------------*/
#searchform {
	padding:0 0px 0 0;
	margin:8px 0px 8px 10px;
	float:left;
}
.searchbut { padding:0; margin:0px;
}
.searchbox {
	width: 120px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	color:#999999;
	float:left;
}

/* 4.Menu
---------------------------------------------------------------*/

#menuWrap {	
	clear: both;
	position:absolute;
	display:block;
	height:24px;
	z-index:1000;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	clear:both;
	top:15px;
	width:960px;
	}

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:24px; /* add line height  DONT USE HEIGHT */
	font-weight:normal;
	}
	
#menu { margin-left:0px; /* add any padding - separate so you don’t add margin to the all the ul elements */ }

#menu li { 
	list-style:none;
	float:left; /* float needed */
	position:relative;
	border:0;
	}
#menu li:hover { background-color: #173989; } /* keeps the original button highlighted */
#menu li.noborderr a { border-right:none;  } #menu li.noborderl a { border-left:none;  }/* Borders as appropriate */
.subdropdown { background-image:url(../images/menu-arrow.gif); background-repeat:no-repeat; background-position:right; }
#menu a{
	display:block;
	padding:0px 17px; /* set padding will affect padding on all a tags in menu */
	line-height:24px; /* set line height DONT use just height */
	color:#173989;
	text-transform:uppercase;
	text-decoration:none;
	background-image:url(../images/menubg.gif);
	background-repeat:repeat-x;
	border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #173989;
	background-image:none;
	color:#fff;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so top: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:194px; /* Width will need to be updated inline with all the padding on the menus */
	top:24px;
	background-color:#3455a4;
	}

#menu li ul a{
	width:150px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	text-transform:none;
	border:0;
	border-bottom:1px solid #5a75b4;
	background-image:none;
	line-height:normal;
	padding:8px 22px;
	}
#menu li ul a:hover {
	width:150px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	text-transform:none;
	border:0;
	border-bottom:1px solid #5a75b4;
	background-image:none;
	background-color:#90a2cd;
	line-height:normal;
	padding:8px 22px;
	}
#menu ul ul{
	top:auto;
	}	

#menu li ul ul { /* styles for sub drop downs */
	left:184px; /* left needs to be the overall width of the main drop down  */
	margin:0px 0 0 10px;
	}
#menu li ul ul a { 
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
	}
#verticalmenuWrap {	
	clear: both;
	position:relative;
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	}

#verticalmenu {
	float			: left;
	list-style		: none;
	margin			: 0;
	width			: 170px;
	font-size:11px;
	height		: auto !important;
	height		: 100%;
}

#verticalmenu li { 	border-bottom: 1px solid #173989;

}

#verticalmenu li:first-child {
	border-top		: none;
}

#verticalmenu li a {
	color			: #173989;
	display			: block;
	padding:6px 0px 6px 18px;
	text-decoration	: none;
	background-image:url(../images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

#verticalmenu li.active li a {
	color:#173989;
	cursor			: pointer;
	font-weight:normal;
	font-size:11px;
	background-image:url(../images/arrow-sub.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:2px 0px 2px 25px;
}
#verticalmenu li a:hover, #verticalmenu li.active li a:hover {
	background-color:#CCCCCC;
}
#verticalmenu li.active a { font-weight:bold; }

#verticalmenu a.expand {
	background		: none	
}

#verticalmenu li.active a.expand {
	background: none; font-weight:bold; color:#FFFFFF;
}

#verticalmenu li ul li {
	border			: solid 0px #fff;
	list-style		: none;
	padding			: 0 0 0 0px;
}
#verticalmenu li ul li.active a { color:#173989; font-weight:bold; } 
#verticalmenu li ul li.active ul li a { color:#173989; font-weight:normal; margin-left:10px; font-size:10px; }
#verticalmenu li ul li ul li.active a { color:#173989; font-weight:bold; background-color:#F4F4F4; } /*highlight current page*/	

.dental-menu li { background-image:url(/images/menubg.gif); background-repeat:repeat-x; background-position:bottom; }
#primaryColumn ul.dental-menu li ul li a { padding:6px 0 6px 25px; }
.dental-menu li a:hover { background-image:none; }


/* 5.ARD Tables
---------------------------------------------------------------*/

/*table formatting*/
.tablines { background-color: #505050; }

#contentMiddle .tablines table { margin-bottom:0; border-spacing: 1px; border-collapse: separate; } /*resets the padding to 0 on tables inside the tablines*/
 
/*a light colour on the borders of branded tables*/
.tabtitle{  font-weight: bold; color: #FFFFFF; background-color: #173989; padding:5px; }

.tabletitle{ font-weight: bold; color: #FFFFFF; background-color: #173989; padding:5px; }

.tabletitle strong, .tabhead strong, .tabtitle strong { color:#FFFFFF; }

/*Used if table has an extra heading.*/
.tabhead { font-weight: bold; color: #173989; background-color: #FFFFFF; padding:5px; }

/*dark colour, matching nav bar or other strong colour in the site.*/
.tabbody { font-weight: normal; color: #000000; background-color: #FFFFFF; padding:5px; }

/*standard text, white background, black text is most common.*/
.tabtotal{ font-weight: bold; color: #000000; background-color: #FFFFFF; padding:5px; }



/* 6.Forms (ask us a question)
---------------------------------------------------------------*/

#FirstName, #LastName { width:49%; }
#Business, #Telephone, #emailAddress { width:98%; }
#ValidationCode { width: 100px; }
#Comments { width: 99%; height: 100px; }

.FormButton  { 
	height: 19px;
	color: #FFFFFF;
	background-color: #c50000;
	border: solid 0px #0053A4; }
.FormText {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	margin-bottom:5px;
	padding:2px; }
.FormTextRequired {
	background-color: #FFFFFF;
	border: solid 1px #FF0000;
	margin-bottom:5px;
	padding:2px; }


/* 7.CZ
---------------------------------------------------------------*/

#CZDocumentBody td { padding:5px; }



/* 8.Site Search results
---------------------------------------------------------------*/
/*same background as tabbody but bold the text */

.NewsWireResult{ BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.NewsWireResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; }
.DataResult { BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.DataResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; }