/* Stylesheet for Bath Oral Surgery Clinic - created by Moonshine Internet Oct 06 */

body {
	background: #f3f3f3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}


/* Page layout */

#page {
	width: 774px;
	background: url(images/page_bg.jpg) repeat-y;
	margin: auto;
}

#header {
	padding-top: 14px;
	height: 210px;
}

#header .logo {
	position: relative;
	left: 37px;
}

#header .title {
	position: relative;
	left: 254px;
}

#header .mininav {
	position: relative;
	left: 603px;
	top: -166px;
	width: 140px;
}

#header .mininav a {
	color: #444;
	text-decoration: none;
}

#header .mininav a:hover {
	color: #4BABA7;
}

#header .headline {
	border-top: 1px solid #c2e0e0;
	width: 700px;
	margin: auto;
}

#navigation {
	width: 187px;
	float: left;
	padding-left: 37px;
}

#navigation a {
	color: #444;
}

#maincontent {
	border-left: 1px solid #c2e0e0;
	padding-left: 20px;
	float: left;
	width: 492px;
	line-height: 1.7em;
	color: #415058;
}

#footer {
	height: 25px;
	background: #83c8c5;
	width: 762px;
	color: #fff;
	font-size: 10px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #444;
}


/* --- document styles --- */

p {
	padding: 0;
	margin: 0 0 10px 0;
}

h1, h2, h3, h4 {
	color: #718995;
	font-weight: normal;
}

h1 {
	font-size: 19px;
}

h2 {
	font-size: 16px;
	margin: 5px 0 0 0;
}

h3 {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	margin: 5px 0 15px 0;
}

.hilite {
	background: #E9F3F3;
	padding: 15px 25px;
	border: 1px solid #c2e0e0;
}

.hilite h2 {
	margin-bottom: 5px;
}

#maincontent li {
	margin-bottom: 7px;
}

.clear {
	clear: both;
}

.imageright {
	float: right;
	margin: 0 0 10px 10px;
}

.imagerightNB {
	float: right;
	margin: 0 0 10px 10px;
}

.imageleft {
	float: left;
	margin: 10px 10px 0 0;
}

.imageleft, .imageright {
	border: double #8A9EA8;
}

.imageboxL {
	float: left;
}

.imageboxL img {
	border: double #8A9EA8;
}

.imageboxL p, .imageboxL li {
	clear: left;
	font-size: 10px;
	/*font-style: italic;*/
	margin: 0;
	padding: 1px 0 0 3px;
	line-height: 1.2em;
	color: #666;
}


#maincontent a {
	text-decoration: none;
	border-bottom: dotted 1px #718995;
	color: #415058;
	letter-spacing: 1px;
	padding: 0 0 1px 1px;
}

#maincontent a:hover {
	color: #4BABA7;
}

#maincontent ul {
	margin: 0 0 0 17px;
}

.fee {
	border-bottom: 1px solid #E9F3F3;
	width: 485px;
	margin-bottom: 10px;
}

.feeItem {
	width: 340px;
	float: left;
}

.feeFrom {
	width: 90px;
	float: left;
	font-style: italic;
	text-align:right;
}

.feePrice {
	width: 50px;
	text-align: right;
	float: right;
}

.feePriceLong {
	width: 140px;
	text-align: right;
	float: right;
}


.feeSmall {
	font-size: 10px;
}

#maincontent .weblinks a {
	letter-spacing: 1px;
}

#maincontent .weblinks p {
	margin-bottom: 20px;
}

#maincontent .refform label {
	width: 200px;
	float: left;
	clear: both;
}

#maincontent .refformlong {
	margin-bottom: 10px;
	}


#maincontent .refformlong label {
	width: 380px;
	float: left;
	clear: both;
}

#maincontent .refform .fieldsmall, #maincontent .refform .fieldmed, #maincontent .refform .fieldlong {
	font-size: 10px;
	margin-bottom: 3px;
}

#maincontent .refform .fieldsmall {
	width: 70px;	
}

#maincontent .refform .fieldmed {
	width: 200px;	
	margin-bottom: 3px;
}

#maincontent .refform .fieldlong {
	width: 267px;	
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#maincontent hr {
	height: 1px;
	color: #c2e0e0;
	margin: 20px;
}

#maincontent .button {
	font-size: 10px;
}

.sidenameblock {
	width: 167px;
	background: #fff;
	padding: 5px;
	margin-top: 50px;
}

.sidenameblock h1 {
	margin: 0 0 5px; 0;
}

.sidenameblock p {
	font-size: 9px;
	color: #777;
}

/* Home page only */
.nameblock {
	width:110px;
	height:40px;
	float:left
	}
	
.lettersblock {
	font-size:9px;
	padding-top:3px;
		}

		
		
/* Side Navigation */

ul.sidenav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.sidenav a {
	display: block;
	text-decoration: none;
	background: #e9f3f3;
	font-size: 11px;
	font-weight: normal;
	padding: 6px 5px;
	width: 157px;
	border-bottom: 8px solid #fff;
}

/*ul.sidenav a:visited {
	font-weight: normal;
	color: #006;	
	}*/

ul.sidenav a:hover {
	background:#83c8c5;
	font-weight: normal;
}
	
ul.sidenav li {
	position:relative;
}

ul.sidenav li a{
	display:block;
	}

ul.sidenav li ul {
	margin:0px;
	padding:0px;
	position: absolute;
	left: 167px; 
	top: 0px;
	display: none;
	}
	
ul.sidenav li li a {
	background:#D8EAEA;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 210px;
	}
	
ul.sidenav li ul {
	background-color: #699;
	filter: alpha(Opacity=93);
		 -moz-opacity:0.9;
	}
	
#navigation ul.sidenav li ul a {
	color: 222;
	}

* html ul.sidenav li { float: left; height: 1%; }
* html ul.sidenav li a { height: 1%; }


ul.sidenav li:hover ul, ul.sidenav li.over ul { display: block; } 

.buttdown {
	color: #4BA3A2;
}

/* Google map */

#map {
	width: 476px; 
	height: 300px;
	border: double #8A9EA8;
	margin-top:20px;
	}