* 						{ margin: 0; behavior: url(iepngfix.htc);}
html, body 				{ height: 100%; margin-bottom: 1px;  }
body					{ font-family:Arial, Verdana, sans-serif; text-align:center; background:url(images/background.gif) repeat-x; }


p 						{ font-family:Arial, Verdana, sans-serif; font-size:0.9em; color:#000000; margin: 0 0 10px 0; }
h1 						{ display:none;  }
h2 						{ font-size:1.5em; margin:0 0 5px 0; font-weight:bold; color:#3082B9; padding:0; }
h3 						{ font-size: 1.3em; margin:5px 0;  color:#3082B9; padding:0; font-weight:normal; }
h4 						{ font-size: 1.1em; margin:5px 0; color:#3082B9; padding:0; }
h5 						{ font-family: Verdana, Arial, sans-serif; font-size:0.8em; color:#3082B9;  font-weight:normal;}
img 					{ margin: 0; padding:0; border:none; behavior: url(iepngfix.htc);}
#map_canvas img 		{ behavior:none;}
span					{ font-family: Arial, Verdana, sans-serif; font-size: 0.8em; }
em						{font-family:Arial, Verdana, sans-serif; font-size:0.9em; font-style:italic;}

#container {
	min-height: 100%;
	width:800px;
	text-align:left;
	margin:0 auto;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px auto; /* the bottom margin is the negative value of the footer's height */
}


input.formblue, textarea  {
	font-size: .8em;
	color: #000;
	background-color: #C6DAE5;
	padding: 2px;
	border: solid 1px #999;
	margin-right: 5px;
	margin-bottom: 5px;
	}

.button_fortwilliam			{ background:url(images/buttons/fortwilliam_web.gif) 0 0; width:150px; height:56px; display:block; float:left; margin:0 10px 0 0;}
.button_fortwilliam:hover	{ background-position:0 -56px;}
.button_ballymena			{ background:url(images/buttons/ballymena_web.gif) 0 0; width:150px; height:56px; display:block; float:left; margin:0 10px;}
.button_ballymena:hover		{ background-position:0 -56px;}
.button_printable			{ background:url(images/buttons/printable.gif) 0 0; width:150px; height:56px; display:block; float:left; clear:right; margin:0 10px;}
.button_printable:hover		{ background-position:0 -56px;}
.button_referral			{ background:url(images/buttons/referral.gif) 0 0; width:130px; height:56px; display:block; float:left; clear:right;}
.button_referral:hover		{ background-position:0 -56px;}
.button_implants			{ background:url(images/buttons/implants.gif) 0 0; width:180px; height:56px; display:block; float:left; margin:0 10px;}
.button_implants:hover		{ background-position:0 -56px;}




/* ------------------- Header Area --------------------*/
/* ----------------------------------------------------*/
#header		 			{ height:70px; width:800px; }
#headerLogo 			{ width:250px; height:48px; float:left; margin:20px 0 0 20px !important; margin:20px 0 0 10px; background:url(images/fortwilliam.png);}
#headerLogo2 			{ width:240px; height:48px; float:right; margin:20px 27px 0 0 !important; margin:20px 14px 0 0; background:url(images/ballymena.png);}

#print-fortwilliam	 {display:none;}
#print-ballymena	 {display:none;}


/* ----------------- Navigation Area ------------------*/
/* ----------------------------------------------------*/
#navbar					{ width:800px; height:40px; background:url(images/navbar.gif); margin:0; }

.hide					{ display:none;}
ul#nav 					{ height:28px; width: 786px; text-align:center; list-style: none;  margin:0 0 0 7px; padding:0; clear:both;}
ul#nav li 				{ list-style: none; float:left; margin: 0; padding: 0; }
ul#nav li  				a{height:28px; display:block; margin: 0; padding:0; color:#FFFFFF; text-decoration:none;}
ul#nav li.butt1 		a{width:65px; background-image: url(images/buttons/butt1.gif);}
ul#nav li.butt2 		a{width:74px; background-image: url(images/buttons/butt2.gif);}
ul#nav li.butt3 		a{width:78px; background-image: url(images/buttons/butt3.gif);}
ul#nav li.butt4 		a{width:91px; background-image: url(images/buttons/butt4.gif);}
ul#nav li.butt5 		a{width:95px; background-image: url(images/buttons/butt5.gif);}
ul#nav li.butt6 		a{width:149px; background-image: url(images/buttons/butt6.gif);}
ul#nav li.butt7 		a{width:131px; background-image: url(images/buttons/butt7.gif);}

ul#nav li.butt1 a:hover,
ul#nav li.butt2 a:hover,
ul#nav li.butt3 a:hover,
ul#nav li.butt4 a:hover,
ul#nav li.butt5 a:hover,
ul#nav li.butt6 a:hover,
ul#nav li.butt7 a:hover {background-position: 0px 28px;}

body#home 				#nav li.butt1 a, 
body#contact 			#nav li.butt2 a, 
body#referrals			#nav li.butt3 a, 
body#profiles			#nav li.butt4 a, 
body#treatment			#nav li.butt5 a, 
body#patient			#nav li.butt6 a, 
body#training			#nav li.butt7 a {background-position: 0px 28px;}

ul#subnav 				{ list-style:none; font-size:0.9em; margin:0; padding:0;}
ul#subnav li 			{ display:inline; float:left; padding-right:0.5em; font-family: Helvetica, Trebuchet, sans-serif; font-size: 1.2em;  font-weight:normal;}
ul#subnav li  			a{text-decoration:none; color:#666;}
ul#subnav li  			a:hover{text-decoration:none; color:#333; background:#eee;}
ul#subnav li.current	{text-decoration:none; color:#333; background:#eee;}



/* ------------------ Content Area --------------------*/
/* ----------------------------------------------------*/
#content		 			{ float:left; width:800px; background:#ffffff url(images/contentGrad.gif) no-repeat; background-position: top right;  
							voice-family: "\"}\"";
							voice-family: inherit; }
html>body #content			{width:800px; }
body#home	#content		{ background:#ffffff url(images/homeback.gif) no-repeat top;}

#leftbox					{ width:365px; margin:0 0 0 20px !important; margin:0 0 0 10px; float:left;  text-align:left;}
#rightbox					{ width:367px; margin:0 27px 0 0 !important; margin:0 14px 0 0; float:right;  text-align:left;}
#fullwidth					{ width:750px; margin:20px 27px 0 20px !important; margin:20px 14px 0 10px; float:left;  text-align:left;}

.blueText					{ font-family: Verdana, sans-serif;  font-size:1em; color:#3082B9; }
.blueText					a{ font-size:1em; color:#3082B9; }

ul#contentList 				{ list-style:none; margin-left:0; padding-left:1em; text-indent:-1em; font-size:0.9em; margin:0 0 20px 0;}
ul#contentList li 			{ list-style-type:circle; list-style-position: inside; }
ul#contentList li  			a{text-decoration:none; color:#0066FF;}


#regField					{width:350px; float:left;}
#regBox						{width:170px; float:left;}
#regBox2					{width:170px; float:right;}
input						{width:140px;}
textarea					{width:140px;}
.formblue					{width:140px;}
.inputbutt					{width:60px; cursor:pointer;}
.inputradio					{width:20px;}




/* ------------------- Footer Area --------------------*/
/* ----------------------------------------------------*/
#footer		 			{ height:70px; background:url(images/footback.gif) repeat-x; margin:-70px auto 0 auto; position:relative; float:left; width:100%;}
#footContent 			{ height:20px; width:780px !important; width:800px; text-align:left; margin:0 auto; background:#ffffff; border:1px 0 0 0 solid #666666; padding:50px 0 0 20px; }

#footer, .push {
	height: 70px; /* .push must be the same height as .footer */
}