﻿body {background-color: #E9DBD0; margin: 0px auto; font-family: Arial; font-size: 0.9em; color: #7F7D7E;}
h1 {color: #001D6E; margin: 0px; font-size: 1.6em;}
h2 {color: #4EAADB; margin: 0px; font-size: 1.2em;}
h3 {color: #4EAADB; margin: 0px; font-size: 1.0em;}
p {font-size: 0.9em;}
p a {color: #1787BF; text-decoration: none;}
p a:hover {color: #00608F; text-decoration: underline;}
a.subtle {color: #7F7D7E; text-decoration:none;}
a.subtle:hover {text-decoration:underline;}

.LRN {font-size: 0.9em;}
.LRN:hover {color: #F7FCFF; background-color: #68A9DF;}
.LRN a {color: #1787BF; text-decoration: none; display: block; width: 200px;}
.LRN a:hover {color: #F7FCFF; background-color: #68A9DF;}
.LRNon {font-size: 0.9em; background-color: #EFEFEF; width: 200px;}
.LRNon a {color: #1787BF; text-decoration: none; display: block; width: 200px;}
.LRNon a:hover {color: #F7FCFF; background-color: #68A9DF;}

#wrap {background-color: #FFF7F7; width: 984px; margin: 0px auto;}
#content {width: 984px; border-left: solid 1px #F0ECE9; border-right: solid 1px #F0ECE9;}
#header {height: 103px; background: #005DA8 url(images/line_under_header.jpg) bottom left repeat-x;}
#header #logo {float: left; padding-left: 25px; padding-top: 13px; color: #FFFFFF; font-size: 0.7em; display: block; width: 240px; text-align: center;}
#header #logo img {margin-bottom: 5px;}
#header #Natrelle410Header {display: none;}

#header #Welcome {width: 300px; text-align: right; display: block; position: absolute; margin-left: 655px; margin-top: 5px; color: #FFFFFF; font-size: 1.1em; font-weight: bold; font-style: italic;}
#header #Welcome {*margin-left: 380px;}
#header #Welcome .LogOut {color: #A4DEFF; font-style: normal; font-size: 0.7em; text-decoration: none;}
#header #Welcome .LogOut:hover {text-decoration: underline;}

#header #Natrelle410Progress {display: none;}
#header #topnav {position: absolute; margin-left: 730px; margin-top: 10px; color: #FFFFFF; font-size: 1.0em;}
#header #topnav {*margin-left: 469px;}
#header #topnav a {color: #A4DDFF; text-decoration: none;}
#header #topnav a:hover {text-decoration: underline;}
#header #topnav #EmailNotFound {font-size: 0.7em;}
/*Last menu width = 169px */
#header #mainmenu {position: absolute; margin-top: 68px; margin-left: 453px; color: #DACCBF; width: 530px; height: 28px;}
#header #mainmenu {*margin-left: 189px;}
#header #mainmenu ul {margin: 0px; padding: 0px;}
#header #mainmenu li {list-style-type: none;}
.zeroOn {background: url(images/navigation/menu3.jpg) 0px 0px no-repeat;}
.oneOn {background: url(images/navigation/menu3.jpg) 0px -28px no-repeat;}
.twoOn {background: url(images/navigation/menu3.jpg) 0px -56px no-repeat;}
.threeOn {background: url(images/navigation/menu3.jpg) 0px -84px no-repeat;}
.fourOn {background: url(images/navigation/menu3.jpg) 0px -112px no-repeat;}
#header #mainmenu .home {float: left; display: block; width: 65px; height: 28px;}
#header #mainmenu .getCertified {float: left; display: block; width: 145px; height: 28px;}
#header #mainmenu .surgeonEducation {float: left; display: block; width: 173px; height: 28px;}
#header #mainmenu .natrelleProducts {float: right; display: block; width: 139px; height: 28px;}
#header #mainmenu .getCertified {*margin-top: 0px;}
#header #mainmenu .surgeonEducation {*margin-top: -18px;}
#header #mainmenu .natrelleProducts {*float: right; *margin-top: -36px;}
#header #search {position: absolute; margin-top: 68px; margin-left: 240px;}
#header #search {*margin-left: 20px;}

#bodyarea {padding-left: 64px; padding-right: 64px;}
#menu {height: 35px; margin-top: 10px; background-color: #FCF7F4;}
#bodytext {font-family: Arial;}
#bodytextleft {float: left; width: 125px;}
#bodytextright {float: right; width: 680px; margin-left: 28px;}
#menu ul {margin: 0px; padding: 0px; list-style: none;}
#menu li {width: auto; margin-right: 5px;}
#menu .menuitem {background: url(images/menu_background.jpg) repeat-x top left; height: 26px; padding-top: 8px; text-align: center; float: left; padding-right: 35px; padding-left: 34px; font-size: 10pt;}
.menuitem a {text-decoration: none; color: #FFFFFF;}
.menuitem a:hover {text-decoration: none; color: #000000;}
.menuitem.active a {color: #000000;}
#lineundermenu {height: 7px; background: #FCF7F4 url(images/line_under_menu.jpg); margin: 21px 0 3px 0;}

table.border {border: solid 1px #C8DCE3;}
img.border {border: solid 1px #C8DCE3;}
div.border {border: solid 1px #C8DCE3;}

#footer {clear: both; width: 974px; margin: auto; font-size: 0.7em; color: #8C837E; background: #E9DBD0 url(images/bottom_spacer.jpg) top left no-repeat; padding-top: 87px; padding-left: 10px;}
#footer a {color: #8C837E; text-decoration: none;}
#footer .SponsoredBy {font-size: 1.3em; margin-left: 20px; letter-spacing: 2px;}
#footer .SponsoredBy img {margin-left: -30px;}
.footernav {font-size: 0.6em;}
.footnote {font-size: 0.7em; color: #8C837E;}
#undermenu {font-size: 8pt; padding-top: 15px; text-align: center; width: 196px; clear: both;}
#undermenu.wide {width: 100%;}

ul.navmain {margin: 0px; font-size: 0.8em; width: 210px; padding-left: 0px;}
ul.navmain li {list-style-type: none; margin: 0px; height: 26px;}
ul.navmain a {text-decoration: none; padding-top: 5px; height: 21px; display: block; color: #005BA4;}
ul.navmain a:hover {color: #001E3A;}

ul.navmain li.main {border: 1px solid #BFD9E6; padding: 0px; background: url(images/navigation/SideNavMainBackground.jpg); margin: 3px 0 0 0;}
ul.navmain li.main.on {border: 1px solid #BFD9E6; padding: 0px; background: url(images/navigation/SideNavMainBackgroundOn.jpg); margin: 3px 0 0 0;}
ul.navmain li.main a {width: 188px; padding-left: 18px;}

ul.navmain li.sub {margin-left: 5px; padding-left: 10px; background: url(images/navigation/SideNavSubBackground.gif) top left no-repeat;}
ul.navmain li.sub.on {background-color: #EFEFEF; background: url(images/navigation/SideNavSubBackgroundOn.gif) top left no-repeat;}
ul.navmain li.sub a {width: 195px; padding-left: 10px;}

ul.navmain li.sub2 {margin-left: 32px; background: url(images/navigation/SideNavSub2Background.jpg) top left no-repeat;}
ul.navmain li.sub2 a {color: #3FA8D5; width: 158px; border-top: solid 1px #D0E4EF; padding-left: 8px;}
ul.navmain li.sub2 a:hover {color: #005BA4;}



.subnav_table {width: 145px;}
.subnav_table tr {border-bottom: 1px solid #0872BC;}
.subnav_table a {text-decoration: none; font-size: 0.9em; color: #0872BC; display: block; height: 21px; padding-top: 5px;}
.subnav1 a {width: 135px; padding-left: 10px; background: url(images/navigation/menu_bullet.gif) 2px 14px no-repeat;}
.subnav1_active a {width: 135px; padding-left: 10px; background: url(images/navigation/menu_bullet_active.gif) 0px 16px no-repeat;}
.subnav2 a {width: 125px; padding-left: 20px; background: url(images/navigation/menu_bullet.gif) 12px 14px no-repeat;}
.subnav2_active a {width: 125px; padding-left: 20px; background: url(images/navigation/menu_bullet_active.gif) 10px 16px no-repeat;}

#page_header {background: url(images/headers/header_background2.jpg); height: 167px; width: 634px;}
#page_header #photo {float: left; padding-left: 5px;}
#page_header #text {float: left; padding-left: 5px; padding-top: 120px; color: #FFFFFF; font-size: 2.0em; font-family: arial narrow;}
#page_header #text sup {font-size: 0.75em;}

.IntroHeader {color: #673401; font-family: Arial; font-size: 18pt; font-weight: bold;}
.blue {color: #003366;}
.bold {font-weight: bold;}
.normal {font-style: normal;}
.nobottommargin {margin-bottom: 0px;}
.notopmargin {margin-top: 0px;}

.rtBold { text-align:right; font-weight: bold; }
.button {cursor: hand;}
.small {font-size: 9px;}
.center {text-align: center;}

#bodytextleft {width: 170px;}
#bodytextright {width: 635px;}
.subnav_table {width: 210px;}
.subnav1 a {width: 185px;}
.subnav1_active a {width: 185px;}
.subnav2 a {width: 175px;}
.subnav2_active a {width: 175px;}

p { line-height: 1.5em; } 
sup, sub { vertical-align: 0; position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

#ctl00_BodyText_AllerganEvents_p_Events sup, sub {position: static; vertical-align: baseline;}
#ctl00_BodyText_AllerganEvents_p_Events sup {bottom: auto;}
#ctl00_BodyText_AllerganEvents_p_Events sub {top: auto;}



/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-size: 0.9em;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
/*border-bottom-width: 0;*/
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 200px; /*width of menu (not including side paddings)*/
color: #0872ba;
background: url(images/navigation/menusub.jpg);
text-decoration: none;
padding: 3px 5px 0 5px;
height: 19px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background: url(images/navigation/menusubro.jpg);
color: #d0ecfc;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

@media print { 
	body {background-color: #FFFFFF; color: #000000;}
	.NoPrint {DISPLAY:none;}
	#bodytextright {float: left; width: 580px; margin-left: 0px;}

} 
@media screen { 
	.NoScreen {DISPLAY:none;} 
}

.tableheader {background-color: #005DA8;color: #FFFFFF; font-weight: bold;}
.tableheader a {color: #cccccc;}
