body {
	background-image: url(../images/t_back_tile.jpg);
	margin: 0px;
}
div#pen {
	position: absolute;
	top: 0px;
	left: 755px;
}
table.book {
	background-image: url(../images/t_book3.jpg);
	background-repeat: repeat-y;
}
td.booktop {
	background-image: url(../images/t_book1.jpg);
	background-repeat: no-repeat;
}

#sanofilogo {
	Xposition: absolute;
	top: 8px;
	left: 415px;
	z-index: 999999;
}
#topnav {
	Xposition: absolute;
	top: 54px;
	left: 74px;
	z-Index: 999999;
}
#breadcrumb {
	position: absolute;
	top: 112px;
	left: 80px;
	z-Index: 9;
}

#header {
	position: absolute;
	top: 138px;
	left: 80px;
	z-Index: 9;
}
#headerRight {
	position: absolute;
	top: 267px;
	left: 437px;
	z-Index: 9;
}

div#homeLeftDoodle {
	position: absolute;
	left: 5px;
	top: 337px;
	z-Index: 9;
}


/*Home page:*/

.homeContent {
	background-image: url(../images/general_lineSingle.gif);
	background-repeat: repeat-x;
	position: relative;
	padding: 30px 0px 0px 0px;
	margin: 0px 30px 0px 0px;
}

/*A     only used on the home page*/
.homeCopy {
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	/*top: -30px;*/
	margin: 0px 25px 0px 0px;
	background-color: transparent;
}

/*B     only used on the home page*/
#home a { /*(aka ( ) Find out what to ask your child's doctor)*/
	font-family: Arial;
	font-size: 12px;
	color: #0570C3;
}

/*C     only used on the home page*/
.homeBottom { /*Bottom bar titles (links follow Link style below) */
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 15px;
	line-height: 17px;
	color: #000000;
	text-align: center;
	width: 30%;
	padding: 20px;
}

/*All other pages:*/

.content {
	position: relative;
	padding: 30px 0px 0px 0px;
	margin: 0px 30px 0px 0px;
}

/*D */
.copy, .titles {
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
}
.redtitles {
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 14px;
	line-height: 15px;
	color: #E33334;
	font-weight: bold;
}

.red {
	color: #E33334;
}

.bold {
	font-weight: bold;
}

/*E */
.titles {
/*Same as above, except */
	font-size: 14px;
/*and there's a red •  in front of title */
}

/*F */
a, a.smallParenText { /* (includes the top nav sublinks... top nav titles and bottom nav is all artwork)*/
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	color: #0570C3;
	text-decoration: none;
/*and there's no dot between parentheses in the off state, but a •  on the on state; the color of the link changes to #E33334 but the parentheses stay blue*/
}

/*G */
.tooltip {
	background-color: #FDF572;
	z-Index: 99;
/*On text where there is a tooltip, there is a background of #FDF572*/
}
#tooltip {
	background-color: #fcfab0;
	position: absolute;
	left: 0px;
	top: 0px;
	z-Index: 999;
	visibility: hidden;
	width: 350px;
}
.tooltipContent {
	padding: 5px;
}
.tooltipBubble {
	background-image: url(../images/gen_toolTipDottedLineVe.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 3px;
	padding: 10px 10px 10px 10px;
}

.yellowBoxTop {
	background-image: url(../images/gen_navYellowBgBoxTop.gif);
	background-repeat: repeat-x;
	height: 6px;
}
.yellowBoxBottom {
	background-image: url(../images/gen_navYellowBgBoxBtm.gif);
	background-repeat: repeat-x;
	height: 6px;
}
.yellowBoxLeft {
	background-image: url(../images/gen_navYellowBgBoxLeft.gif);
	background-repeat: repeat-y;
	background-position: top;
	width: 4px;
}
.yellowBoxRight {
	background-image: url(../images/gen_navYellowBgBoxRgt.gif);
	background-repeat: repeat-y;
	width: 5px;
}
.yellowBoxLeft {
	background-image: url(../images/gen_navYellowBgBoxLeft.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 6px;
}
.yellowBoxTopLeft {
	background-image: url(../images/gen_navYellowBgBoxCrnr.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 4px;
	height: 6px;
}
.yellowBoxTopRight {
	background-image: url(../images/gen_navYellowBgBoxCrnr.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 4px;
	height: 6px;
}
.yellowBoxBottomLeft {
	background-image: url(../images/gen_navYellowBgBoxCrnr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 4px;
	height: 6px;
}
.yellowBoxBottomRight {
	background-image: url(../images/gen_navYellowBgBoxCrnr.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 4px;
	height: 6px;
}

/*H*/
.sidebar, .bottombar .titles {
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	text-align: center;
/*text is centered*/
}
.bottombar {
	width: 30%;
	padding: 10px 10px 0px 10px;
}

/*I*/
a.breadcrumbs, .breadcrumbs {
	font-family: Georgia, "Times New Roman", Times, times, serif;
	font-size: 10px;
	color: #000000;
	font-style: italic;
	text-decoration: none;
/*text is italicized*/
}
a.breadcrumbs {
	color: #0570C3;
}

/*J*/
sup {
	line-height: 0px;
	font-size: 9px;
	z-Index: 99;
}
a.references, .references {
	font-family: Arial;
	font-size: 9px;
	color: #0570C3;
	text-decoration: none;
	z-Index: 99;
/*rollover is #E33334*/
/*is there a style for superscript? I can't remember
all reference links spawn a 450px (add some for scrollbar) by 425px popup window, with scrollbar and title (no browser controls or bottom status bar)... see JPG*/
}
a:hover, a.red, a.references:hover, a.smallParenText:hover {
	color: #E33334;
}

/*There are a few exceptions throughout the site; some text is colored #E33334 for emphasis, such as on 3.1 Spread the Word and various forms on the site. */

img.largeParen {
	margin: 0px 5px 0px 0px;
	position: relative;
	top: 3px;
}

.bottomNav {
	padding: 10px 5px 30px 5px;
}

#topNavMenu1 {
	background-color: #fcfab0;
	position: absolute;
	left: 83px;
	top: 99px;
	z-Index: 999;
	visibility: hidden;
}

#topNavMenu2 {
	background-color: #fcfab0;
	position: absolute;
	left: 287px;
	top: 99px;
	z-Index: 999;
	visibility: hidden;
}

#topNavMenu3 {
	background-color: #fcfab0;
	position: absolute;
	left: 451px;
	top: 99px;
	z-Index: 999;
	visibility: hidden;
}

.topNavMenuContent {
	padding: 5px;
}

#topnavClear {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-Index: 888;
	background-color: transparent;
	visibility: hidden;
}


.pageLeft {
	padding: 0px 0px 0px 80px;
}
.indent {
	padding: 0px 0px 0px 80px;
}

.indent2 {
	padding: 0px 0px 0px 80px;
}

.indent3 {
	padding: 0px 0px 0px 80px;
}

center {
	line-height: 0px;
}
#leftDoodle {
	position: absolute;
	left: 0px;
}
#rightDoodle {
	position: absolute;
	left: 437px;
}

#rightDoodleUnique {
	position: absolute;
	left: 545px;
}

#rightDoodle21 {
	position: absolute;
	left: 504px;
}	

.topLine {
	background-image: url(../images/general_lineSingle.gif);
	background-repeat: no-repeat;
	/*position: relative;*/
}