/* Reset everything */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Style Tags */
body { 
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	} 

a, a:visited, a:hover { color:#b04e43; }
a:hover { color:#944339; }

h1, h2, h3, h4 {
	color:#373737;
	font:bold 20px Arial, Helvetica, sans-serif;
	padding:0 0 10px;
	}
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
	
p { padding:0 0 10px; }
p, li, td, .copy, .form, .button, .error {
	font:16px Arial, Helvetica, sans-serif;
	color:#373737;
	}

ul, ol { list-style:circle; margin-bottom:10px; padding-left:30px; }
ol { list-style:decimal; }

/* Helper Styles */
.nopad { padding:0 !important; }
.clear { clear:both; }
.clear hr { display:none; }

.flash-replaced .alt { display:none; }

a.blockLink, a.blockLink:visited, a.blockLink:hover {
	display:block;
	overflow:hidden;
	text-indent:900px;
	white-space:nowrap;
	}

input.mainForm, textarea.mainForm {
	background-color:#fff;
	border:0;
	font:14px Arial, Helvetica, sans-serif;
	padding:10px;
	}
input.mainButton {
	background-color:#b04e43;
	border:0;
	color:#fff;
	cursor:pointer;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:9px 16px;
	text-transform:uppercase;
	}

/* Page Layout */
#topBarContainer { background-color:#f5ece3; margin-bottom:16px; }
#topBar {
	height:31px;
	margin:0 auto;
	padding-top:9px;
	width:960px;
	}
	#topBarText {
		color:#4c443d;
		float:left;
		font:italic 14px Georgia, "Times New Roman", Times, serif;
		padding:2px 0 0 0;
		width:800px;
		}
	#topBarRSS { float:left; text-align:right; width:160px; }
	#topBarRSS a, #topBarRSS a:visited, #topBarRSS a:hover {
		background-color:#b04e43;
		color:#fff;
		font-size:12px;
		padding:6px 5px;
		text-decoration:none;
		text-transform:uppercase;
		}
		#topBarRSS a:hover { background-color:#853d35; }
#mainContainer {
	background:url(../images/header.jpg) no-repeat -30px 0;
	margin:0 auto;
	padding-bottom:40px;
	width:960px;
	}
#mainHeader {
	background:#f5ece3 url(../images/header.jpg) no-repeat -30px 0;
	height:255px;
	padding-bottom:20px;
	position:relative;
	}
	#mainHeaderLogo {
		background:url(../images/header.jpg) no-repeat top left;
		float:left;
		height:255px;
		left:-30px;
		position:absolute;
		top:0;
		width:255px;
		}
		#mainHeaderLogo a, #mainHeaderLogo a:visited, #mainHeaderLogo a:hover { height:255px; width:255px; }
	#mainHeaderSearch { height:251px; margin-left:228px; padding:4px 0 0 0; position:relative; }

/* Header Search */
#searchBasic, #searchAdvanced, #searchVisual { position:relative; }
#searchBasic {
	background:url(../images/search_basic_bg.gif) no-repeat 155px 50px;
	height:125px;
	padding:0 20px 0 165px;
	}
#searchAdvanced {
	height:101px;
	padding:24px 0 0 192px;
	}
#searchVisual {
	border-top:3px solid #70665d;
	bottom:0;
	height:75px;
	left:0;
	padding:48px 0 0 30px;
	position:absolute;
	}
.searchHdr {
	background:#70665d url(../images/search_hdr_bottom.gif) no-repeat bottom left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	left:13px;
	padding:10px 0;
	position:absolute;
	text-align:center;
	top:0;
	width:157px;
	}
.searchBasicForm { padding-top:60px; width:400px; }
.searchBasicField { float:left; padding-top:1px; width:335px; }
	.searchBasicField input {
		border:0;
		color:#4c443d;
		font-size:12px;
		padding:6px 10px;
		width:315px;
		}
.searchBasicButton { float:left; padding-left:3px; width:62px; }
.searchLinks {
	background:url(../images/search_toggle.gif) no-repeat top left;
	height:49px;
	position:absolute;
	right:0;
	top:50px;
	width:117px;
	}
	.searchLinks span.pipe { padding:0 5px; }
	.searchLinks a, .searchLinks a:visited, .searchLinks a:hover {
		display:block;
		color:#fff;
		height:31px;
		font-size:12px;
		padding-top:18px;
		text-align:center;
		width:117px;
		}

