/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #666; }
#main_body { padding: 0px; margin: 0px; background: #000 url(../images/bg.jpg) no-repeat center 24px; }
#main_container { width: 950px; margin-right: auto; margin-left: auto; background: #fff; }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.7em}
h1 {font-size: 1.25em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 12px 0px; }
h2 {font-size: 1.13em; line-height: 1.2em; color: #000; font-weight: normal; margin:15px 0px 10px 0px; }
h3 {font-size: 1.1em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.1em; line-height: 1.2em; color: #000; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #ccc; }
h5 {font-size: 1.05em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #000}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 1px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #00bce4; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #00bce4; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; }
b, strong { font-weight:normal; color:#000}

.searchbox { border:none; font-size:11px; line-height:11px; color:#000; background:#bdbdbd url(../images/searchbox_bg.gif) repeat-x 0 0; padding:2px 3px;}
.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666666;background:#fff; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbutton { padding: 2px 3px; background: #00BCE4; cursor:pointer; border:0; color:#fff }
.formbutton:hover { background:#0082AD}

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right; max-width:200px}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}
.photorightcaption { float:right; width:200px; padding:0 0 8px 0; border-bottom:solid 1px #e6e6e6; display:block; font-size:.7em; clear:right; color:#999; font-size:10px; line-height:12px; font-style:italic; margin:0 0 10px 20px;}
.photoleftcaption { float:left; width:200px; padding:0 0 8px 0; border-bottom:solid 1px #e6e6e6; display:block; font-size:.7em; clear:left; color:#999; font-size:10px; line-height:12px; font-style:italic; margin:0 20px 10px 0;}

.topBar { background:url(../images/bg-top.gif) repeat-x center top; border-bottom: solid 1px #000000; height:18px; padding:3px 0;}
.topBar p { font-size:11px; line-height:11px; color:#fff; margin:0; padding:4px 0;}
.topBar div { width:950px; margin-left:auto; margin-right:auto;}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:704px; padding:27px 20px 10px 31px; overflow:hidden;}
.PageContent h1, .PageContent h2, .PageContent h3, .PageContent h4, .PageContent h5, .PageContent ul, .PageContent p, .calloutTable, .calloutTable2, .PageContent hr { width:464px; padding:0}
.PageContent hr {text-align: left;margin-left: 0; margin-right:auto}
.PageContent .modules h1, .PageContent .modules h2, .PageContent .modules h3, .PageContent .modules h4, .PageContent .modules h5, .PageContent .modules ul, .PageContent .modules p { width:100%; padding:0}


.left_nav { width:194px; border-right:1px solid #ccc; padding-bottom:10px;}
.flash { width:755px; border-top:1px solid #fff; font-size:0; line-height:0;}

/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { padding:15px 30px;color:#999;font-size:10px;line-height:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#999; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#333;}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { width:745px; height:29px; background:#00bbe3 url(../images/navigation/Tier1_bg.gif) repeat-x center top; padding-left:10px; font-size:0; line-height:0;}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; font-size:11px; line-height:13px; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #00bce4;background: #fff;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; font-size:11px; line-height:13px; }


/*----- SIDE NAVIGATION ELEMENTS -----*/

/* ul */.SideNav { list-style-type: none; margin:0; padding:0; border-bottom:1px solid #ccc;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}
.SideNav li ul { border-top:1px solid #dde8ec; padding:5px 0;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:157px;padding:8px 20px 7px 17px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #ccedf7 url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; margin:0; }
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background: #ccedf7 url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:157px;padding:8px 20px 7px 17px;text-decoration:none;color:#000;display:block;border-top: 1px solid #ccc;background: #eaf1f2 url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 12px; line-height: 14px; margin:0;}


/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:141px;padding:3px 10px 3px 21px; margin:0 10px;text-decoration:none;color:#00bce4;display:block; border:1px solid #fff;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px; }
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { width:141px;padding:3px 10px 3px 21px; margin:0 10px; text-decoration:none;color:#00bce4;display:block; border:1px solid #99daef; background: #ccedf7 url(../images/navigation/nav.gif) no-repeat 0 -500px; font-size: 11px; line-height: 13px; }

.left_callout { width:148px; padding:10px 12px 12px 12px; border:1px solid #ccc; display:block; margin:10px 10px 0 10px; background:#eaf1f2 url(../images/left_callout_bg.gif) repeat-x 0 0;}
.left_callout:link, .left_callout:visited, .left_callout:hover, .left_callout:active { text-decoration:none;}
.left_callout span { width:148px; display:block;background:url(../images/left_callout_arrow.gif) no-repeat right bottom; font-size:11px; line-height:15px; color:#666;}
.left_callout strong { font-size:14px; line-height:20px; color:#000; font-weight:normal;}


/*----- PAGE ELEMENTS -----*/

.welcome { width:281px; float:left; margin:8px 35px 0 0;}
.home_right { width:198px; float:left; border:1px solid #ccc; margin:0 10px 10px 0; background:#eaf1f2 url(../images/home/home_right_bg.gif) repeat-x center 32px;}
.home_right .title { padding: 7px 10px; border-bottom:1px solid #ccc; font-size:15px; line-height:17px; color:#000; background:#cdeef7 url(../images/home/title_bg.gif) repeat-x center top;}
.home_right ul{ list-style-type: none; margin:0; padding:0 0 9px 0;}
.home_right ul li { padding:0; margin:0; display:inline; background:none;}
.home_right .title span { color:#74a2b1; font-style:italic;}
.home_right a:link, .home_right a:visited { width:152px; padding:8px 35px 8px 11px; display:block; border-bottom:1px solid #dde8ec; color:#00bce4; font-size:12px; line-height:14px; text-decoration:none; }
.home_right a:hover, .home_right a:active { width:152px; padding:8px 35px 8px 11px; background:#03bde5 url(../images/home/home_right_hover_bg.gif) no-repeat 0 0; display:block; border-bottom:1px solid #03bde5; color:#fff; font-size:12px; line-height:14px; text-decoration:none;}

.home_left_box { font-size:11px; line-height:17px; color:#666; width:147px; padding:8px 12px 5px 13px; border:1px solid #ccc; background:#eaf1f2 url(../images/left_callout_bg.gif) repeat-x 0 0; margin:5px 10px 0 10px;}
.home_left_box span { font-size:14px; line-height:16px; color:#000; font-weight:normal;}
.home_left_box table { margin:5px 0;}
.residentProgram, .NOPCO { background:#eaf1f2 url(../images/left_callout_bg.gif) repeat-x 0 0; margin:10px 10px 0 10px;}
.residentProgram a:link, .residentProgram a:visited, .residentProgram a:hover, .NOPCO a:active, .NOPCO a:link, .NOPCO a:visited, .NOPCO a:hover, .NOPCO a:active { width:147px; padding:2px 12px 8px 13px; display:block; background:url(../images/left_callout_arrow.gif) no-repeat 141px 9px; font-size:11px; line-height:17px; color:#666; border:1px solid #ccc; text-decoration:none; }
.residentProgram strong, .NOPCO strong { font-size:14px; line-height:30px; color:#000; font-weight:normal;}
.NOPCO strong { font-size:14px; line-height:20px; color:#000; font-weight:normal;}

.news { width:174px; margin:15px 10px 0 10px;}
.news h2 { font-size:16px; line-height:20px; color:#000; margin:0 0 7px 11px;}
.news ul{ list-style-type: none; margin:0; padding:0 0 9px 0;}
.news ul li { padding:0; margin:0; display:inline; background:none;}
.news a:link, .news a:visited { width:141px; padding:4px 12px 4px 19px; display:block; border:1px solid #fff; background:#fff url(../images/icons/16x16/bullet2.gif) no-repeat 0 5px; text-decoration:none; font-size:11px; line-height:16px;}
.news a:hover, .news a:active { width:141px; padding:4px 12px 4px 19px; display:block; border:1px solid #99daef; color:#0089b6; background:#ccedf7 url(../images/icons/16x16/bullet2.gif) no-repeat 0 5px; text-decoration:none; font-size:11px; line-height:16px;}
.news a span { color:#999; font-style:italic;}

.logo { width:194px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../images/home/logo_bg.gif) no-repeat 0 0; padding-top:45px; text-align:center;}
.logo div { width:194px; text-align:center; line-height:26px; color:#999; font-style:italic; margin-top:100px;}

.ShareLinks_home { margin-top:30px;clear:both; font-size:11px; line-height:13px;}
.ShareLinks { margin-top:60px;clear:both; font-size:11px; line-height:13px;}
.ShareLinks a:link, .ShareLinks a:visited { text-decoration:none; }
.ShareLinks a:hover, .ShareLinks a:active { text-decoration:underline; }


.FooterContainer { background:#000; padding:15px 0 20px 0;}
.Footer { color: #80afb9; font-size: 11px; line-height: 13px; }
.Footer a:link, .Footer a:visited { color: #fff; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:underline; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#80afb9;}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.calloutTable, .calloutTable2 {border-top:1px solid #DDE8EC; margin-bottom:10px; background:#EAF1F2}
.calloutTable td, .calloutTable2 td {border-bottom:1px solid #DDE8EC}
.calloutTable td {padding:2px 10px}
.calloutTable2 td { font-size:.9em; line-height:1.2em; vertical-align:top; padding:5px 10px}
.calloutTable b, .calloutTable strong{ font-weight:normal; color:#000; font-style:normal}
.titleRow { background:#DDE8EC}
.titleRow td {border-top:solid 1px #fff; color:#000}

.loginBox {border:1px solid #ccc; background:#eaf1f2 url(../images/left_callout_bg.gif) repeat-x 0 0;margin:30px 0; width:264px}
.loginBox table {width: 264px; margin:20px 0}

.productCallout { background-position: 0 0; background-repeat:no-repeat; width:415px; height:92px;padding:18px 280px 10px 20px; margin:-5px 0 0 -10px}
.productCallout.one {background-image:url(../images/products-Boston-Brace.jpg)}
.productCallout.two {background-image:url(../images/products-Boston-Band.jpg)}
.productCallout.three {background-image:url(../images/products-DMO.jpg)}
.productCallout.four {background-image:url(../images/products-Cad-Cam.jpg)}
.productCallout h2 {margin-bottom:5px; margin-top:0; width:100%}
.productCallout p { font-size:.95em; line-height:1.45em; width:100%}

.productCallout2 { margin:0 0 30px -10px; height:45px; float:left; width:715px;}
.productCallout2 div { float:left; width:215px; height:45px;background-position: 0 0; margin:0 4px 0 0; background-repeat:no-repeat; padding:12px 0 0 20px;}
.productCallout2 .one { float:left; background-image:url(../images/products-Accessories.jpg);}
.productCallout2 .two { float:left; background-image:url(../images/products-Prosthetics.jpg);}
.productCallout2 .three { float:left; background-image:url(../images/products-Materials.jpg); margin:0;}

.productCallout2 h2 { display:inline;}


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */