/* Start of CMSMS style sheet 'Global' */
/* CSS Document 
Website: www.chequerhalldental.co.uk
Designed by: Daniel Gough of First Instar Limited
Date: November 2006
© Copyright Daniel Gough 2006
*/

/* 1. Page Control
==================================================================================== */

*
{
	margin: 0;
	padding: 0;
}

html { font-size: 100%; }

body {
	background: #B3DDDF url(images/bg_body.png) repeat-y top center;
	margin: 0 auto;
	font-size: 62.5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}
	
.skiplink {
	display: none;
	}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}

.hidden {
	position: absolute;
	left: -10000px; 
	}

p, ul { text-align: left; }

div#contentMain p { 
	font: 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	margin-bottom: 1em;
	}	

div#contentMain ul {
	font: 1.2em/1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	margin-bottom: 1em;
	list-style-type: square;
	padding-left: 25px;
        list-style-image: url(images/global/blue_square.png);
	}

div#contentMain li {
	font: 1.0em/1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	margin-bottom: 0.5em;
	list-style-type: square;
	}

div#main h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 1.4em;
	color: #0060AA;
	margin-bottom: 0.25em;
	text-transform: uppercase;
	}

a { color: #0060AA; }

.opening {
	padding: 4px 6px;
	text-align: left;
	color: #0060AA;
	font-size: 1.15em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.11em;
	background: url(images/bgOpening_top.gif) no-repeat;
	}

img.positionRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #BFEBE6;
	padding: 2px;
	}

/* 2. Page Layout
==================================================================================== */

div#wrap {	
	width: 900px;
	margin: 0 auto;
	padding: 0 ;
	min-height: 100%;
	text-align: left;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 899px;
	}

* html #wrap { height: 100%; }

div#nonFooter { text-align: left; }

div#header {
	height: 185px;
	margin: 0 20px;
	background: #fff;
	}

div#header h1 a {
	background: url(images/logo_glass.gif) no-repeat 22px 0;
	display: block;
	width: 188px;
	height: 168px;
	text-indent: -999em;  /* this hides the text */
	text-decoration: none;
	}
	
div#topBar {
	height: 20px;
	}	
	
div#logo {
	float: left;
	width: 195px;
	height: 136px;
	display: inline;
	margin: 0;
	}
	
div#telNo {
	position: absolute;
	top: 195px; left: 20px;
	width: 220px;
	height: 16px;
	background: url(images/global/telNo.gif) no-repeat;
	}		

div#topLinks {
	position: absolute;
	top: 33px; left: 270px;
	width: 170px;
	height: 38px;
	background: url(images/global/bg_topLinks.gif) no-repeat;
	font-size: 1em;
	text-align: center;
	padding-left: 8px;
	z-index: 20;
	}
	
div#topLinks ul {
	list-style: none;
	margin: 11px 0;
	padding: 0;
	}
	
div#topLinks li {
	display: inline;
	}	
	
div#topLinks li#home_icon {
	margin: 0 ;
	padding: 0 19px;
	background: url(images/global/icon_home.gif) no-repeat 0 50%
	}
	
div#topLinks li#sitemap_icon {
	margin: 0;
	padding: 0 19px;
	background: url(images/global/icon_sitemap.gif) no-repeat 0 50%
	}	
	
div#topLinks a {
	text-decoration: none;
	color: #005FAA;
	text-transform: uppercase;
	}

div#nhs_denplan {
	position: absolute;
	top: 85px; left: 270px;
	width: 220px;
	height: 93px;
	background: url(images/global/nhs_denplan.jpg) no-repeat;
	z-index: 21;
	}			
	
div#graphic {
	float: right;
	background: url(images/bg_header.gif) no-repeat top center;
	width: 620px;
	height: 185px;
	}
	
div#flashIndex {
	position: absolute;
	top: 24px; right: 20px;
	margin-top: 4px;
	}	
	
div#main {
        text-align: left;
	margin-top: 40px;
	background: #fff;
	padding-bottom: 20px;
	}
	
div#breadcrumbs {
    float: left;
    width: 604px;
    margin: 0 0 20px 20px;
    padding-top: 6px;
    height: 24px;
    display: inline;
    font-size: 1.2em;
    background: #fff;
    border-top: 1px solid #BFEBE6;
    border-bottom: 1px solid #BFEBE6;
	}

#breadcrumbs a { color:#0060AA; }
	
div#search {
	float: right;
	width: 220px;
	height: 30px;
	margin: 0 20px 0 0; padding: 0;
	background: url(images/global/bgSearch.gif) no-repeat;
	display: inline;
	}

div#content {
	text-align: left;
	padding-bottom: 20px;
	}
	
div#contentMain {
	display: inline;
	float: left;
	margin-left: 40px;
	padding-bottom: 25px;
	width: 564px;
	text-align: left;
	background-color: #fff;
	}
	
div#contentSide {
	display: inline;
	float: right;
	width: 220px;
	margin-right: 20px; margin-bottom: 20px;
	background: #E9F1F8;
	}		

/* 3. Navigation 
==================================================================================== */

