* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body{ background-color: #666; /** Website BG colour (matches canvas colour in Step 1) **/
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:12px;
		line-height:18px;
		 background-image:url(external_media/background.jpg); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
}


#wrapper {
min-height:100%; /* gives layout 100% height */
width:945px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
background-color:#FFF;
}
* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}

p {
font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:12px;
		line-height:18px;
		margin-bottom:20px;
}

h1{
	font-size:22px;
	line-height:30px;
	color:#00579F;
	font-weight:100;
	
}

h2{
	font-size:24px;
	line-height:30px;
	color:#00579F;
	font-weight:bold;
	margin-bottom:5px;
	
}

a{
color:#00579F;
width:100%;
text-decoration: none;

}

a:hover, a.selected{
text-decoration:underline;
}

h3{
	font-size:12px;
	line-height:18px;
	color:#1A90C2;
	font-weight:bold;
	margin-bottom:5px;
	
}


#navigation{
	z-index:3;
width:100%;
position:relative;
top:-375px;
left:0px;

}

#navigation ul{
padding: 0px 0px 0px 0px; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center;
}

#navigation ul li{
	width:100px;
	float:left;
	list-style:none;
}

#navigation a{

color:white;
text-decoration: none;

}

#navigation a:hover, #navigation a.selected{
color:#FC6
}

#topgraphic {
	z-index:-5;
	height:378px;
	width:945px;
	display:block;
}

#leftcontent {
	padding:0px 0px 0px 60px;
	width:330px;
	float:left;
	position:relative;
	top:-30px;
}

#rightcontent {
	padding:0px 50px 0px 10px;
	width:450px;
	float:right;
	position:relative;
	top:-30px;
	display:inline;

}

#wide {
	position:relative;
	top:-30px;
	width:930px;
}

#footer {
height:142px;
width:945px; /* centered div must be given a width */
margin:-142px auto 0; /* -80px sucks it back in & auto centers it */
background:url(external_media/bottom-graphic1.jpg) no-repeat top left;
}

#navigationbottom{
	position:relative;
	top:120px;
	left:10px;
}

#navigationbottom ul{
padding: 10px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center;
}

#navigationbottom ul li{
float:left;
width:60px;
	list-style:none;
}

#navigationbottom a{
	font-size:10px;
color:white;
text-decoration: none;

}

#navigationbottom a:hover, #navigationbottom a.selected{
color:#FC6
}

.widediv {
		width:645px;
		background:#FFF;
	margin:0px 30px 0px 270px;
	clear:both;
	vertical-align:bottom;
	
}

.widediv tr{
	height:200px;
}
.widediv img{
	vertical-align:bottom;
}

.widediv tr td p{
padding:0;
margin:50px 0px 0px 40px;

}



#bottomaddress {
	position:relative;
	left:-110px;
	top:0px;
	font-size: 10px;
	line-height: 14px;
	color: #FFF;
	text-align:right;
	z-index:3;
}

#bottomaddress a{
	font-size:10px;
color:white;
text-decoration: none;

}

#bottomaddress a:hover, #bottomaddress a.selected{
color:#FC6
}


#spacer{
	clear:both;
	padding:0px 0px 142px 0px; /* bottom padding clears the #footer */
}

.darkbluebold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #11438C;
}
.darkbluesmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #11438C;
}

.lightbluesmall{
	font-size:12px;
	line-height:18px;
	color:#1A90C2;
	font-weight:bold;
	margin-bottom:5px;
	
}

.quote{
	font-size:14px;
	line-height:20px;
color:#1A90C2;
	font-style:italic;
	
}

.right {
	text-align: right;
}

.home {
		background: url(external_media/slideshow_home/01.jpg)no-repeat top left;
}

.70000baby {
		background: url(external_media/slideshow_70000baby/01.jpg)no-repeat top left;
}

.history {
		background: url(external_media/slideshow_history/01.jpg)no-repeat top left;
}

.facilities {
		background: url(external_media/slideshow_facilities/01.jpg)no-repeat top left;
}

.prenatal {
		background: url(external_media/slideshow_prenatal/01.jpg)no-repeat top left;
}

.postnatal {
		background: url(external_media/slideshow_postnatal/01.jpg)no-repeat top left;
}

.pamper {
		background: url(external_media/slideshow_pamper/01.jpg)no-repeat top left;
}

.doctors {
		background: url(external_media/slideshow_doctors/01.jpg)no-repeat top left;
}

.contact {
		background: url(external_media/slideshow_contact/01.jpg)no-repeat top left;
}

.floatleft {
	float:left
}

.doctorboxtable img {
	border-radius:10px;
}

.doctorboxtable {
	margin: 0 0 0 40px;
}