/*----- Lilly.com HTML CSS -----*/

/*----- global styles -----*/
/* these styles control appearance of elements included in the entire page */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\";}\"";
	voice-family: inherit;
	background-color: #FFF;
}
a {
	color: #C00;
	text-decoration: none;
}
h1 {
	font-size: 85%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h2, h3, h4, p, blockquote, ul, ol {
	color: #000;
	font-size: 70%;
	margin: 0;
	padding: 0;
}
blockquote {
	font-size: 90%;
}
.none {
	font-size: 50%;
	margin: 0;
	padding: 0;
}
ul ul, ol ol {
	font-size: 100%;
}

/*----- header styles -----*/
/* these styles control appearance of elements included in the header tables of the page */
#header {
	width: 750px;
}
#header .topBar {
	color: #FFF;
	background-color: #C00;
	vertical-align: middle;
}
#header .topBar a {
	font-size: 70%;
	color: #FFF;
}
#header .topBar a:hover {
	text-decoration: underline;
}
#header .topBar img {
	float: left;
}
#header .topBar .float {
	float: right;
	padding: 7px 300px 0 0;
}
#header select {
	color: #C00;
	font-size: 80%;
	margin: 0 5px 0 10px;
	background-color: #FFF;
	border: 1px solid #C00;
}
#header .blueBox {
	background-color: #DDD;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#header .globalNav {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding-bottom: 3px;
}
#header .globalNav_empty {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/*----- content styles -----*/
/* these styles control appearance of elements included in the content table of the page */

/*--- subNav - refer to lilly_navigation.css ---*/

/*--- content area styles ---*/
#content {
	width: 750px;
	background-color: #FFF;
}
#content td.contentArea {
	background-color: #FFF;
	vertical-align: top;
	border-right: 1px solid #CCC;
	height: 145px;
}
/* breadcrumb styles */
.breadcrumbArea {
	height: 10px;
	border-right: 1px solid #CCC;
}
#breadcrumb {
	font-size: 65%;
	color: #CCC;
	padding: 0 0 5px 0;
	margin: 5px 0 5px 0;
	text-indent: 3pt;
	border-bottom: 1px solid #CCC;
}
#breadcrumb a {
	color: #000;
	padding: 2px;
	margin-right: 3px;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.selected {
	color: #C00;
}
/* text styles */
#content h1, #content h2, #content h3, #content h4 {
	margin: 7px 0 0 5px;
}
#content h1 {
	color: #666;
}
#content h3, #content h4 {
	font-weight: normal;
}
#content p.h3Text, #content h4 p.h4Text {
	font-size: 70%;
}
#content h3, p.h3Text {
	padding-left: 20pt;
}
#content h4, p.h4Text {
	padding-left: 40pt;
}
#content p {
	margin: 5px 10px 10px 5px;
}
#content .contentArea ul, #content .contentArea ol {
	color: #000;
	padding: 0;
	padding-left: 45px;
	list-style-position: outside;
}
#content ul.anchorLink {
	font-weight: bold;
	text-indent: 20px;
	list-style-type: none;
}
#content a:hover {
	text-decoration: underline;
}
.footnote {
	color: #666;
	font-size: 70%;
	padding: 3px;
	border: 1px solid #CCC;
}
#content select {
	color: #666;
	background-color: #EEE;
	border: 1px solid #666;
}
#content input {
	color: #666;
	border: 1px solid #666;
}
#content input.button {
	background-color: #EEE;
}
/* imageTable styles */
.contentArea table td {
	padding: 2px;
}
table.imageTable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 2px;
	margin: 5px;
}
.imageTable p {
	color: #666;
	font-size: 65%;
}
.caption {
	color: #666;
	font-size: 65%;
}

/*--- tout styles ---*/
/* these styles control appearance of elements included in the tout area of the ".contentArea" applied table cells */
#content .tout {
	background-color: #FCC;
	border: 1px solid #CCC;
	padding: 10px 2px 10px 2px;
}
#content .tout h1 {
	color: #000;
	font-weight: bold;
	font-size: 70%;
	padding-top: 0;
	margin-top: 0;
}
#content .tout ul {
	list-style-position: outside;
	list-style-image:  url(../touts/tout_arrow.gif);
	margin-bottom: 10px;
	margin-left: -15px;
}
#content .tout a {
	font-size: 70%;
	margin: 10px 0 0 10px;
}

/*----- interstitial page styles -----*/
/* these styles control appearance of elements included in the interstitial pages that launch while trying to leave the site */
#interstitial {
	background-color: #EEE;
	height: 100%;
	padding: 20px;
}
#interstitial .information {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #666;
	height: 75%;
}
#interstitial h1 {
	font-size: 120%;
	font-weight: bold;
	font-color: #C00;
} 
#interstitial p {
	font-size: 100%;
}
#interstitial table {
	width: 100%;
}
#interstitial input {
	font-size: 80%;
	cursor: hand;
	height: 20px;
	width: 75px;
	background-color: #EEE;
	border: 1px solid #666;
}

/*----- footer styles -----*/
/* these styles control appearance of elements included in the footer table of the page */
#footer {
	width: 750px;
}
#footer td {
	vertical-align: top;
	border-top: 1px solid #000;
}
#footer p {
	color: #000;
	font-size: 60%;
	text-align:center;
	padding: 5px 0 20px 0;
}
#footer a {
	color: #C00;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}