h2.sideNavHead  {
	background: #fff url(images/global/bgSidebar_top.gif) repeat-x;
	margin: 0;
	height: 24px;
	padding: 7px 0 0 8px;
	text-align: left;
	color: #0060AA;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	border-bottom: 1px solid #72B8BA;
	}

#sideNav {
	border-bottom: 5px solid #72B8BA;
    background-color: #EDF3F9;
	}

#sideNav a {
	padding: 4px 8px;
	}

#sideNav li{
	line-height: 2em;
	font-size: 1.2em;
	}

#sideNav li a{
	border-bottom: 1px solid #72B8BA;
	color: #444444;
	display: block;
	
	padding: 4px 8px;
	text-decoration: none;
	}

#sideNav li a:hover{
	background-color: #9AC7DA;
	color: #fff;
	padding: 4px 8px;
	}

#sideNav ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.currentpage {
	background-color: #9AC7DA;
	color: #fff;
	margin: 0;
	padding: 4px 8px;
	border-bottom: 1px solid #72B8BA;
	text-decoration: none;
	}

.currentpage a {
	background-color: #DDEEFF;
	color: #005FA9;
	padding: 4px 8px;
	margin: 0;
	border-bottom: 1px solid #E5E5E5;
	}				

/* 4. Content
==================================================================================== */	

h3 { font-size: 1.3em; color: #01AE9B; line-height: 1.2em; margin-bottom: 0.4em; padding-top: 0.4em; }

.greenText { color: #01AE9B; }

.contentdivider { 
	background:url(images/global/hzDotted.gif) repeat-x; 
	height: 1px; 
	margin: 2px 0 4px 0;
	}

div#contentMain ul ul li{
	font: 0.8em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	margin-bottom: 1em;
	list-style-type: square;
	} 

div#contentMain table {
	width: 100%;
	background: #fff;
	font-size: 1.1em;
	}
	
div#contentMain table th {
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	background: url(images/global/bgTableHead.gif) repeat-x;
	}
	
div#contentMain table td {
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	color: #000;
	}

div#contentMain .gmap table td { border: 0; }

.job { width: 150px; }

div#contentSide table {
	width: 100%;
	background-color: #E9F1F8;
	}

div#contentSide table th {
	margin: 0;
	height: 26px;
	padding: 2px 0 0 8px;
	text-align: left;
	color: #0060AA;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.11em;
	background: #fff url(images/global/bgSidebar_top.gif) no-repeat;
	}

div#contentSide table td {
	margin: 0;
	padding: 4px 8px;
	text-align: left;
	font-size: 1.1em;
	}

/* 5. Footer
==================================================================================== */	

div#footer {
	clear: both;
	/* stick at bottom */
	position: relative;
	width: 860px;
	border-top: 4px solid #01AE9B;
	background: #fff ;
	padding-bottom: 0.5em;
	text-align: center;
	line-height: 1.5em;
     }

#footer a { color: #0060AA; }

#footerText {
	float: left;
	width: 100%;
	margin: 0;
	list-style: none;
	}	

#copyright {
	float: left;
	margin: 0;
	padding: 8px 0;
	}
	
#designer {
	float: right;
	margin: 0;
	padding: 8px 0;
	}	
	
.imgFooter {
	border: 0; vertical-align: middle;
	}

/* 6. Search Box
==================================================================================== */	

.formSearch {
	position:absolute;
	width: 214px; height: 17px;
	margin: 4px;
	font-size: 1.1em;
	}

input.formSearch {
	padding-left: 4px;
	padding-top: 3px;
	width:180px;
	border:1px solid #7F9DB9;
	color:#666666;
	background:#FFFFFF;
	display: inline;
	}

.buttonSearch {
	position: relative;
	top: 4px;
	left: 190px;
	}
		
/* 7. News Module
==================================================================================== */	

div#news {
  	margin: 2em 0 1em 0;  /* margin for the entire div surrounding the news list */
  	background: #E9F1F8;
	}
	
div#news h2 {
	padding: 6px 8px;
	text-align: left;
	color: #0060AA;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.11em;
	background: url(images/global/bgSidebar_mid.gif) no-repeat;
	}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 0.2em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
	font-size: 1em;
	font-weight: bold;
	}

.NewsSummaryLink {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6em;
	}

.NewsSummaryCategory {
	font-style: italic;
	margin: 5px 0;
	}

.NewsSummaryAuthor {
	font-style: italic; 
	padding-bottom: 0.5em;
	}

.NewsSummarySummary {
	line-height: 140%;
	font-size: 1.1em; 
	letter-spacing: 0.05em;
	}
#home .NewsSummaryContent { 
line-height: 140%;
	font-size: 1.1em; 
	letter-spacing: 0.05em;
	}

.NewsSummaryMorelink {
  	padding-top: 0.5em;
  	}

#NewsPostDetailDate {
  	font-size: 1em;
  	margin-bottom: 5px;
  	font-weight: bold;
  	}

#NewsPostDetailSummary {
	line-height: 150%;
	}

#NewsPostDetailCategory {
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
	}

#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
	}

#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
	font-style: italic;
	}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/


/* End of 'Global' */