body {
background-color:#E9F1F5;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
line-height:1.25;
margin:0px;
padding:0px;
text-align:center;
}
div#container {
display:block;
margin:0px auto;
padding:0px;
text-align:left;
width:855px;
}

div#content {
background-image:url(../images/bg.png);
background-repeat:repeat-y;
background-position:top left;
position:relative;
min-height:520px;
}

body.whoweare div#content {
min-height:520px;
}

* html body.whoweare div#content {
height:520px;
}

* html li {
	height:1px;
}
 

div#header {
position:relative;
display:block;
margin:0;
padding:20px 20px 0 20px;
}

div#body {
margin:0;
padding:10px 0;
}

div#identity {
background-image:url(../images/ghboneandjoint_logo.png);
background-position:bottom right;
background-repeat:no-repeat;
border:none;
margin:0;
text-indent:-1000em;
width:220px;
position:absolute;
height:60px;
top: 60px;
right: 40px;
}


a {
text-decoration:underline;
color:#333;
}

a:hover {
text-decoration:none;
}


h1 {
border:none;
display:block;
margin:0;
padding:0px;
position:relative;
text-indent:-1000em;
}

h2 {
border:none;
margin:0;
padding:0;
position:relative;
text-indent:-1000em;
background-repeat:no-repeat;
background-position:0px 5px;
width:360px;
}

h2#links {
background-image:url(../images/links_title.gif);
}

h2#forms {
background-image:url(../images/forms_title.gif);
}

h3 {
display:block;
font-size:80%;
font-weight:bold;
}

div#body p, div#body p.who {
font-size:80%;
line-height:1.2em;
margin:0 0 0 20px;
padding:0px;
width:360px;
}

.drbakker ul#secondarynav li a, .drbaszler ul#secondarynav li a {
color:#fff;
}

p.who {
color:#fff;
}

* html div#body p.who {
	padding:0 0 0 20px !important;
}

img.right {
position:relative;
float:right;
margin:0 40px 20px 0;
padding:0;
}

.rightcolumn {
position:relative;
float:right;
margin:0 40px 0 0;
padding:0 20px 0 0;
width:336px;
border-top:solid 1px #333;
}

div#body div.rightcolumn p {
padding:0;
margin:0;
}

.left {
float:left;
margin:0 0 0 20px;
padding:0;
width:336px;
border-top:solid 1px #333;
position:relative;
}

div#body .left p {
margin: 0 0 10px 0;
padding:0;
}


ul#secondarynav {
color:#0594D5;
font-size:100%;
font-weight:bold;
list-style-type:none;
margin:0 0 0 -20px;
padding:0 0 10px 0;
text-decoration:none;
width: 360px;
position:absolute;
bottom: 10px;
left: 0px;
}

* html ul#secondarynav {
	bottom:110px;
	left:-20px;
}

* html body.whoweare ul#secondarynav {
	left:0px;
}
ul#secondarynav li, ul#secondarynav li a {
color:#0594D5;
margin:0;
padding:0px 0px 0px 20px;
text-decoration:none;
background-position:top left;
background-repeat:no-repeat;
}

ul#secondarynav li a:hover  {
color:#333333;
}

body.whoweare ul#secondarynav li a:hover {
background-image:url(../images/bullet_white.png);
}


body.whatwedo ul#secondarynav li a:hover {
background-image:url(../images/bullet_blue.gif);
color:#333333;
}

body.drbakker ul#secondarynav li#bakker a, body.drbaszler ul#secondarynav li#baszler a {
background-image:url(../images/bullet_white.png);
}

body.trauma ul#secondarynav li#trauma a, body.foot ul#secondarynav li#foot a, body.hand ul#secondarynav li#hand a, body.joint ul#secondarynav li#joint a, body.sport ul#secondarynav li#sports a   {
background-image:url(../images/bullet_blue.gif);
}


ul#primarynav {
display:block;
height:60px;
list-style-type:none;
margin:0px;
padding:0px;
width:855px;
background-image:url(../images/bottom_bg.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
}
ul#primarynav li {
border:none;
float:left;
height:60px;
margin:0px;
padding:0px;
width:168px;
position:relative;
}
ul#primarynav li a {
background-color:transparent;
background-position:0px 0px;
border:none;
text-decoration:none;
width:168px;
text-indent:-10000em;
display:block;
margin:0;
padding:0;
height: 60px;
outline:0;
}


ul#primarynav li#home, ul#primarynav li#home a {
background-image:url(../images/nav_home.png);
}
ul#primarynav li#who, ul#primarynav li#who a {
background-image:url(../images/nav_who.png);
}
ul#primarynav li#what, ul#primarynav li#what a {
background-image:url(../images/nav_what.png);
}
ul#primarynav li#links, ul#primarynav li#links a {
background-image:url(../images/nav_links.png);
}

ul#primarynav li#tellafriend a {
background-position:70px 17px;
background-image:url(../images/nav_tellafriend.gif);
background-repeat:no-repeat;
}

ul#primarynav li#tellafriend a:hover {
background-position:70px 22px;
}


ul#primarynav li a:hover {
background-position:0 -60px;
}

body.home ul#primarynav li#home a, body.whoweare ul#primarynav li#who a, body.whatwedo ul#primarynav li#what a, body.links ul#primarynav li#links a {
background-position:0 -60px;
}

