/* CSS Document */

#body {
text-align:center;
padding:0;
margin:0;
height:100%;
}

#wrap{
margin:auto;
height:100%;
width:804px;
background-image:url(../shadow.gif);
background-repeat:repeat;
}

#heading{
margin:auto;
left:8px;
top:70px;
position:relative;
float:left;
width:500px;
height:auto;
}

h1.heading{
top:80px;
color:#0168b3;
text-align:left;
font-weight: 400;
font-stretch:narrower;
font-family: "Arial Narrow", "sans-serif";
font-size:2.5em;
padding:0%;
margin:0%;
}

#logo{
right:5px;
top:4px;
width:130px;
height:130px;
position:relative;
float:right;
padding:0%;
margin:0%;
}

#navbar{
margin:auto;
clear:both;
width:792px;
background-color:#0168b3;
height:24px;
line-height:1em;
border-bottom:solid #424242 2px;
border-top:solid #424242 2px;
}

#container2 {
	padding:0;
	margin:auto;
	clear:left;
	width:98.5%;
	overflow:hidden;
	background-color:#419efb; /* column 2 background colour */
}

#container1 {
	padding:0;
	margin:0;
	float:left;
	left:0px;
	width:70%;
	height:100%;
	position:relative;
	background-color:#ffffff; /* column 1 background colour */
	
}


/*heres the css for information that goes in the left hand column*/


#lhcolumn{
left:0px;
float:left;
position:relative;
width:100%;
}

#content{
margin-left:1%;
margin-bottom:40px;
top:30px;
position:relative;
min-height:500px;
width:100%;
}



a.table, a.content, a.contact{
color:#0168b3;
font-family:sans-serif;
font-size:12px;
}

h3.content{
margin:0% auto 0% 2%;
font-family: sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
text-align:left;
padding:0%;
line-height:2em;
}


h2.content{
margin:0% auto 0% 2%;
font-family: sans-serif;
font-size:18px;
font-weight:300;
color:#666666;
text-align:left;
padding:0%;
}

.content ol{ 
margin:0;
width:80%;
padding:10px;
list-style-type:decimal;
list-style-position:inside;
}

.content li{
font-family:sans-serif;
font-size:12px;
color:#666666;
text-align:justify;
padding:0 50px 10px 5px;
}

table.medicalsvcs {
margin-top:5px;
margin-left:6px;
width:540px;
text-align:left;

}

table.medicalsvcs th{
font-family:sans-serif;
font-size:14px;
font-weight:bold;
color:#424242;
line-height:2em;
}

table.medicalsvcs td{
font-family:sans-serif;
font-size:12px;
font-weight:normal;
color:#424242;
}

#fees{
position:left;
float:left;
margin-left:0;
padding-bottom:50px;
height:100%;
width:540px;
}


table.fees{
margin-left:2px;
width:540px;
height:auto;
text-align:left;
border:2px solid silver;
}

table.fees td{
font-family:sans-serif;
font-color:#666666;
font-size:10px;
text-align:left;
}

table.fees th{
font-family:sans-serif;
font-color:#666666;
font-size:12px;
text-align:left;
}



p.content{
width: 90%;
font-family:sans-serif;
font-size:12px;
color:#666666;
text-align:left;
margin:0% auto 0% 2%;
}

#promotional{
border-top:10px solid white;
position:relative;
max-width:100%;
height:110px;
}

.message{
margin:auto;
top:5px;
right:5%;
position:relative;
float:right;
width:20%;
height:100%;
}

h2.message{
width:100%;
text-align:center;
font-family:"Arial Narrow", "sans-serif";
font-size:18px;
color:#ffffff;
font-weight:bold;
line-height:1.2em;
}



/*this is the formatting for information going into the right column*/

#rhcolumn{
right:0px;
position:relative;
float:right;
width:30%;
overflow:hidden;
}

#specials{
top:10px;
position:relative;
width:90%;
min-height:110px;
background-image:url(../specialsbar.png);
background-repeat:repeat-x;
background-color:#ffffff;
margin:auto;
}

h2.specials{
font-family:"Arial Narrow", "sans-serif";
font-weight:bold;
text-align:center;
font-size:18px;
color:#ffffff;
line-height:1.5em;
padding:0%;
margin:0%;
}

ul.specials{
margin-top:20px;
text-align:left;
font-family:sans-serif;
font-size:12px;
color:#0168b3;
}

li.specials{
list-style-position:inside;
list-style-type:circle;
}



#medicallink{
top:60px;
position:relative;
width:90%;
height:100px;
margin:auto;
}

#medicallink a:hover, #dentallink a:hover{
padding-left:2px;
padding-bottom:4px;
}

#dentallink{
top:100px;
position:relative;
width:90%;
height:100px;
margin:auto;
}

#address{
top:120px;
position:relative;
height:300px;
}

p.address{
margin-right:8%;
font-family: "Arial Narrow", "sans-serif";
font-size:11px;
text-align:right;
color:#ffffff;
}



#footer{
padding:0;
clear: both;
position:relative;
margin:auto;
height:20px;
width:792px;
background-color:#0168b3;
}

p.footer{
padding:0;
margin:0;
font-size:10px;
color:#ffffff;
font-family:"sans-serif", Arial, Helvetica;
text-align:center;
line-height:2em;
} 


table.contact {
float:left;
padding:0;
margin-top:5px;
margin-left:6px;
width:490px;
text-align:left;

}

table.contact th{
font-family:sans-serif;
font-size:14px;
font-weight:bold;
color:#424242;
line-height:2em;
}

table.contact td{
font-family:sans-serif;
font-size:12px;
font-weight:normal;
color:#424242;
}


ul.home{
max-width:80%;
margin-top:10px;
text-align:left;
font-family:sans-serif, arial;
font-size:12px;
color:#666666;
padding:0px;
margin:auto auto 12px 0px;
}

li.home{
list-style-position:outside;
list-style-type:disc;
margin:auto auto 12px 20px;
padding:0px auto 20px -40px;
}

.home li li{
list-style-position:outside;
list-style-type: circle;
margin:auto auto 5px 20px;
padding:0px auto 20px -40px;
}