/* reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img { border:0 }
em { font-style: italic }
ol, ul, li { list-style:none; vertical-align:top; }
a { outline:none } 
a img { border:none }


/* Typography */

h1 { font:24px/24px; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif; margin:60px 0 2px 0; color:#fff }
h2.siteDescription { text-indent:-9999px }
h2 { font-size:18px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; margin:0 0 7px 0; color:#222 }

p { margin:0 0 8px 0; font-size:12px; line-height:16px; color:#222 }
body, p, dt, dd, label, input, textarea { font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif }
div.pagename { font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; color:#fff; float:left; margin: 6px 10px }

li { font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:25px; color:#fff }

a { color:#283353 }
a:hover { text-decoration:none }
li a { text-decoration:none }
li a:hover { text-decoration:underline }

.underline { text-decoration:underline }

/* Layout */

body { background:#000 }
div#container { width: 100%; margin: 0px auto; padding: 0; background:#000 }
div#wrapper { width:890px; margin:5px auto; padding:0; background:url(images/sidebarbg.jpg) repeat #fff 0 0 }
div#headerWrapper { background:url(images/headerbg.jpg) repeat-x 0 0;  height:90px }
div#headerContent { width:888px; height:90px; background:url(images/headerbg.jpg) repeat-x 0 0; margin:0 auto }
div#sidebar, div.sidebar { width:168px; float:left; position:relative; margin:0; background:url(images/sidebarbg.jpg) repeat-y #fff 0 0; }
div#content { width:552px; min-height: 500px; border: 1px solid #555; float:left; position:relative; background: #fff; padding: 0 0 20px 0; margin: 0; }
div#content2 { width:719px; min-height: 500px; border: 1px solid #555; float:left; position:relative; background: #fff; padding: 0 0 20px 0 }
div#footer { width:890px; float:left; position:relative; background: #000; margin: 10px 0 0 0; }

br.columnEnder { clear:both; border:none; height:0 }
div.line { width:552px; border-bottom: 1px solid #999; height:1px; margin:2px 0 8px 0  }

div.directions { font-size: 12px; text-align: center; margin: 35px 0 }
div.directions b { font-family: Georgia, serif; font-size:1.4em; letter-spacing:-1px; font-weight:normal }

div.headername { float: left; height: 90px; width: 555px; }
div.logo { height: 90px; width: 110px; margin: 0 0 0 210px;  }
div.logodescrip { float: left; height:90px; background: url(images/logodescrip.jpg) no-repeat -250px 0; width: 250px; }
div.logodescrip:hover { background-position: bottom left; }

div#anatomy { width: 84px; height: 100px; margin: 8px 0 0 0; float: left; text-align: center; }


div#togglelinks { margin: 5px 10px 8px 10px }
div#togglelinks ul li { display:inline; margin: 0 12px }
div#glossarylinks { float:left; width:150px; margin: 5px 10px }
div#glossarylinks ul li { line-height: 13px; font-size: 13px; margin: 10px 0 }
div#glossarylinks p { margin:30px 0 0 0 }
div#glossarylinks p a { font-size:11px; text-decoration:none }
div#glossarycontent { margin: 5px 0 0 170px }

div#followup1 { float:left; width:425px; margin: 5px 10px }
div#followup1 h2 a:hover { text-decoration:none }
div#followup2 { margin: 5px 10px 0 445px }
div#followup2 p, div#followup1 p, div#followup3 p { font-size:11px; line-height: 12px; margin: 0 0 20px 0 }
div#followup2 ul li { height:35px }
div#followup2 ul li div.scootch  { line-height: 13px; font-size: 14px; margin:10px 0 0 35px; padding: 4px 0 0 0 }
div#followup2 ul li div.icon, div#followup3 ul li div.icon { float:left; width:35px; height:35px }
div.followuppre { border: 1px solid red; background: #eee; width: 385px; padding: 10px; }

div#followup3 { margin: 5px 10px 0 20px; width: 400px; }
div#followup3 ul li { height:45px; }
div#followup3 ul li div.scootch { line-height: 15px; font-size: 14px; margin:10px 0 0 35px; padding: 0; }

div.hide { background:#feffbb; border:1px solid #ccc; padding:10px 15px 0 15px; margin:8px; }
div.hide p b { font-family:Georgia, serif; margin:0 10px 0 0; font-size:14px }
div.rowinfo div.rightcol { background:#feffbb; border:1px solid #ccc; padding:5px 10px 0 10px }
div.rowinfo div.rightcol b { font-family:Georgia, serif; margin:0 10px 0 0; font-size:14px }
div.hide a, div.rowinfo div.rightcol a { text-decoration:none; }
div.hide a:hover, div.rowinfo div.rightcol a:hover { text-decoration:underline; }
div.aciimg { text-align:center }

div#links { width: 260px; float:left; margin: 5px 30px; }
div#links ul li { font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif; line-height: 13px; font-size: 12px; margin: 5px 10px }
div.note { float:left; width:600px; margin:35px 20px 5px 20px }
div.note p { font-size:11px; margin: 5px 0 }
p.linksintro { font-size:11px; margin:0 20px 10px 20px }

div#injuries { width: 260px; float:left; margin: 5px 30px }
div#injuries ul li { font-family:Georgia, sans-serif; font-size: 16px; margin: 10px }
a.anklemap { display: block; overflow: hidden; background: url(commoninjuries/images/ankle.jpg) no-repeat; width: 37px; height: 34px; }
a.kneemap { display: block; overflow: hidden; background: url(commoninjuries/images/knee.jpg) no-repeat; width: 34px; height: 34px; }
a.hipmap { display: block; overflow: hidden; background: url(commoninjuries/images/hip.jpg) no-repeat; width: 38px; height: 34px; }
a.elbowmap { display: block; overflow: hidden; background: url(commoninjuries/images/elbow.jpg) no-repeat; width: 37px; height: 34px; }
a.shouldermap { display: block; overflow: hidden; background: url(commoninjuries/images/shoulder.jpg) no-repeat; width: 38px; height: 36px; }
a.wristandhandmap { display: block; overflow: hidden; background: url(commoninjuries/images/wristandhand.jpg) no-repeat; width: 37px; height: 34px; }
a.anklemap:hover, a.wristandhandmap:hover, a.shouldermap:hover, a.elbowmap:hover, a.hipmap:hover, a.kneemap:hover { background-position: left bottom; }

div#contact { font-size:13px; margin: 10px 20px; height:270px }
div.contactmap { float:right; width:400px }

div.leftcol { float:left; font-size:13px; font-weight:bold; width:120px; }
div.rightcol { font-size:12px; margin:0 0 10px 130px; min-height:30px; height: auto !important; height: 30px; }

div.youtube { background:url(images/loading.jpg) 0 0; width:425px; height:353px }
div.maintext { margin: 0 10px; min-height: 215px; }
div.maintext img { margin: 5px 8px 8px 0 }
div.maintext a img { margin: 5px 8px 8px 0; border: 1px solid #777 }
div.maintext a img:hover { border: 1px dotted #555 }

img.floatright { float: right }
img.floatleft { float: left }
div#pagetitle { background: url(images/titlebg.jpg) repeat-x 0 0; width: 550px; margin:1px; height: 42px }
div#pagetitle2 { background: url(images/titlebg.jpg) repeat-x 0 0; width: 718px; margin:1px; height: 42px }

ul.nav { text-align:left; margin:0 1px }
ul.nav a { background: url(images/menuitembg.jpg) repeat-x 0 0; height:28px; display: block; width:166px; text-align: right; font-size:17px; line-height: 30px; color: #112; text-decoration:none; } 
ul.nav a:hover { background-position: bottom left; }
ul.nav li { margin: 0 0 15px 0; padding: 0; }
ul.nav li a:hover, ul.nav li:hover a, ul.nav li a.current:hover, ul.nav li a.current { color: #fff; text-decoration:none }
div.linkspan { margin: 0 10px; }

p.credits { text-align: center; line-height: normal; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0; color: #eee }
p.credits a { color: #fff }
p.credits a:hover { text-decoration: underline }

div.aboutwide { float:left; width:350px; margin:0 20px 0 0 }
div.aboutnarrow { float:left; width:210px; margin:0 20px 0 0 }
a.meelsewhere { line-height:1.7em }
a.meelsewhere img { float:left; margin: 0 6px 0 3px }
ul.skills { color:#fff; font-size:13px; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif }
ul.skills li { font-size:11px; margin: 0 0 0 20px; line-height:1.5em; list-style-type: disc; font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif }
img.aboutmepic { border:5px solid #fff; margin: 12px 0 0 0 }