.searchColOne, .searchColTwo, .searchColThree { float:left; width:172px; }
	.searchAdvancedForm div.input { padding-bottom:7px; }
	.searchAdvancedForm input.field {
		border:0;
		color:#4c443d;
		font-size:10px;
		padding:5px 10px;
		width:135px;
		}
	.searchAdvancedForm select {
		color:#4c443d;
		font-size:12px;
		width:145px;
		}
	.searchAdvancedForm .searchLinks { padding-top:0; }
	.advButton { margin:10px auto 0; }
	
#visualMenu ul { padding:0; margin:0; list-style-type:none; }
	#visualMenu ul li { display:inline; }
	#visualMenu ul li a, #visualMenu ul li a:visited, #visualMenu ul li a:hover {
		float:left;
		height:60px;
		margin:0 8px;
		width:60px;
		background:url(../images/search_visual.jpg) no-repeat top left;
		}
	#visualMenu ul li a.visBrain,
	#visualMenu ul li a.visBrain:visited,
	#visualMenu ul li a.visBrain:hover { background-position:0 0; }
		#visualMenu ul li a.visBrain:hover { background-position:0 -60px; }
	#visualMenu ul li a.visCirculatory,
	#visualMenu ul li a.visCirculatory:visited,
	#visualMenu ul li a.visCirculatory:hover { background-position:-60px 0; }
		#visualMenu ul li a.visCirculatory:hover { background-position:-60px -60px; }
	#visualMenu ul li a.visSkin,
	#visualMenu ul li a.visSkin:visited,
	#visualMenu ul li a.visSkin:hover { background-position:-120px 0; }
		#visualMenu ul li a.visSkin:hover { background-position:-120px -60px; }
	#visualMenu ul li a.visAnalytical,
	#visualMenu ul li a.visAnalytical:visited,
	#visualMenu ul li a.visAnalytical:hover { background-position:-180px 0; }
		#visualMenu ul li a.visAnalytical:hover { background-position:-180px -60px; }
	#visualMenu ul li a.visBiochemistry,
	#visualMenu ul li a.visBiochemistry:visited,
	#visualMenu ul li a.visBiochemistry:hover { background-position:-240px 0; }
		#visualMenu ul li a.visBiochemistry:hover { background-position:-240px -60px; }
	#visualMenu ul li a.visReview,
	#visualMenu ul li a.visReview:visited,
	#visualMenu ul li a.visReview:hover { background-position:-300px 0; }
		#visualMenu ul li a.visReview:hover { background-position:-300px -60px; }
	#visualMenu ul li a.visEpidemiology,
	#visualMenu ul li a.visEpidemiology:visited,
	#visualMenu ul li a.visEpidemiology:hover { background-position:-360px 0; }
		#visualMenu ul li a.visEpidemiology:hover { background-position:-360px -60px; }
	#visualMenu ul li a.visPharmacokinetics,
	#visualMenu ul li a.visPharmacokinetics:visited,
	#visualMenu ul li a.visPharmacokinetics:hover { background-position:-420px 0; text-indent:100px; }
		#visualMenu ul li a.visPharmacokinetics:hover { background-position:-420px -60px; }
	#visualMenu ul li a.visFlavanolsInFoods,
	#visualMenu ul li a.visFlavanolsInFoods:visited,
	#visualMenu ul li a.visFlavanolsInFoods:hover { background-position:-480px 0; text-indent:100px; }
		#visualMenu ul li a.visFlavanolsInFoods:hover { background-position:-480px -60px; }

#mainContentContainer {
	background:url(../images/main_bg.jpg) repeat-y top left;
	position:relative;
	}
