/* CSS Document */
body {font: 1em "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial,Geneva,sans-serif; text-align: center; color: #467283; behavior: url(css/csshover.htc);}

* {margin: 0; padding: 0; font-family: Helvetica,Arial,Geneva,sans-serif;}

/*/*/a{}
body {font-weight: normal; cursor:default; font-size: medium; voice-family: "\"}\""; voice-family: inherit;}
html>body {font-size: medium; font-weight: normal; cursor:default;}

/* These probably shouldn't be here; they should be dealt with in the main section */
html>body .section td ul li {font-size: small;} /* research_previous */
html>body td, html>body th {font-size: small; } /* osteo_prevention, osteo_downloads */

/* HEADER STYLES */
h1, h2 {margin: 0; padding: 0;}
h1 {font-size: 10px}
h2 {font-size: 13px}
/*/*/a{}
h1 {font-size:small; voice-family: "\"}\""; voice-family: inherit; font-size: medium;}
html>body h1 {font-size: medium;}
h2 {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body h2 {font-size: small;}
/* */
h3 {color: #467283; font-size: .9em; font-weight: bolder;}
h4 {color: #679CA2; font-size: .9em; font-weight: bold; border-bottom: 1px dashed; margin-bottom: 5px;}
h5 {color: #B7DDE0; font-size: .8em; font-weight: bold; border-bottom: 1px dashed; margin: 7px 0 5px 0;}
h6 {color: #679CA2; font-size: .8em; font-weight: bold; margin-top: 5px;}

/* Paragraph styles */
p {padding: 5px 0 10px 0; font-weight:200;}
p.highlight {font-family: "Bitstream Vera Sans Mono",Geneva, Arial, Helvetica, sans-serif; padding: 20px; background-color:#ECF2F2; text-align: center; font-size:1.3em; font-weight:600; }
p span.italics {font-style:italic;}

/* General Link Styles */
a {color: #3182D3;}
a:hover {color: #679CA2;}

/* List styles */
ul {list-style-type: disc;}
/*li {list-style-type: disc;}*/

/* General Alignment */
html>body .right {float: right;}

/* Main Content style */
.section {padding: 15px; position: relative; background-color: #FFFFFF;}
.section p {font-size: .8em; line-height: 1.8em;}
.section p.add {font-size: .8em; line-height: 1.2em;}
.section td p {font-size: 1em; }
.section ul, .section ol {font-size: .8em; color: #669CA1; }
.section ul li {color: #467283; line-height: 1.4em; font-size: 1em; padding-left: 0; margin-left: 3em; list-style-type: square; }
.section ol li {color: #467283; line-height: 1.4em; font-size: 1em; padding-left: 0; margin-left: 3em; }
.section .section {padding-left:0}

/* Highlight Section style */
.highlight {display:block; background-color:#ECF2F2; padding: 10px;}

/* caption style */
.left { font-size: .9em; padding: 5px}

/* Footer style */
div#footer {text-align: right; padding-top: 6px;}

/* Translation styles */
div#translation td{ padding: 0; border: 0; margin: 0; }

/* Image styles */
img {border: 0; padding: 0; margin: 0;}
img.image_left {position: relative; float: left; margin: 10px 10px 10px 0px;}   /* position:relative required because IE makes them disappear otherwise! */
img.image_right {position: relative; float: right; margin: 10px 0px 10px 10px;} /* see: http://ryanfait.com/resources/disappearing-images-in-ie/ */
.section img {padding: 5px; border-width: 1px; border-color: #B7DDE0; border-style: solid; background-color:#FFFFFF;}
.section img.image_pdf {display: block; border-width: 0; float: left; margin: 0 10px 10px 0; padding: 0;}
div#logo img {border: 0;}
img.noborder {border: 0;}
.section img.noborder {border: 0; }
.section .image_left p {font-size: .7em; line-height: 1em}
.section .image_right p {font-size: .7em; line-height:1em}
#caption {float:left; margin: 10px 10px 10px 0;}
#caption_left {position: relative; float:left; margin: -10px 0px 5px 0px; font-size: 0.8em;}
#caption_right {position:relative; float:right; margin: -10px 0px 5px 5px; font-size: 0.8em;}

/* Top navigation links */
* div#nav_top ul {float: left;}
div#nav_top li {float: left; list-style-type: none;}
div#nav_top a {font-weight: 600; color: #669CA1; text-decoration: none;}
div#nav_top a:hover {color: #3182D3;}

/* Positioning */
div#mainwrap {width: 900px; margin-left: auto; margin-right: auto; text-align: left;}
div#header {height: 140px; margin: 0 53px 0 53px; text-align: left; background:url(../images/theme/essentials/header_dropdown.gif) repeat-x top left;}
div#header_image {height: 100px; position: absolute; top: 140px; left: 53px;}
div#logo {float: left; height: 120px; width: 200px; padding-top: 5px; text-align:center;}
div#nav_top {position: absolute; top: 70px; right: 80px; font-weight: 800; font-size: .8em; color: #B7DDE0;}
div#nav_base {position: relative; right: 180px;}
div#contentarea {width: 900px; position: relative; background:url(../images/theme/essentials/faux_left.gif) repeat-y top left;}
div#contentarea2 {width: 900px; position: relative; background:url(../images/theme/essentials/faux_right.gif) repeat-y top right;}
div#column1 {width: 155px; position: absolute; top: 244px; left: 0px; margin: 0 0 0 53px; padding: 0;}
div#column2 {width: 530px; margin-left: 200px; margin-top: 100px; left: 200px;}
div#column3 {width: 170px; position: absolute; top: 244px; left: 730px; padding: 0; bottom: 0}
.left_col {width: 256px;}
.right_col {position: absolute; left: 265px;}
div#headerwrap {position: absolute; top: 0; width: 900px; text-align: left;}
div#sidenav_left {top: 0px; left: 0px; width: 131px;}
div#sidenav_right {position: relative; top: 5px; right: -3px; width: 102px; text-align: right;}
div#footer {clear: both; position: relative; height: 38px; background: url(../images/theme/essentials/footer.gif) no-repeat;}

/* Homepage specific positioning div#column2_index {background-color: #FFFFFF; position: absolute; top: 200px; width: 200px; left: 0px; margin: 0 0 0 53px; padding: 0;}
.column2_index {top: 0; margin-top: -50px; padding: 0; } */
div#column1_index {position: absolute; top: 244px; width: 200px; left: 0px; margin: 0 0 0 53px; padding: 0;}
div#column3_index {background-color:#FFFFFF; position:absolute; top: 50px; left: 734px; width: 166px; height: 315px; background:  url(/images/theme/essentials/faux_right2.gif) repeat-y;}

/* Homepage Buttons */
div#buttons {position: relative; top: 100px; padding-top: 30px; margin-bottom: 100px; width: 648px; height: 200px; overflow:hidden; }
html>body div#buttons {position: relative; top: 0; padding-top: 30px; margin-bottom: 0px; width: 648px; overflow:hidden; }
* html div#buttons a:hover {visibility: visible; }
div#buttons a:hover img { visibility: hidden; }
div#buttons img {height: 100px; width: 162px; border: 0; }
div#buttons a {display: block; height: 100px; width: 162px; display: block; float: left; }
div#button_01 {position: absolute; top: 0; left: 0; height: 100px; width: 162px; background-image: url(../images/theme/buttons/buttons_final_over_01.jpg); background-repeat: no-repeat; display: block; margin: 0; padding: 0; }
div#button_02 {position: absolute; top: 0; left: 162px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_02.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_03 {position: absolute; top: 0; left: 324px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_03.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_04 {position: absolute; top: 0; left: 486px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_04.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_05 {position: absolute; top: 100px; left: 0; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_05.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_06 {position: absolute; top: 100px; left: 162px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_06.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_07 {position: absolute; top: 100px; left: 324px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_07.jpg) no-repeat; display: block; margin: 0; padding: 0; }
div#button_08 {position: absolute; top: 100px; left: 486px; height: 100px; width: 162px; background: url(../images/theme/buttons/buttons_final_over_08.jpg) no-repeat; display: block; margin: 0; padding: 0; }

/* Homepage Feature */
div#featured {position: relative; top:100px; background-color: #FFFFFF; height: 160px; width: 647px; text-align: center; padding: 0;}
html>body div#featured {position: relative; top: 0px; background-color: #FFFFFF; height: 160px; width: 647px; text-align: center; padding: 0;}
div#featured img {border: 0;}

/* Navigation - left side menu */
div#sidenav_left {background-color:#FFFFFF; margin: 7px 0 0 5px; padding: 0;}
div#sidenav_left a {display: block; font-weight: 800; font-size: .8em; color: #3182D3; text-decoration: none; padding: 0 5px 0 15px;}
div#sidenav_left a.header {background-color:#FFF; color: #467283; padding:10px 0 10px 8px; border-bottom: 1px solid #B7DDE0}
div#sidenav_left a.header:hover {color: #669CA1; padding:10px 0 10px 8px;}
div#sidenav_left ul {margin: 0; padding: 0 0 10px 0;}
div#sidenav_left ul li {list-style-type: none; width: 131px; padding: 5px 0 5px 0; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #ECF2F2;}
div#sidenav_left ul li:hover {background-color:#ECF2F2;}

/* News Nav Style */
div#news { width: 131px; background-color:#FFFFFF; margin: 7px 0px 0px 5px; padding: 0;}
div#news a.news_more {text-align: right; font-size:.6em; margin: 0px; padding: 0;}
div#news a.news_link {margin: 0 10px 0 10px; padding: 0;}
div#news a {display: block; font-weight: 800; font-size: .8em; color: #3182D3; text-decoration: none; padding: 0 5px 0 5px;}
div#news a.header {background-color:#ECF2F2; color: #3182D3; padding:10px 0 10px 10px;}
div#news a.header:hover {background-color:#ECF2F2; color: #669CA1; padding:10px 0 10px 10px;}
div#news ul {margin: 0; padding: 0 0 10px 0;}
div#news ul li {list-style-type: none; width: 131px; padding: 5px 0 5px 0; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #ECF2F2;}
div#news ul li:hover {background-color:#ECF2F2;}

/* News Archive Style */
.news_archive {display: block; font-weight: 800; padding: 5px 0 10px 0;}
.news_archive p {padding: 0;}
.news_archive p span.sub {color: #3182D3; padding: 0 0 10px 0; font-size: .8em; font-weight: 100;}
.news_archive a {font-size: .8em; color: #3182D3; text-decoration: none;}

/* Navigation - right side menu */
div#sidenav_right {background-color: #FFFFFF; margin: 5px 0 0 7px; padding: 0; text-align: left;}
div#sidenav_right p {margin: 20px 10px 0 10px;}
div#sidenav_right a {display: block; font-weight: 800; font-size: .8em; color: #3182D3; text-decoration: none; padding: 0 5px 0 5px;}
div#sidenav_right ul {margin: 0; padding: 0 0 10px 0;}
div#sidenav_right ul li {list-style-type: none; width: 102px; padding: 5px 0 5px 0; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #ECF2F2;}
div#sidenav_right ul li:hover {background-color: #ECF2F2;}
div#sidenav_right a.header {background-color: #ECF2F2; color: #3182D3; padding: 10px 0 10px 10px;}
div#sidenav_right a.header:hover {background-color: #ECF2F2; color: #669CA1; padding: 10px 0 10px 10px;}

/* Navigation - osteoblast */
div#osteoblast {margin: 5px 0 0 7px; padding: 0; text-align: left;}
div#osteoblast a.header {display: block; font-weight: 800; font-size: .8em; color: #3182D3; text-decoration: none; padding: 0 10px 2px 10px;}
div#osteoblast a img {padding: 0 0 10px 3px;}

/* Navigation - Base Menu */
div#nav_base { font-weight: 300; font-size: .7em; text-align: right; color: #3182D3;}
div#nav_base ul {text-align: right; float: right;}
* div#nav_base ul {position: relative; float: right;}
div#nav_base li {float: left; list-style-type: none;}
div#nav_base a {font-weight: 600; color: #3182D3; text-decoration: none;}
div#nav_base a:hover {color: #669CA1;}

/* Sitemap style */
div#sitemap a {color: #3182D3; text-decoration: none; display: block;}
div#sitemap a.header {font-weight: 800; padding: 10px 0 5px 0;}
div#sitemap ul li {list-style-type: none;}

/* Navigation - Dropdown Menu */
/* http://css.maxdesign.com.au/listamatic2/horizontal01.htm */
/* an attempt at something new
div#dropdown {position: relative; top: 104px; width: 750px; left: 100px; font-size: .9em; font-weight: bold; text-align: left; background-image: url(../images/theme/essentials/list_header_01.gif) repeat-x; }
div#dropdown ul#sections { display: inline; list-style-image: url(../images/theme/essentials/list_style_image.gif); }
div#dropdown ul#sections li { display: inline; list-style-image: url(../images/theme/essentials/list_style_image.gif); }
div#dropdown ul#sections li ul.pages li { display: block; }
*/

/* the original */

div#dropdown {position: relative; top: 104px; width: 750px; left: 90px; font-size: .9em; font-weight: bold; text-align: left;} /*left position determines how far left the entire line of items will sit; try and keep it looking centred */
div#dropdown a {display: block; padding: 0 3px; text-decoration: none; color: #FFFFFF;} /* the padding determines whether the last item drops off the line in IE 6 */
div#dropdown a:hover {color: #467283;}
div#dropdown ul {float: left;}
* html div#dropdown ul {float: left;}
div#dropdown ul li {width: 100px; float: left; position: relative; list-style-type: none; border-right: 0px; background-image:url(../images/theme/essentials/dropdown_top.gif) no-repeat;} /* when adding more buttons to the dropdown, remember to change this width, or things won't fit in one line. */

div#dropdown ul li:hover ul, div#dropdown ul li ul:hover {display: block;}
div#dropdown li:first-child {border-left: 0px solid #467283;}
div#dropdown ul li ul {margin:0 0 0 0px; position: absolute; top: 36px; width: 12em; left: -1px;}
* html div#dropdown ul li ul {border-top: 1px solid #E8EEF0; border-left: 0px;}
body div#dropdown ul li ul {display: none;}
div#dropdown ul li ul li {width: 100%; border-left: 0px solid #467283; border-bottom: 1px solid #E8EEF0; border-right: 0px solid #467283;}
div#dropdown ul li ul li {width: 13em; float: right; position: relative; list-style-type: none; border-right: 0px solid #467283; background-color: #669CA1; background-image:url(../images/theme/essentials/dropdown_left.gif);}
div#dropdown ul li ul li:first-child {border-top: 1px solid #E8EEF0;}
div#dropdown ul li ul li a {padding: 0 5px 0 5px;}
div#dropdown ul li ul li a:hover {color: #3182D3; background-image:url(../images/theme/essentials/dropdown_left2.gif);}

/* Fix IE. Hide from IE Mac \*/
* html div#dropdown ul li {float: left; height: 1%;}
* html div#dropdown ul li a {height: 1%;}

/* Hidden elements */
.hidden {display: none;}

/* Clearfix Fix */
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
/**/.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}