@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: none;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a:link, a:visited, a:hover {
	color: #0B98DC;
	text-decoration: underline;
}

a:hover {
	color: #B41919;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 20px;
	color: #0053A0;
	padding: 0px 0px 10px 0px;
}

h1.HeaderTitle{
	font-size: 20px;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

h2{
	font-size: 17px;
	color: #0053A0;
	padding: 0px 0px 10px 0px;
}

h2.HeaderTitle{
	font-size: 17px;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

h2.home {
	color: #194891;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 7px 0px;
}

h2.homeFR {
	color: #194891;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

h3{
	font-size: 14px;
	color: #0053A0;
	padding: 10px 0px 0px 0px;
}

h3.SectionTitle{
	font-size: 14px;
	color: #0053A0;
	padding: 0px 0px 5px 0px;
}

h4{
	font-size: 12px;
	font-weight: bold;
	color: #0B98DC;
	padding: 15px 0px 0px 0px;
}

h4.ParentTitle{
	font-size: 12px;
	font-weight: bold;
	color: #0B98DC;
	padding: 0px 0px 10px 0px;
}

h5{
	font-size: 10px;
	color: #0053A0;
	padding: 0px 0px 10px 0px;
}

.TitleBracketLeft{
	position: relative;
	top: 2px;
	color: #CC0000;
	font-size: 24px;
	font-weight: normal;
	padding-right: 5px;
}

.HeaderBracketLeft{
	position: relative;
	top: 2px;
	color: #CC0000;
	font-size: 54px;
	font-weight: normal;
	padding-right: 5px;
}

.TitleBracketRight{
	position: relative;
	top: 2px;
	color: #CC0000;
	font-size: 24px;
	font-weight: normal;
	padding-left: 5px;
}

.HeaderBracketRight{
	position: relative;
	top: 2px;
	color: #CC0000;
	font-size: 54px;
	font-weight: normal;
	padding-right: 5px;
}

.oneColFixCtrHdr #containerHome {
	width: 930px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left;
}

.oneColFixCtrHdr #containerContent {
	width: 930px;
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left;
	background-image: url(images/outer_shadows_back.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.oneColFixCtrHdr #headerHome {
	background: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 366px;
}

.oneColFixCtrHdr #headerContent {
	position: relative;
	background: none; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
}

.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
	/*border: 1px solid #000000;*/
}

#mainYellowBar {
	width: 930px; 
	height: 8px; 
	background-image: url(images/yellow_back_small.gif);
	background-position: left;
	background-repeat: repeat-x;
}

#mainNavSection {
	width: 930px; 
	height: 200px; 
	background-color: #FFFFFF;
	background-image: url(images/nav_right_yellow_back.gif);
	background-position: left top;
	background-repeat: repeat-x;
	vertical-align: top;
}

#mainNavLeft {
	position: relative; 
	float: left; 
	width: 602px;
	height: 192px;
	background-color: #FFFFFF;
}

#mainNav {
	position: relative;  
	width: 602px;
	height: 48px;
}