#mainMenu {
	position:absolute;
	top:-20px;
	width:200px;
	}
	#mainMenu ul { padding:0; margin:0; list-style-type:none; }
		#mainMenu ul li { display:inline; }
		#mainMenu ul li a, #mainMenu ul li a:visited, #mainMenu ul li a:hover {
			height:70px;
			width:200px;
			background:url(../images/menu.jpg) no-repeat top left;
			}
		#mainMenu ul li a.mnuHome,
		#mainMenu ul li a.mnuHome:visited,
		#mainMenu ul li a.mnuHome:hover { background-position:0 0; height:69px; }
		#mainMenu ul li a.mnuHome:hover { background-position:-200px 0; }
			#mainMenu ul li.active a.mnuHome,
			#mainMenu ul li.active a.mnuHome:visited,
			#mainMenu ul li.active a.mnuHome:hover { background-position:-400px 0; }
		#mainMenu ul li a.mnuScienceStudies,
		#mainMenu ul li a.mnuScienceStudies:visited,
		#mainMenu ul li a.mnuScienceStudies:hover { background-position:0 -69px; }
		#mainMenu ul li a.mnuScienceStudies:hover { background-position:-200px -69px; }
			#mainMenu ul li.active a.mnuScienceStudies,
			#mainMenu ul li.active a.mnuScienceStudies:visited,
			#mainMenu ul li.active a.mnuScienceStudies:hover { background-position:-400px -69px; }
		#mainMenu ul li a.mnuNews,
		#mainMenu ul li a.mnuNews:visited,
		#mainMenu ul li a.mnuNews:hover { background-position:0 -139px; }
		#mainMenu ul li a.mnuNews:hover { background-position:-200px -139px; }
			#mainMenu ul li.active a.mnuNews,
			#mainMenu ul li.active a.mnuNews:visited,
			#mainMenu ul li.active a.mnuNews:hover { background-position:-400px -139px; }
		#mainMenu ul li a.mnuEvents,
		#mainMenu ul li a.mnuEvents:visited,
		#mainMenu ul li a.mnuEvents:hover { background-position:0 -209px; }
		#mainMenu ul li a.mnuEvents:hover { background-position:-200px -209px; }
			#mainMenu ul li.active a.mnuEvents,
			#mainMenu ul li.active a.mnuEvents:visited,
			#mainMenu ul li.active a.mnuEvents:hover { background-position:-400px -209px; }
		#mainMenu ul li a.mnuSpotlight,
		#mainMenu ul li a.mnuSpotlight:visited,
		#mainMenu ul li a.mnuSpotlight:hover { background-position:0 -279px; }
		#mainMenu ul li a.mnuSpotlight:hover { background-position:-200px -279px; }
			#mainMenu ul li.active a.mnuSpotlight,
			#mainMenu ul li.active a.mnuSpotlight:visited,
			#mainMenu ul li.active a.mnuSpotlight:hover { background-position:-400px -279px; }
		#mainMenu ul li a.mnuAbout,
		#mainMenu ul li a.mnuAbout:visited,
		#mainMenu ul li a.mnuAbout:hover { background-position:0 -349px; }
		#mainMenu ul li a.mnuAbout:hover { background-position:-200px -349px; }
			#mainMenu ul li.active a.mnuAbout,
			#mainMenu ul li.active a.mnuAbout:visited,
			#mainMenu ul li.active a.mnuAbout:hover { background-position:-400px -349px; }

#mainContent { border-bottom:1px solid #f5ece3; min-height:500px; padding:70px 0 0 200px; }

.contentContainer {
	background:#dad3cb url(../images/content_bg_bottom.gif) no-repeat bottom left;
	margin:0 0 25px 37px;
	padding-bottom:10px;
	position:relative;
	width:710px;
	}
	.contentHdr, .contentHdrClick {
		background:#b04e43 url(../images/content_bg_top.gif) no-repeat top left;
		color:#fff;
		font:italic 30px Georgia, "Times New Roman", Times, serif;
		padding:13px 10px;
		}
		.contentHdr h1, .contentHdrClick h1 {
			color:#fff;
			font:italic 30px Georgia, "Times New Roman", Times, serif;
			margin:0;
			padding:0;
			}
		.contentHdrClick {
			cursor:pointer;
			font-size:18px;
			padding:19px 0 19px 60px;
			position:relative;
			}
		.clickArrow {
			background:url(../images/arrows.jpg) no-repeat 0 0;
			cursor:pointer;
			height:38px;
			left:11px;
			position:absolute;
			top:11px;
			width:38px;
			}
			.open .clickArrow { background-position:0 -38px; }
	.hdrNewsArchive { position:relative; }
	.hdrNewsArchive h1 { padding-left:55px; }
	.hdrNewsArchive a.rss, .hdrNewsArchive a.rss:visited, .hdrNewsArchive a.rss:hover {
		background:url(../images/rss_link.gif) no-repeat 0 0;
		height:38px;
		left:13px;
		position:absolute;
		top:12px;
		width:38px;
		}
	.hdrNewsArchive a.rss:hover { background-position:0 -38px; }
	
a.shareThisRibbon, a.shareThisRibbon:visited, a.shareThisRibbon:hover {
	background:url(../images/share_ribbon.png) no-repeat top left;
	height:79px;
	position:absolute;
	right:35px;
	top:0;
	width:26px;
	}
.content { padding:15px 10px; }
	.content div.date {
		color:#4c443d;
		font:italic 14px Georgia, "Times New Roman", Times, serif;
		position:relative;
		top:-10px;
		}
