body {
	color: #000; 
	font: 11px/18px Verdana,Arial,Helvetica,sans-serif; 
	background: #a10930 url("../images/html-learn-bg.jpg") repeat center 0 

scroll;
	line-height: 1.2em;
}
p {
	padding: 0 0 10px;
}
a:link, a:visited {
	color: #2A71B5;
	text-decoration: underline;
}
a:hover {
	color: #2A2A2A;
}
h5 {
	margin: 0; padding: 0; font: bold 14px georgia;
}

#container {
	width: 960px;
	margin: auto;
}

/*** Global Nav Bar ***/
/* Each item in the nav bar uses the same full transparent menu image and is just 

positioned properly based on width and coordinate.  For IE6 however, the menu uses
	individual images.  See exploder.css for the IE6 specific styles.  This 

image as well as the ones in exploder.css need to be translated. */
ul#global-nav {
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0;
	list-style-position: outside;
	height: 35px;
}
	
ul#global-nav li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	float: left;
	height: 25px;
	text-indent: -9009px;
}
ul#global-nav li span {
	display: block;
	width: 114px;
	height: 25px;
	background: transparent url(../images/nav_bar.png) no-repeat 0 0;
}
ul#global-nav li a {
	display: block;
	width: 114px;
	height: 25px;
	background: transparent url(../images/nav_bar.png) no-repeat 0 0;
}
ul#global-nav li.left span {
	width: 338px; /*441*/
	background-position: 0 0;   
}
ul#global-nav li.english a {
	width: 72px;
	background-position: -338px 0;  
}
ul#global-nav li.ppi a {
	width: 275px;
	background-position: -417px 0;  
}
ul#global-nav li.pi a {
	width: 182px;
	background-position: -687px 0;  
}
ul#global-nav li.logo a {
	width: 93px;
	background-position: -867px 0;  
}

#content {
	padding: 28px 0 0;
}

/*** Left Column ***/
#content-left-column {
	width: 700px;
	float: left;
}
#content-left-header {
	width: 700px;
	height: 134px;
	background: url("../images/content-left-header-bg.jpg") no-repeat 0 0;
}
#gardasil-logo {
	width: 234px;
	padding: 20px 0 0 30px;
	float: left;
}
#gardasil-welcome {
	width: 296px;
	padding: 40px 0 0 110px;
	float: left;
}
#content-left-header-links {
	width: 533px;
	padding: 14px 0 0 167px;
	clear: both;
	font-size: 11px;
	font-weight: bold;
}
#content-left {
	width:700px;
	height:1055px;
	background: url("../images/content-left-bg.jpg") repeat-y 0 0;
}

/*** Zmag Container and No Flash Installed Container ***/
#zmag-container { 
	width:680px;
	height:915px;
	padding: 0 0 0 10px;
}
#flash-warn-container { 
	width:660px;
	height:915px;
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	background: url("../images/yellow_fade_bg.jpg") repeat-x 0 0;
	background-color: #fff;
	display:none;
}
#flash-warn {
	margin: 0 auto; 
	padding: 106px 0; 
	width: 478px; 
	font-family: Georgia; 
	text-align:center; 
}
#flash-warn a {
	position: relative;
}
#flash-warn-adobe-flash {
	background: url("../images/flash_warn.jpg") no-repeat 0 0; 
	width: 384px;
	height: 97px;
	padding: 18px 47px 0;
}
#flash-warn a:link, #flash-warn a:visited {
	text-decoration: none; 
	color:#930;
}
#flash-warn a:hover {
	text-decoration: underline;
}

/*** Bottom Nav Bar ***/
#bottom-nav {
	background: url("../images/bottom-nav-bg.jpg") repeat-x;
	width: 700px;
	height: 19px;
}
#bottom-nav-left {
	width: 11px;
	float: left;
}
#bottom-nav-privacy {
	width: 128px;
	float: left;
}
#bottom-nav-terms {
	width: 114px;
	float: left;
}
#bottom-nav-copyright {
	width: 207px;
	float: left;
}
#bottom-nav-merck {
	width: 137px;
	float: left;
}
#bottom-nav-right {
	width: 9px;
	float: right;
}

/*** Right Column ***/
#content-right-column {
	width: 255px;
	padding: 0 0 0 5px;
	float: left;
}
#content-right-column-top {
	width: 255px;
	height: 20px;
	background: url("../images/content-right-top.jpg") no-repeat;
}
#content-right-column-middle {
	width: 255px;
	height: 1168px;
	background: url("../images/content-right-middle.jpg") repeat-y;
}
#content-right-column-bottom {
	width: 255px;
	height: 20px;
	background: url("../images/content-right-bottom.jpg") no-repeat;
}
#content-right {
	width: 210px;
	padding: 0 0 0 20px; font-size: 11px;
}

/*** FDA Medwatch link exit tooltip ***/
/* overwrite tip link defaults */
a.normal:link,
a.normal:visited {
	border-bottom: none;
	text-decoration: none;
}
a.normal:link span.link,
a.normal:visited span.link {
	border-bottom: none;
	text-decoration: underline;
}


a.tipfda, a.tipadobeflash, a.tipadobereader {
	position:relative;
}
span.tip-content,span.tip-bottom {
	display: none;
	position: absolute;
	bottom: 46px;
	left: 0;
	width: 253px;
	background: transparent url(../images/tool-tips-content.png) no-repeat 0 0 

! important;
	padding: 20px 20px 5px 20px;
	color: #6a645c;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	z-index: 900;
	_z-index: 9000;
	line-height: 18px;
}
span.tip-bottom {
	display: none;
	padding: 0;
	width: 293px;
	bottom: 13px;
	height: 33px;
	background: transparent url(../images/tool-tips-bottom.png) no-repeat 0 0 

! important;
}
a.tipadobeflash .tip-content, a.tipadobereader .tip-content {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	text-decoration: none;
}
.tip-content strong {
	display: block;
	border-bottom: 1px dotted #c1c1c1;
	font: bold 12px Georgia;
	padding-bottom: 3px;
	margin-bottom: 5px;
	color: #6a645c;
}
.tip-content span.strong {
	font-weight: bold;
}
.tip-content em {
	text-decoration: underline;
	font-style: normal;
	color: #5683ae;
	padding-right: 14px;
	background: transparent url(../images/tool-tips-arrow.png) no-repeat right 

2px;
}
.social .tip-content em {display: none; 
	padding-right: 7px;
	background-image: none;
}
.tip-content span.p {
	display: block;
	padding-top: 5px;
}
a.click span.tip-content {text-align: center;}
.tip-content img {
	margin: 0 auto;
}

/*** Footer ***/
#footer {
	clear: both;
	width: 960px;
	padding: 25px 0 0;
}
#outro {
	color: #FFF;
	text-align:center;
}