div#body dl.links {
width:380px;
font-size:80%;
color:#333;
margin:0;
padding:0;
}

* html div#body dl.links {
	position:relative;
	width:180px;
}

div#body dl.links dt {
font-weight:bold;
}

div#body dl.links dd a {
color:#333;
margin:0;
padding:0;
}

div#body ul.downloads {
font-size:80%;
font-weight:bold;
list-style-type:none;
margin:0;
padding:0;
width: 360px;
position:relative; 
}

ul.downloads li a {
color:#333;
background-position:left center;
background-repeat:no-repeat;
background-image:url(../images/icon_download_0.gif);
text-decoration:none;
padding: 5px 20px;
background-color:transparent;
display:block;
margin:0;
}

ul.downloads li a:hover {
background-image:url(../images/icon_download_1.gif);
}

div#footer {
clear:both;
border:none;
margin:0px;
padding:0px;
width:840px;
}
div#footer ul.contact {
display:inline;
font-size:75%;
list-style-type:none;
margin:0px;
padding:0px;
}
div#footer ul.contact li {
display:inline;
list-style-type:none;
margin:0px 10px 0px 0px;
padding:0px;
}

div#footer ul.contact li a {
text-decoration:underline;
color:#333;
}

div#footer ul.contact li a:hover {
text-decoration:none;
}

body.drbakker div#content {
background-image:url(../images/drbakker_photo.jpg);
}

body.drbaszler div#content {
background-image:url(../images/drbaszler_photo.jpg);
}

body.home div#body p {
width:560px;
position:relative;
}

body.home p.introduction {
color:#0594D5;
font-size:80%;
font-style:italic;
margin:0px;
padding:0 0 20px 0;
position:absolute;
width:220px;
bottom: 0px;
right: 40px;
border-bottom:solid 1px #0594d5;
}

body.home p.introduction a {
color:#0594D5;
}

* html body.home p.introduction {
	top:226px;
}

body.home h1 {
text-indent: -1000;
display: none;
}

body.home div#banners, body.home div#banners img {
display:block;
margin:0;
padding:0;
width: 560px;
height:372px;
top: 0;
left: 0;
overflow: hidden;
}

div#news {
float:right;
width:220px;
margin:0 40px 0 0;
padding:0;
}

* html div#news {
	position:relative;
	width:180px;
}

div#news h3 {
margin: 0;
padding: 0;
}

div#news ul {
font-size:80%;
list-style-type:none;
margin:0px;
padding:0px;
}

div.clear {
clear:both;
}

body.drbakker h1  {
background-image:url(../images/meetdrbakker_title.png);
background-repeat:no-repeat;
background-position:top left;
height: 40px;
width:168px;
}

body.drbaszler h1  {
background-image:url(../images/meetdrbaszler_title.png);
background-repeat:no-repeat;
background-position:top left;
height:40px;
width:172px;
}
body.whatwedo h1 {
background-image:url(../images/header_whatwedo.gif);
background-repeat:no-repeat;
background-position:top left;
height:140px;
width:343px;
}

body.links h1 {
background-image:url(../images/header_links.gif);
background-repeat:no-repeat;
background-position:top left;
height:140px;
width:234px;
}

body.tellafriend h1 {
background-image:url(../images/header_tellafriend.gif);
background-repeat:no-repeat;
background-position:top left;
height:140px;
}


div#footer p.credit a, div#footer p.credit a:hover {
background:transparent none repeat scroll 0% 50%;
color:#b2b3b5;
font-size:small;
font-variant:small-caps;
letter-spacing:0.125em;
text-decoration:none;
margin:0 0 0 0;
padding:0;
}

div#footer p.credit a:hover {
color:#333;
}


form {
display:block;
margin: 0 0 30px 0;
}
	
label { 
font-weight:bold; 
font-size:80%;
}

label.required { 
color:red; 
}		

/* ie png fix */
div, img, ul li, a {
	behavior:url(css/iepngfix.htc);
	}

ul#primarynav li ul {
display: none;
position: absolute; 
bottom:10px;
left: 0;
background-image:none;
list-style-type:none;
color:#0594D5;
font-size:90%;
font-weight:bold;
list-style-type:none;
width: 165px;
height:auto;
padding:0;
margin: 0;
background-color:#fff;
border: 1px solid;
border-color:#EAEAEA; 
}
  
ul#primarynav li:hover ul#nav, ul#primarynav li.over ul#nav {
display: block;
background-image:none;
list-style-type:none;
color:#0594D5;
font-size:90%;
font-weight:bold;
list-style-type:none;
padding:0px;
margin:0px;
background-color:#fff;
}

ul#primarynav li ul#nav li a {
background-image:none !important;
background-color:#fff;
list-style-type:none;
color:#0594D5;
list-style-type:none;
text-indent:0;
width: 150px;
margin:5px 0px;
padding:5px;
border: 2px solid;
border-color:#fff #C0C0C0 #C0C0C0 #fff; 
bottom: 0;
left:0;
height:40px;

}

ul#primarynav li ul#nav li a:hover {
color:#333;
border: 2px solid;
border-color:#fff #969696 #969696 #fff; 
}