.parentsNavHome a {
	display: block;
	float: left;
	width: 200px;
	height: 48px;
	background: url(images/parents_nav_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.parentsNavHome a:hover { 
	background-position: -200px 0;
	color: #049;
}

.parentsNavHome a:active {
	background-position: 0 0;
	color:#fff;
}

.parentsNavHomeFR a {
	display: block;
	float: left;
	width: 200px;
	height: 48px;
	background: url(images/parents_nav_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.parentsNavHomeFR a:hover { 
	background-position: -200px 0;
	color: #049;
}

.parentsNavHomeFR a:active {
	background-position: 0 0;
	color:#fff;
}

.teensNavHome a {
	display: block;
	float: left;
	width: 202px;
	height: 48px;
	background: url(images/teens_nav_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.teensNavHome a:hover { 
	background-position: -202px 0;
	color: #049;
}

.teensNavHome a:active {
	background-position: 0 0;
	color:#fff;
}

.teensNavHomeFR a {
	display: block;
	float: left;
	width: 202px;
	height: 48px;
	background: url(images/teens_nav_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.teensNavHomeFR a:hover { 
	background-position: -202px 0;
	color: #049;
}

.teensNavHomeFR a:active {
	background-position: 0 0;
	color:#fff;
}

.hcpNavHome a {
	display: block;
	float: left;
	width: 200px;
	height: 48px;
	background: url(images/hcp_nav_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.hcpNavHome a:hover { 
	background-position: -200px 0;
	color: #049;
}

.hcpNavHome a:active {
	background-position: 0 0;
	color:#fff;
}

.hcpNavHomeFR a {
	display: block;
	float: left;
	width: 200px;
	height: 48px;
	background: url(images/hcp_nav_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.hcpNavHomeFR a:hover { 
	background-position: -200px 0;
	color: #049;
}

.hcpNavHomeFR a:active {
	background-position: 0 0;
	color:#fff;
}

#mainLogoSection {
	position: relative;  
	width: 602px;
	height: 143px;
}

.menactraLogoHome {
	position: relative;
	float: left;
	padding: 20px 15px 30px 15px;
}

.menactraLogoHomeFR {
	position: relative;
	float: left;
	padding: 25px 15px 30px 15px;
}

.menactraLeftBracket {
	position: relative;
	float: left;
	width: 18px;
	height: 130px;
	background-image: url(images/left_red_bracket_fr.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
}

.menactraTextHomeEN {
	position: relative;
	float: left;
	width: 315px;
	height: 101px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	padding: 30px 5px 0px 5px;
}

.menactraTextHomeFR {
	position: relative;
	float: left;
	width: 315px;
	height: 101px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	padding: 18px 5px 0px 5px;
}

.menactraRightBracket {
	position: relative;
	float: left;
	width: 18px;
	height: 130px;
	background-image: url(images/right_red_bracket_fr.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
}

#mainNavRight {
	position: relative; 
	float: right; 
	width: 288px;
	height: 192px;
}

.mainRightTextEN {
	position: relative;
	top: 2px;
	float: right;
	width: 288px;
	height: 192px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	padding: 15px 20px 10px 20px;
}

.mainRightTextFR {
	position: relative;
	top: 3px;
	float: right;
	width: 288px;
	height: 192px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	padding: 15px 20px 10px 20px;
}

#ResidentDisclaimerEN {
	position: absolute; 
	left: 390px; 
	top: 5px;
	color: #8C8D8D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#ResidentDisclaimerFR {
	position: absolute; 
	left: 320px; 
	top: 5px;
	color: #8C8D8D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

#SectionHeader {
	position: absolute; 
	left: 645px; 
	top: 70px; 
	text-align: center;
}

#languageLink {
	position: absolute; 
	left: 835px; 
	top: 157px; 
	text-align: center;
}

a.languageLink {
	position: absolute;
	top: 2px;
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
}

a:link.languageLink {
	color: #FFFFFF;
	text-decoration: none;
}

a:active.languageLink {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited.languageLink {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.languageLink { 
	color: #FFFFFF;
	text-decoration: underline;
}

#languageLinkHome {
	position: relative; 
	top: 15px; 
	text-align: left;
}

a.languageLinkHome {
	position: absolute;
	top: 0px;
	width: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
}

a:link.languageLinkHome {
	color: #000000;
	text-decoration: none;
}

a:active.languageLinkHome {
	color: #000000;
	text-decoration: none;
}

a:visited.languageLinkHome {
	color: #000000;
	text-decoration: none;
}

a:hover.languageLinkHome { 
	color: #000000;
	text-decoration: underline;
}

#mainBodySection {
	width: 930px;
	vertical-align: top;
}

#mainContentSubNavParents {
	display: block;
	width: 255px;
	background-image: url(images/subnav_back_parents.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#mainContentSubNavTeens {
	display: block;
	width: 255px;
	background-image: url(images/subnav_back_teens.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#subNavContainer {
	position: relative;
	display: block;
	top: 30px;
	left: 30px;
	width: 195px;
	height: 450px;
	padding: 0px 0px 20px 0px;
}

#navDividerLines {
	width: 180px;
	height: 1px;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}

ul.subSubNav {
	list-style-type: none;
	width: 170px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 13px;
}

li.subSubNav {
	list-style-image: url(images/subsub_nav_bullets.gif);
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

li.subSubNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #99212B;
	text-decoration: none;
}

li.subSubNav a:link {
	color: #99212B;
	text-decoration: none;
}

li.subSubNav a:active {
	color: #99212B;
	text-decoration: none;
}

li.subSubNav a:visited {
	color: #99212B;
	text-decoration: none;
}

li.subSubNav a:hover {
	color: #99212B;
	text-decoration: underline;
}

li.subSubNavIn {
	list-style-image: url(images/subsub_nav_bullets.gif);
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

li.subSubNavIn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #99212B;
	text-decoration: none;
}

li.subSubNavIn a:link {
	color: #99212B;
	text-decoration: none;
}

li.subSubNavIn a:active {
	color: #99212B;
	text-decoration: none;
}

li.subSubNavIn a:visited {
	color: #99212B;
	text-decoration: none;
}

li.subSubNavIn a:hover {
	color: #99212B;
	text-decoration: none;
}

a.subNavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #08306F;
	line-height: 13px;
	text-decoration: none;
}

a:link.subNavLinks {
	color: #08306F;
	text-decoration: none;
}

a:active.subNavLinks {
	color: #08306F;
	text-decoration: none;
}

a:visited.subNavLinks {
	color: #08306F;
	text-decoration: none;
}

a:hover.subNavLinks { 
	color: #08306F;
	text-decoration: underline;
}

a.subNavLinksIn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #99212B;
	line-height: 13px;
	text-decoration: none;
}

a:link.subNavLinksIn {
	color: #99212B;
	text-decoration: none;
}

a:active.subNavLinksIn {
	color: #99212B;
	text-decoration: none;
}

a:visited.subNavLinksIn {
	color: #99212B;
	text-decoration: none;
}

a:hover.subNavLinksIn { 
	color: #99212B;
	text-decoration: none;
}

#mainNavContent { 
	width: 675px;
	background: none;
}

#contentContainer {
	padding: 0px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
}

.parentsNavOverlap {
	float: left;
	width: 77px;
	height: 58px;
	background: url(images/parents_nav_overlap.jpg) 0 0 no-repeat;
}

.teensNavOverlap {
	float: left;
	width: 77px;
	height: 58px;
	background: url(images/teens_nav_overlap.jpg) 0 0 no-repeat;
}

.parentsNavIn {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav_in.gif) 0 0 no-repeat;
}

.parentsNavContent a {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav2_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.parentsNavContent a:hover { 
	background-position: -198px 0;
}

.parentsNavContent a:active {
	background-position: 0 0;
}

.parentsNavInFR {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav_fr_in.gif) 0 0 no-repeat;
}

.parentsNavContentFR a {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav2_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.parentsNavContentFR a:hover { 
	background-position: -198px 0;
}

.parentsNavContentFR a:active {
	background-position: 0 0;
}

.teensNavIn {
	float: left;
	width: 202px;
	height: 58px;
	background: url(images/teens_nav_in.gif) 0 0 no-repeat;
}

.teensNavContent a {
	float: left;
	width: 202px;
	height: 58px;
	background: url(images/teens_nav2_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.teensNavContent a:hover { 
	background-position: -202px 0;
}

.teensNavContent a:active {
	background-position: 0 0;
}

.teensNavInFR {
	float: left;
	width: 202px;
	height: 58px;
	background: url(images/teens_nav_fr_in.gif) 0 0 no-repeat;
}

.teensNavContentFR a {
	float: left;
	width: 202px;
	height: 58px;
	background: url(images/teens_nav2_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.teensNavContentFR a:hover { 
	background-position: -202px 0;
}

.teensNavContentFR a:active {
	background-position: 0 0;
}

.hcpNavIn {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav_in.gif) 0 0 no-repeat;
}

.hcpNavContent a {
	float: right;
	width: 198px;
	height: 58px;
	background: url(images/hcp_nav2_over_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.hcpNavContent a:hover { 
	background-position: -198px 0;
}

.hcpNavContent a:active {
	background-position: 0 0;
}

.hcpNavInFR {
	float: left;
	width: 198px;
	height: 58px;
	background: url(images/parents_nav_fr_in.gif) 0 0 no-repeat;
}

.hcpNavContentFR a {
	float: right;
	width: 198px;
	height: 58px;
	background: url(images/hcp_nav2_over_fr_out.gif) 0 0 no-repeat;
	text-decoration: none;
}

.hcpNavContentFR a:hover { 
	background-position: -198px 0;
}

.hcpNavContentFR a:active {
	background-position: 0 0;
}

.oneColFixCtrHdr #footer {
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url(images/footer_background.gif);
	background-position: left;
	background-repeat: repeat-x;
}

#footerNavSection {
	width: 930px; 
	height: 105px;
}

#footerContentSides {
	position: relative;
	float: left;
	width: 930px;
	height: 105px;
	background-image: url(images/footer_content_sides.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#footerNavLeft {
	position: relative; 
	float: left; 
	width: 602px;
	height: 105px;
}

.footerNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #8C8D8D;
	text-align: left;
	vertical-align: middle;
	padding: 32px 0px 0px 40px;
}

a.footerNavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #8C8D8D;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

a:link.footerNavLinks {
	color: #8C8D8D;
	text-decoration: none;
}

a:active.footerNavLinks {
	color: #8C8D8D;
	text-decoration: none;
}

a:visited.footerNavLinks {
	color: #8C8D8D;
	text-decoration: none;
}

a:hover.footerNavLinks { 
	color: #8C8D8D;
	text-decoration: underline;
}

img.footerNavDots {
	padding: 7px 0px 7px 0px;
}

#footerNavRightEN {
	position: relative; 
	float: right; 
	width: 288px;
	height: 105px;
}

#footerNavRightFR {
	position: relative; 
	float: right; 
	width: 325px;
	height: 105px;
	left: -10px;
}

.footerRightText {
	color: #8C8D8D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	vertical-align: middle;
	padding: 30px 0px 0px 0px;
}

.RightCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: -3px;
}

#LinksDivider {
	position: relative;
	width: 461px;
	height: 18px;
	background-image: url(images/links_divider.gif);
	background-repeat: no-repeat;
}

.LinksDividerTxt {
	margin-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#disclaimerLogoBar {
	position: relative; 
	width: 700px;
	height: 50px;
}

#disclaimerSPLogo {
	position: relative;
	float: right;
	width: 173px;
	height: 50px;
	padding: 0px 35px 0px 0px;
}

#disclaimerContentBackTeens {
	position: relative;
	background-image: url(images/teen_disclaimer_back.jpg);
	background-position: center middle;
	background-repeat: no-repeat;
	width: 700px;
	height: 400px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

#disclaimerContentBackParents {
	position: relative;
	background-image: url(images/parents_disclaimer_back.jpg);
	background-position: center middle;
	background-repeat: no-repeat;
	width: 700px;
	height: 400px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}

a.disclaimerConsLink:link, a.disclaimerConsLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B98DC;
	text-decoration: underline;
}

a.disclaimerConsLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0B98DC;
	text-decoration: none;
}