.subTitle { background-color:#70665d; color:#fff; font-size:14px; padding:10px; }
	.subTitle h1 { color:#fff; padding-bottom:1px; }
	.subTitle div.date {
		color:#fff;
		font:italic 14px Georgia, "Times New Roman", Times, serif;
		}
	.subTitle div.date a, .subTitle div.date a:visited, .subTitle div.date a:hover {
		color:#fff;
		font:italic 14px Georgia, "Times New Roman", Times, serif;
		}
	.subTitle div.date a:hover { color:#f6bcb5; }
.contentLinks {
	border-top:1px solid #867d72;
	padding:15px 15px 5px 0;
	text-align:right;
	}
	.contentLinks a, .contentLinks a:visited, .contentLinks a:hover {
		color:#4c443d;
		font-size:12px;
		text-decoration:none;
		text-transform:uppercase;
		}
	.contentLinks a:hover { color:#332921; }
	.contentLinks a.feature, .contentLinks a.feature:visited, .contentLinks a.feature:hover { color:#b04e43; }
	.contentLinks a.feature:hover { color:#96372c; }
	.contentLinks span.pipe { color:#4c443d; font-size:14px; }
	
	.content .title { padding-bottom:10px; }
	.content .title { color:#373737; font-size:20px; font-weight:bold; }
	.content .title a, .content .title a:visited, .content .title a:hover {
		color:#373737;
		font-size:20px;
		font-weight:bold;
		text-decoration:none;
		}
	.content .title a:hover { color:#9b4035; }

/* Pagination */
.contentPagination {
	background:#dad3cb url(../images/content_bg_pag_bottom.gif) no-repeat bottom left;
	padding-bottom:11px;
	}
.blogLinks {
	background:#4c443d url(../images/content_bg_pag_top.gif) no-repeat top left;
	height:20px;
	padding:25px 10px 0;
	}
.blogLinksLeft, .blogLinksRight { float:left; width:50%; }
.blogLinksRight { text-align:right; }
.blogLinks a, .blogLinks a:visited, .blogLinks a:hover {
	color:#fff;
	font-size:16px;
	}


#indexBoxesContainer { border-top:1px solid #999; margin-bottom:20px; overflow:auto; }
#indexEvents {
	border-right:1px solid #c4c0bc;
	float:left;
	padding:20px 30px;
	width:309px;
	}
#indexSpotlight {
	float:left;
	padding:20px 30px;
	width:330px;
	}
.indexHdr {
	color:#373737;
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	}
.indexEntry {
	border-bottom:1px solid #c2bcb4;
	color:#373737;
	font-size:14px;
	line-height:20px;
	padding:10px 0 10px;
	}
	.indexEntry .date { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
	.indexEntry .title { font-weight:bold; }
	#indexEvents .indexEntry { font-size:12px; padding:5px 0; }
.indexLinks {
	padding-top:10px;
	text-align:right;
	}
	.indexLinks a, .indexLinks a:visited, .indexLinks a:hover {
		color:#4c443d;
		font-size:12px;
		text-decoration:none;
		text-transform:uppercase;
		}
	.indexLinks a:hover { color:#332921; }
	.indexLinks a.feature, .indexLinks a.feature:visited, .indexLinks a.feature:hover { color:#b04e43; }
	.indexLinks a.feature:hover { color:#96372c; }
	.indexLinks span.pipe { color:#4c443d; font-size:14px; }

#mainFooterContainer { background-color:#4c443d; height:100px; }
	#mainFooterLogo {
		background:url(../images/footer_logo.gif) no-repeat top left;
		float:left;
		height:100px;
		width:200px;
		}
		#mainFooterLogo a, #mainFooterLogo a:visited, #mainFooterLogo a:hover { height:100px; width:200px; }
	#mainFooterText {
		color:#fff;
		float:left;
		font:14px Arial, Helvetica, sans-serif;
		padding-top:44px;
		text-align:center;
		width:760px;
		}
		#mainFooterText a, #mainFooterText a:visited, #mainFooterText a:hover {
			color:#fff;
			padding:0 5px;
			}

.homeText { border-top:1px solid #867d72; }
	.homeText p { color:#373737; font-size:12px; font-style:italic; padding:30px; }

/* Blog-specific */
#commentListing { padding:6px 5px; }
#commentListing p.noComments { font-style:italic; padding:10px 0; text-align:center; }
.blogCommentHdr {
	color:#b04e43;
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
	}
.commentForm { margin:0 auto; width:580px; }
.postCommentContainer .mainForm { font-weight:bold; width:560px; }
.postCommentContainer textarea.mainForm { height:120px; }
.commentFeld { padding-bottom:10px; }
.postCommentTextArea { overflow:auto; }
.postCommentCheckBox {
	color:#4c443d;
	float:left;
	font-size:14px;
	width:499px;
	}
.commentButton { float:left; width:81px; }

.comment { background:#bdb6ae url(../images/comment_bg.gif) repeat-y top left; margin-bottom:4px; overflow:auto; }
.commentName {
	color:#4c443d;
	float:left;
	font-size:12px;
	line-height:15px;
	padding:15px 0;
	text-align:center;
	width:76px;
	}
.commentComment {
	float:left;
	padding:20px 15px 10px;
	width:593px;
	}
	.commentComment p { font-size:14px; }

/* Studies */
.searchBoxContainer { padding:18px 0 18px 9px; overflow:auto; }
.searchBox {
	background:url(../images/search_box_bg.gif) no-repeat top left;
	float:left;
	height:171px;
	margin:0 9px 19px 0;
	padding-left:6px;
	width:335px;
	}
	.searchBoxHdr {
		color:#fff;
		font-size:20px;
		font-weight:bold;
		height:28px;
		padding:10px 0 0 8px;
		}
	.searchBoxContent {
		background-color:#fff;
		height:122px;
		overflow:auto;
		width:329px;
		}
		.searchBoxContent p { font-style:italic; padding:20px 4px; text-align:center; }
		.searchBoxContent ul { list-style-type:none; margin:0; padding:0; }
			.searchBoxContent ul li { padding:2px 6px; }
			.searchBoxContent ul li.odd { background-color:#dad3cb; }
				.searchBoxContent ul li a, .searchBoxContent ul li a:visited, .searchBoxContent ul li a:hover {
					color:#000;
					font-size:14px;
					}
.official {
	color:#373737;
	font-size:18px;
	line-height:1.5em;
	margin-left:3em;
	padding-bottom:10px;
	text-indent:-3em;
	}
	.official a, .official a:visited, .official a:hover {
		color:#373737;
		text-decoration:none;
		}
	.official span.officialJournal { font-style:italic; }
	.official h1 { padding:0; }

/* Event Specific */
.eventEntry {
	border-bottom:1px solid #867d72;
	margin-bottom:10px;
	}
	.eventEntry p { font-size:14px; }
	p.eventDetails { color:#554d45; font-size:12px; }
span.eventColorSm {
	margin-right:5px;
	padding:0 6px;
	}
div.eventColorBg {
	float:left;
	height:20px;
	margin-right:8px;
	top:-2px;
	width:20px;
	}
.eventColorKey {
	font-size:12px;
	}
a.eventKey, a.eventKey:visited, a.eventKey:hover {
	color:#fff;
	font-size:12px;
	margin-right:10px;
	}

/* Notify Form */
#notifyFormContainer {
	padding:20px;
	}
.notifyCheckBox { height:46px; }
	.notifyFieldCheckBox {
		float:left;
		width:25px;
		}
	.notifyCheckBox label {
		color:#373737;
		display:block;
		line-height:1.25em;
		float:left;
		font-size:12px;
		width:645px;
		}
.notifyFieldSet {
	height:50px;
	}
	.notifyFieldSet .notifyField {
		float:left;
		width:190px;
		}
		.notifyFieldSet .notifyField input.mainForm {
			width:160px;
			}
	.notifyFieldSet .notifyButton {
		float:left;
		width:100px;
		}
	p.required { margin:0; padding:0; font-size:12px; }
/* Contact Form Styles */
.contactUsForm { border-top:1px solid #e0e0e0; padding:20px; position:relative; }
.contactField, .contactFieldCheckbox { border-bottom:1px solid #e0e0e0; margin-bottom:4px; padding-bottom:4px; }
	.contactField label {
		color:#333;
		display:block;
		float:left;
		font-size:11px;
		font-weight:bold;
		padding:8px 0 0 0;
		width:79px;
		}
	.contactField input.mainForm { width:368px; }
	.contactField textarea.mainForm { height:110px; width:368px; }
	.contactButton { margin-left:80px; }
	.contactField textarea.contactAddress { height:40px; }
.contactFieldCheckbox { font-size:12px; padding:6px 80px 12px 0; }

/* Other Styles */
.mainDisclaimer {
	background-color:#dad3cb;
	color:#4c443d;
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	left:200px;
	padding:10px 20px;
	position:absolute;
	top:-20px;
	width:720px;
	}

.boxError {
	color:#fff;
	background:#763e38;
	font-size:14px;
	margin-bottom:10px;
	padding:15px;
	}
.boxError p, .boxError li { color:#fff; }
.boxMessage {
	color:#463b24;
	background:#fff1bb;
	font-size:14px;
	margin-bottom:10px;
	padding:15px;
	}

