/*
 * RESET CSS  -----------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-weight:inherit;
	font-style:inherit; font-size:100%; line-height:1.2; font-family:inherit;
}
/* remember to define focus styles! */
:focus { outline:0 }
body {
	line-height:1; color:#000; background:#fff; font-size:14px;
	font-family:"Times New Roman",Times,serif
}
ol, ul { list-style:none }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0 }
caption, th, td { text-align:left; font-weight:normal }
blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q { quotes: "" "" }

/*
 * MAIN CSS  ------------------------------------------------------------------
 */
a, a:link, a:active, a:visited { color: #0F3F0F; text-decoration: none; }
a:hover { color: #A8752F; text-decoration: underline; }
#exitDiv a, #exitDiv a:link, #exitDiv a:active, #exitDiv a:visited, #exitDiv a:hover {
	color: #0F3F0F; font-weight:bold;
}
#exitDiv a:hover { text-decoration: underline; }
p { margin-bottom:0.8em; }
h2 { font-size: 150%; color: #060; font-weight: bold; margin-bottom: 0.3em; }
h5 { font-size: 120%; color: #A3211F; font-weight: bold; margin-bottom: 0.3em; }
#main-content { background: url(/media/background.jpg) top left repeat-x #222; }
#main-body { width: 804px; margin: 20px auto; background-color: #a7752e; padding: 4px; }
#top-ext-content { background-color: #a7752e; height:40px; border-bottom:solid 2px #333333; }
#footer { width: 756px; padding: 8px 20px; background-color: #bd9863; margin: auto; }
#footer p { margin: 5px 0; font-size:85%; }
.bold { font-weight: bold; }
.green, a.green, a:link.green, a:active.green, a:visited.green { color: #663300; font-family: arial,helvetica,sans-serif;}
a:hover.green{ color: #000000;  }
.black, a.black, a:link.black, a:active.black, a:visited.black { color: #000000; text-decoration: underline;}
a:hover.black{ text-decoration: none; }
.brown, a.brown, a:link.brown, a:active.brown, a:visited.brown { color: #663300; text-decoration: underline;}
a:hover.brown{ text-decoration: none; }

.float-left { float: left; }
.float-right { float: right; }
#banner-sect { margin: auto; text-align: center; }
#content-sect { margin: 8px auto 4px; min-height: 300px;  }
#midsect {
	background: url(/media/paper_tableg.png) top center repeat-y transparent; padding: 2.2em 3.0em;
}
#tail {
	background: url(/media/paper_tableb.png) top center no-repeat transparent; font-size:8px;
}
#tabs { border:0; vertical-align:bottom; text-align:left; padding-left:4px; }
.tabline { border:0; display:inline; vertical-align:bottom; }
.home_sect_text { width:45%; padding-left:0.5em; padding-right: 0.5em; }
.home_sect_text p { margin-bottom: 0.6em;  }
.with_sep { background: url(/media/sep1.png) repeat-y top right transparent; }
.with_sep2 { background: url(/media/sep1.png) repeat-y top right transparent;
background-position: 10px;
}
.home-text {
	font-family: "Times New Roman", Chicago, serif;
	padding-left: 4px;
	width:99%;
	font-size:100%;
	line-height:1.4;
	text-align:justify;
	font-weight: bold;
	color: #000;
}
#boxtop { background: url(/media/box_top.png) no-repeat bottom center transparent; }
#boxtop2 { background: url(/media/box_top2.png) no-repeat bottom center transparent; }
#boxbtm { background: url(/media/box_bottom.png) no-repeat top center transparent; margin-top:0 }
#boxbtm2 { background: url(/media/box_bottom2.png) no-repeat top center transparent; margin-top:0 }
#boxmid {
	background: url(/media/box_back.png) repeat-y top center transparent;
	padding-top:1.0em; padding-left:2.5em; width:577px;
}
#boxmid2 {
	background: url(/media/box_back2.png) repeat-y top center transparent;
	padding-top:1.0em; padding-left:2.5em; width:645px;
}
.content-headline {
	font-family: Times New Roman, Chicago, serif; font-weight: bold; padding-left: 4px; padding-bottom:6px;
	width:90%; font-size:150%; line-height:1.2;
}
.content-headline2 {
	font-family: Times New Roman, Chicago, serif; font-weight: bold; padding-bottom:6px; padding-top:6px; 
	font-size:120%; line-height:1.2;
}
.content-form {
	font-family: Times New Roman, Chicago, serif; font-weight: bold; padding-left: 4px; padding-bottom:6px;
	width:90%; font-size:70%; line-height:1.2;
}
.content-text {
	font-family:Times New Roman,Chicago,serif; padding-left:4px; width:92%; font-size:110%; line-height:1.2
}
.content-text a, .content-text a:visited, .content-text a:link,
.content-text a:active { color:#630; font-weight:bold; font-family:Times New Roman,Chicago,serif }
.content-text a.green, .content-text a.green:visited, .content-text a.green:link,
.content-text a.green:active { color:#395524 }
.content-text a.green:hover { color: #A8752F;  }
.content-link {
	font-family: arial,helvetica,sans-serif; padding-left: 4px; width:94%; font-size:90%; font-weight:bold
}
ul.list { list-style: disc; margin-top: 0em; margin-left:1em }
ul.list li { margin: 0.7em 0 0 1em }
.side-menu { margin-top:3em; margin-right: 0.8em; font-family: arial,helvetica,sans-serif; font-size: 105%;}
.side-menu ul { background: url(/media/top_sep.png) top left repeat-x transparent; }
.side-menu ul li {
	font-weight: bold; text-decoration: none; line-height: 2; padding-left: 20px; color: #0F3F0F;
	background: url(/media/arrow_green.png) no-repeat left transparent
}
.side-menu ul li.active {
	font-weight: bold; text-decoration: none; line-height:2; padding-left: 20px; color: #A3211F;
	background: url(/media/arrow_red.png) no-repeat left transparent
}
.side-menu ul li a { line-height:2 }

.side-menu2 { margin-top:1em; margin-right: 0.8em; font-family: arial,helvetica,sans-serif; font-size: 95%;}

.side-menu2 ul li {
	font-weight: bold; text-decoration: none; line-height: 1.7; padding-left: 20px; color: #0F3F0F;
	background: url(/media/arrow_green2.png) no-repeat left transparent
}
.side-menu2 ul li.active {
	font-weight: bold; text-decoration: none; line-height:1.7; padding-left: 20px; color: #A3211F;
	background: url(/media/arrow_red2.png) no-repeat left transparent
}
.center { text-align: center; }
.large-caption {
	line-height:1.2; font-family: Times New Roman, Chicago, serif; font-size:140%; font-weight: bold;
	margin-top:0.3em; letter-spacing: .1em }
.medium-caption {
	line-height:1.2; font-family: Times New Roman, Chicago, serif; font-size:120%; font-weight: bold;
	margin-top:0.3em; width:95%;  padding-left:2px; padding-bottom:15px;}
.line {
	background-image: url(/media/line-horizontal.gif); background-repeat: repeat-x;
	height:30px; width:90%; background-position: 18px; clear:both }
.line-one {
	background-image: url(/media/line-horizontal.gif); background-repeat: repeat-x;
	height:20px; width:90%; background-position: 18px; clear:both }
.line2 {
	background-image: url(/media/line-horizontal.gif); background-repeat: repeat-x;
	height:30px; width:100%; background-position: 18px }
.extframe {	width:100%; height:100% }
.highlight { color: #900 }
ul.lista { list-style: disc; }
.lista li { margin-bottom:.8em; margin-left:2em; }

.injury-navbar { width:547px; height:52px }
.inav1 { background: url(/media/injuries-navbar.gif) no-repeat    0px 0px transparent; width:13px; height:52px; }
.inav2 { background: url(/media/injuries-navbar.gif) no-repeat  -13px 0px transparent; width:145px; height:52px; }
.inav2.off { background-position: -13px -108px }
.inav3 { background: url(/media/injuries-navbar.gif) no-repeat -158px 0px transparent; width:9px; height:52px; }
.inav4 { background: url(/media/injuries-navbar.gif) no-repeat -167px 0px transparent; width:144px; height:52px; }
.inav4.off { background-position: -167px -108px }
.inav4.blank { background-position: -167px -162px }
.inav5 { background: url(/media/injuries-navbar.gif) no-repeat -311px 0px transparent; width:9px; height:52px; }
.inav6 { background: url(/media/injuries-navbar.gif) no-repeat -320px 0px transparent; width:154px; height:52px; }
.inav6.off { background-position: -320px -108px }
.inav6.blank { background-position: -320px -162px }
.inav7 { background: url(/media/injuries-navbar.gif) no-repeat -464px 0px transparent; width:74px; height:52px; }

.elbow-title { background: url(/media/txt-elbow-titles.gif) no-repeat transparent; width:547px; height:35px }
.shoulder-title { background: url(/media/txt-shoulder-titles.gif) no-repeat transparent; width:547px; height:35px }
.hand-wrist-title { background: url(/media/txt-hand-wrist-titles.gif) no-repeat transparent; width:547px; height:35px }
.back-title { background: url(/media/txt-back-titles.gif) no-repeat transparent; width:547px; height:35px }
.hip-title { background: url(/media/txt-hip-titles.gif) no-repeat transparent; width:547px; height:35px }
.knee-title { background: url(/media/txt-knee-titles.gif) no-repeat transparent; width:547px; height:35px }
.foot-ankle-title { background: url(/media/txt-foot-ankle-titles.gif) no-repeat transparent; width:547px; height:35px }
.conditions { background-position:0 -1px }
.injuries { background-position:0 -50px }
.occupational { background-position:0 -100px }

.contact-form-table { font-size:90%; height:400px }
.contact-form-table .btn { vertical-align:top }
.contact-form-table .txt { width:280px; padding-top:3px; vertical-align:top }
.contact-form-table .txt1 { padding-top:3px; vertical-align:top }
.contact-form-table .txt2 { width:480px; padding-top:3px; vertical-align:top }
.contact-form-table .input-box-message { 
    width:510px; height:133px; padding:1px 2px; background: url(/media/contact-form-textarea-box.gif) no-repeat transparent; 
}
.contact-form-table .input-box-message textarea { padding:3px; height:120px; width:496px; border:none }
.contact-form-table .btn img { padding-right:10px }
.contact-form-table .btn-email-send { background: url(/media/btn-send-message.gif) no-repeat transparent; cursor:pointer }
.contact-form-table .input-box-email { 
    width:509px; height:27px; padding:3px 5px; background: url(/media/contact-form-input-box.gif) no-repeat transparent; 
}
.contact-form-table .input-box-email input { width:490px; border-width:0 }
#errMessage { color:#c00; font-size:13pt }

.more-info-links { 
  float:right; width:120px; height:29px; background:url(/media/icon-open-window.gif) top right no-repeat transparent;
  text-align:left; padding-top:10px
}
.watch-video-links { 
  float:right; width:150px; height:32px; background:url(/media/icon-video-open.gif) 108px 0px no-repeat transparent;
  text-align:left; padding-top:10px
}
.listen-links {
  float:right; width:186px; height:32px; background:url(/media/microphone-icon.gif) 140px 0px no-repeat transparent;
  text-align:left; padding-top:10px
}
#radioShow { text-align:right; padding-top:10px; padding-right:10px }
#emailToFriend { text-align:right; padding-top:1em; cursor:pointer; width:175px; float:right }

.modal {
  background-color:#2f2f2f; 
  display:none; 
  width:260px; 
  padding:15px; 
  text-align:left; 
  border:2px solid #333; 
  opacity:0.8; 
}
.emailer { font-family:tahoma,sans-serif }
.emailer h3 { color:#fff; font-weight:bold; margin-bottom:7px }
.emailer input, .emailer textarea { 
  background-color:#2f2f2f; border:solid 1px #eee; color:#eee; padding:2px 
}
.emailer input { width:256px; margin-bottom:7px }
.emailer textarea { width:256px; margin-bottom:13px }
.emailer .cancel_holder { padding-top:3px; width:50px; text-align:center; vertical-align:middle }
.emailer .cancel_holder span { cursor:pointer; color:#ddd; text-decoration:underline; font-size:11px }
.emailer .button_holder div { float:left }
.emailer .faded { color:#999; font-style:italic }