/* Reset code - from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ I've removed the del, em, ins, strong, sup, sub, strke, s and :focus resets from Eric's code so these will use browser defaults*/

html, body, div, span, applet, object, iframe, h2, h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, font, img, kbd, q, samp, small, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
					{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body 				{ line-height: 1; color: black; background: white; }
ul 				{ list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table   			{ border-collapse: separate; border-spacing: 0; }
caption, th, td 	{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after 
					{ content: ""; }
blockquote, q 		{ quotes: "" ""; }

/* --------- [General CSS - fonts, headings, paragraphs, etc.] -------- */

body 				{ color: #333; font: .8em/1.4em Arial, Helvetica, sans-serif; behavior: url("/csshover3.htc"); }
h1, h2 				{ color: #161982; font: 1.6em georgia, serif; line-height: 1.1em; border-bottom: 1px dashed #161982; margin-bottom: .8em; 
padding: 10px 0 0; }
h3 					{ color: #161982; font: 1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; padding: .5em 0 .1em; line-height: 1.1em; font-weight: bold; }
h4 					{ font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 0; } /* used on conf page */
h5 					{ }
h6 					{ }
p 					{ padding: 0 0 .5em; }
p.emphasis, .emphasis
		 			{ font: bold 1em Verdana, Arial, Helvetica, sans-serif; }

/* ------- [Homepage - floated text next to images] --------- */

.homepageText 		{ width: 375px; float: left; }
.homepageText h3	{ padding-top: 0; }

/* ------- [Anchors - includes CSS for navigation] ---------- */

a:link, a:visited 	{ color: #3F4CAA; text-decoration: none; }
a:hover, a:active, a:link.sel, a:visited.sel, a:hover.sel, a:active.sel 
					{ border-bottom: 1px solid #161982; color: #161982; text-decoration: none; }
h2 a:link, h2 a:visited 	
					{ color: #161982; text-decoration: none; }
h2 a:hover, h2 a:active 
					{ border-bottom: none; color: #3F4CAA; text-decoration: none; }					
					
a.imageLink, a:visited.imageLink, a:hover.imageLink, a:active.imageLink 
					{ border: 0; padding: 0; }
a.teaserLink, .teaserLink
					{ font: 0.8em Verdana, Arial, Helvetica, sans-serif; }
a.teaserLink:link, a.teaserLink:visited 
					{ text-decoration: underline; }
a.teaserLink:hover, a.teaserLink:active 
					{ text-decoration: none; }
#adPane a:link, #adPane a:visited, #adPane a:hover, #adPane a:active 
					{ text-decoration: none; border-bottom: none; }

/* ------ [Images] -------- */

img 				{ border: 0; }
img.newsItemImage 	{ float: left; margin-bottom: 10px; margin-right: 20px; border: 3px solid #c8c8c8; }

/* ------- [Structural CSS] --------- */

html 				{ overflow-y: scroll; }
html, body, #container 
					{ height: 100%; margin: 0 auto; position: relative; /* width: 100%; */ } 
body 				{ background: #eee; } 
body > #container 	{ height: auto; min-height: 100%; } 
#container 			{ background: #fff; margin: 0 auto; width: 960px; }
#header 			{ background: #fff; margin: 0 auto; padding: 10px 0; width: 940px; }
p#mainLogo 			{ /* Use to position main logo */ clear: both; }
p#mainLogo img 		{ margin: 10px 0 0 0; }
#content 			{ border-bottom: 1px solid #fff; margin: 0 auto; padding: 0 10px 103px; /* the bottom padding of this div needs to be the same as the negative bottom margin on the footer div (see below) */ width: 940px; }

/* -------- [different body structure for subpages] ---------- */

#contentTop, #contentBottom 
					{ background: #fafafa url(/images/common/main_content_bg.gif) 0 top repeat-x; border-top: 3px solid #7C7DB8; 
float: right; min-height: 285px; width: 525px; }
#contentBottom 		{ padding-bottom: 10px; } 
.contentMain 		{ width: 485px; padding: 0 20px 20px; } 
#promoPane 			{ background: #e5e5e5; border-top: 3px solid #7C7DB8; float: right; margin-left: 10px; width: 205px; } 
#contentPane 		{ padding: 0 10px 20px; } 
#adPane 			{ border-top: 10px solid #fff; padding: 10px; background: #fff; }
img.pad10 			{ padding-bottom: 10px; }
a.topButton img 	{ border-bottom: none; float: right; margin-bottom: 10px; text-decoration: none; }


/* -------- [different width and margin for contentTopLeft on subpages, old from Authors site] -------- */

#contentTopWide 	{ /* This is used if the top content section is one paragraph taking up the available width */
					  border-top: 1px solid #fff; padding: 20px 10px 5px; width: 720px; }
#leftNavigation 	{ background: #eee; border-top:3px solid #7C7DB8; margin: 0 0 10px; width: 190px; }
#footer 			{ background: #e5e5e5; border-top:3px solid #7C7DB8; clear: both; height: 100px; margin: -103px auto 0; /* the negative margin needs to be the sum of the border, height and padding of the footer div. This needs to be the same as the bottom margin on the content div. */ overflow: hidden; position: relative; text-align: center; width: 940px; z-index: 10; }
p#groupLogos 		{ }

/* -------- [Navigation CSS - anchor information is above] ---------- */

/* -------- [Top Navigation] -------- */

#topNav 			{ font-weight: bold; position: absolute; right: 10px; top: 18px; }
#topNav li 			{ display: inline; padding: 0 0 0 10px; }
#topNav li a		{ font-size: 95%; }
#footerNav li		{ font-size: 98%; }
#footerNav li a		{ font-size: 100%; }
#topNav li a:link, #topNav li a:visited, 
#footerNav li a:link, #footerNav li a:visited 
					{ color: #333; text-decoration: none; }
#topNav li a:hover, #topNav li a:active, 
#footerNav li a:hover, #footerNav li a:active 
					{ border-bottom: 1px solid #333; color: #333; text-decoration: none; }

/* ------- [Top buttons - quick links] ------- */

#journalsBySubject 	{ background: #fff url(/images/common/button_noarrow_large.gif) 0 top no-repeat; color: #6675CB; font: 1.2em georgia, serif; height: 49px; padding: 15px 0 0 30px; position: absolute; right: 180px; top: 80px; width: 180px; }
#journalsAZ 		{ background: #fff url(/images/common/button_noarrow_small.gif) 0 top no-repeat; color: #6675CB; font: 1.2em georgia, serif; height: 49px; padding: 15px 0 0 30px; position: absolute; right: 5px; top: 80px; width: 130px; }
#journalsBySubject a:link, #journalsBySubject a:visited, #journalsAZ a:link, #journalsAZ a:visited 
					{ }
#journalsBySubject a:hover, #journalsBySubject a:active, #journalsAZ a:hover, #journalsAZ a:active 
					{ border-bottom: none; text-decoration: none; }


/* ------- [Breadcrumbs] ------- */

p.bread 			{ background: #cdcdcd; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font: bold 0.9em/1.4em Arial, Helvetica, sans-serif; min-height: 1.4em; /* height: 1.4em; */ padding: 6px 20px; }
.capitalize 		{ }
.normal 			{ font-weight: normal; }

/* -------- [Main Navigation] --------- */

p#browse 			{ background: #cdcdcd; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font: 1.2em/1.2em georgia, serif; min-height: 1.2em; padding: 5px 0; text-align: center; /*color: #1D2289;*/ }
ul#mainNavigation 	{ }
ul.secondLevelLinks li a:link 
					{ background: #e5e5e5 url(/images/common/arrow_right.gif) 0 2px no-repeat; color: #161982; display: block; padding: 0 0 0 30px; }
ul.secondLevelLinks li a:visited 
					{ background: #e5e5e5 url(/images/common/arrow_right.gif) 0 2px no-repeat; color: #161982; display: block;
padding: 0 0 0 30px; }
ul.secondLevelLinks li a:hover 
					{ background: #ACB5E5 url(/images/common/arrow_right.gif) 0 2px no-repeat; color: #161982; border: 0; display: block; }
ul.secondLevelLinks li a:active 
					{ background: #ACB5E5 url(/images/common/arrow_right.gif) 0 2px no-repeat; color: #161982; display: block; font-weight: bold; }

a.topLevelLinks 	{ background: #e5e5e5 url(/images/common/menu_nav_bg.jpg) 0 top repeat-x; border-bottom: 1px solid #fff; color: #fff; display: block; font-style: normal; padding: 1px 5px; }
a:visited.topLevelLinks 
					{ color: #fff; display: block; }
a:hover.topLevelLinks 
					{ background: #ACB5E5 url(/images/common/arrow_down.gif) 170px 2px no-repeat; color: #161982; display: block; }
a:active.topLevelLinks 
					{ background: #ACB5E5 url(/images/common/arrow_down.gif) 170px 2px no-repeat; color: #161982; display: block; font-weight: bold; }
ul.oneLevelNavigation li 
					{ background: #e5e5e5 url(/images/common/menu_nav_bg.jpg) 0 top repeat-x; border-bottom: 1px solid #fff; color: #fff; display: block; font-style: normal; }
ul.oneLevelNavigation a 
					{ padding: 1px 0; }
ul.oneLevelNavigation li a:link 
					{ border: 0; color: #fff; display: block; padding-left: 5px; }
ul.oneLevelNavigation li a:visited 
					{ border: 0; color: #fff; display: block; padding-left: 5px; }
ul.oneLevelNavigation li a:hover 
					{ background: #ACB5E5; border: 0; color: #161982; display: block; }
ul.oneLevelNavigation li a:active 
					{ border: 0; color: #161982; display: block; font-weight: bold; }

/* -------- [Footer Navigation] -------- */

#footerNav 			{ border-bottom: 1px dashed #b4b4b4; border-top: 1px solid #fff; font: 0.9em Verdana, Arial, Helvetica, sans-serif; margin: 0 10px; padding: 5px 0 10px; }
#footerNav li 		{ border-right: 1px solid #b4b4b4; display: inline; padding: 0 5px; }
#footerNav li.noBorder 
					{ border: 0; }

/* --------- [Set active links] --------- */

/* --------- [Active header and footer links] ---------- */
#home .homeNav, #about .aboutNav, #contact .contactNav 
					{ text-decoration: none; border-bottom: 1px solid #333; color: #333; }
					
/* --------- [Left hand side navigation - active top level links] ----------- */

#journals .journalsNav, #cfp .cfpNav, #freeSample .freeSampleNav, #expertInterviews .expertInterviewsNav, #hotTopicArticles .hotTopicArticlesNav, #audioclips .audioclipsNav, #conferences .conferencesNav, #societies .societiesNav, #educContact .educContactNav 
					{ color: #161982; background: #ACB5E5 0 top no-repeat; font-weight: bold; border: 0; cursor: pointer; }
								
/* --------- [Left hand side navigation - active sub level links] ----------- */

#latestNews .latestNewsNav, #newTitles .newTitlesNav,  #specialOffers .specialOffersNav, #specialIssues .specialIssuesNav, #virtualIssues .virtualIssuesNav, #europa .europaNav,
#freeForAll .freeForAllNav, #classof2010 .classof2010Nav, #classof2011 .classof2011Nav, #topCited .topCitedNav, #edArenaBulletin .edArenaBulletinNav, #contentAlerts .contentAlertsNav, #eUpdates .eUpdatesNav
					{ font-weight: bold; background: #ACB5E5 url(/images/common/arrow_right2.gif) 0 top no-repeat; border: 0; cursor: pointer; }

/* --------- [Right hand side subnavigation - active links] ---------- */					
#interview14 .interview14Nav, #interview13 .interview13Nav, #interview12 .interview12Nav,
#interview11 .interview11Nav, #interview10 .interview10Nav, #interview9 .interview9Nav, #interview8 .interview8Nav, #interview7 .interview7Nav, #interview6 .interview6Nav, #interview5 .interview5Nav, #interview4 .interview4Nav, #interview3 .interview3Nav, #interview2 .interview2Nav, #interview1 .interview1Nav, /* these are old pages that have now been redirected to interview categories below, i.e int 14 is now in int cat 2, called 'cjeh.asp'*/ 
#interviewcategory14 .interviewcategory14Nav, #interviewcategory13 .interviewcategory13Nav, #interviewcategory12 .interviewcategory12Nav, #interviewcategory11 .interviewcategory11Nav, #interviewcategory10 .interviewcategory10Nav, #interviewcategory9 .interviewcategory9Nav, #interviewcategory8 .interviewcategory8Nav, #interviewcategory7 .interviewcategory7Nav, #interviewcategory6 .interviewcategory6Nav, #interviewcategory5 .interviewcategory5Nav, #interviewcategory4 .interviewcategory4Nav, #interviewcategory3 .interviewcategory3Nav, #interviewcategory2 .interviewcategory2Nav, #interviewcategory1 .interviewcategory1Nav,
#hotTopicJan .hotTopicJanNav, #hotTopicFeb .hotTopicFebNav, #hotTopicMar .hotTopicMarNav, #hotTopicApr .hotTopicAprNav, #hotTopicMay .hotTopicMayNav, #hotTopicJune .hotTopicJuneNav, #hotTopicJuly .hotTopicJulyNav, #hotTopicAug .hotTopicAugNav, #hotTopicSept .hotTopicSeptNav, #hotTopicOct .hotTopicOctNav, #hotTopicNov .hotTopicNovNav, #hotTopicDec .hotTopicDecNav,
/*#cluster1 .cluster1Nav, #cluster2 .cluster2Nav, #cluster3 .cluster3Nav, #cluster4 .cluster4Nav, #cluster5 .cluster5Nav, 
#cluster6 .cluster6Nav, #cluster7 .cluster7Nav, #cluster8 .cluster8Nav, #cluster9 .cluster9Nav, #cluster10 .cluster10Nav, 
#cluster11 .cluster11Nav, #cluster12 .cluster12Nav, #cluster13 .cluster13Nav, #cluster14 .cluster14Nav, #cluster15 .cluster15Nav, #cluster16 .cluster16Nav, #cluster17 .cluster17Nav, #cluster18 .cluster18Nav, #cluster19 .cluster19Nav, #cluster20 .cluster20Nav, #cluster21 .cluster21Nav, #cluster22 .cluster22Nav, #cluster23 .cluster23Nav, #cluster24 .cluster24Nav, #cluster25 .cluster25Nav, #cluster26 .cluster26Nav, #cluster27 .cluster27Nav, #cluster28 .cluster28Nav, #cluster29 .cluster29Nav, #cluster30 .cluster30Nav, #cluster31 .cluster31Nav,*/
#july .julyNav, #august .augustNav, #september .septemberNav, #october .octoberNav, #november .novemberNav, 
#december .decemberNav, /* 2011 conferences*/ #january .januaryNav, #february .februaryNav, #march .marchNav, #april .aprilNav, 
#may .mayNav, #june .juneNav,
#societiesA .societiesANav, #societiesBC .societiesBCNav, #societiesDF .societiesDFNav, #societiesGI .societiesGINav, 
#societiesJL .societiesJLNav, #societiesMO .societiesMONav, #societiesPR .societiesPRNav, #societiesSZ .societiesSZNav,
#issue19 .issue19Nav,
#classof2010 .classof2010subNav, #classof2011 .classof2011subNav,
#virtualIssues .virtualIssuesSubNav, #campaignVirtualIssues .campaignVirtualIssuesSubNav
					{ border-bottom: 1px solid #161982; color: #161982; text-decoration: none; }


/* --------- [Search box CSS] --------- */

#headerSearch 		{ border-bottom: 1px dashed #b4b4b4; height: 42px; }
#leftBlock 			{ background: #fff url(/images/common/search_bg_left.gif) left top no-repeat; float: left; height: 36px; width: 10px; }
#rightBlock 		{ background: #eee url(/images/common/search_bg_right.gif) right top no-repeat; height: 36px; float: left; width: 10px; }
#cse-search-box 	{ background: #eee; float: left; height: 24px; padding: 6px 0; }
#searchForm .rollover 
					{ background: url(/images/common/go_button.gif) left center no-repeat; border: 0; color: #fff; cursor: pointer; height: 24px; width: 35px; }
#searchForm .rollover:hover 
					{ background: url(/images/common/go_button_rollover.gif) left center no-repeat; color: #fff; }

/* --------- [Miscellaneous classes] ---------- */

.left				{ float: left; margin: 0 10px 10px 0; }
.right				{ float: right; margin: 0 0 10px 10px; }
.clear 				{ clear: both; }
.topBorder 			{ display: block; border-top: 1px dashed #999/*solid #cdcdcd*/; padding-top: 20px; }	
.topBorderTwo		{ display: block; border-top: 1px dashed #999; padding-top: 10px; } /* used for right hand sub-nav only and bottom note on the contact page */
.homeBorder 		{ border-top: 1px solid #fff; }
.hidden 			{ /* hide links - which only need to be available to people browsing with style turned off */ display: none; }
.generalList 		{ list-style: disc; margin: 0 0 10px 10px; padding-left: 10px; }
.orderedlist 		{ list-style: decimal; margin: 0 0 10px 10px; padding-left: 10px; }

.generalListNodisc  { list-style: none; margin: 0 0 0 10px; padding-left: 10px; }
.smallFont 			{ font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; color: #666; }
.largeImg			{ border: 2px solid #c8c8c8; padding: 1px; margin-bottom: 10px; }
.redNote 			{ color: red; } /* temp selector used for my comments for Ed team */
.greyed, li.greyed	{ color: #666; }

/* -------- [clear fix - this is for the sticky footer. see www.cssstickyfooter.com/ for more info] --------- */
.clearfix:after 	{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } 
.clearfix 			{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix 	{ height: 1%; }
.clearfix 			{ display: block; }
/* End hide from IE-mac */

/* -------- [Form] ------- */
form p 				{ clear: left; }
label 				{ display: block; float: left; width: 170px; margin-right: 1em; text-align: right; }
input, textarea, select 
					{ width: 200px; border: 1px solid #ccc; background: #fff; }
.submitButton 		{ text-align: center; width: 130px; border: 2px solid #ccc; background: #6675CB; margin-left: 35px; padding: 2px; color: #fff; }
.submitButton:link 	{ background: #6675CB; }
.submitButton:hover { background: #32359E; }

/* -------- [Interview page] ------- */
#interviewHeading, .interviewQA
				 	{ width: 485px; background: #cdcdcd; border-bottom: 1px solid #fff; float: left; }
.interviewQA		{ background: #e5e5e5; border-top: 3px solid #7C7DB8; }
.Q					{ display: block; width: 329px; padding: 5px 10px; float: left; border-right: 1px solid #fff; }
.A					{ display: block; width: 115px; padding: 5px 10px; float: left; }

/* -------- [Conference page] ------- */
.confBox, #confBoxHead
			 		{ width: 485px; border-bottom: 1px dashed #999; float: left; }
#confBoxHead		{ border-bottom: 3px solid #7C7DB8; }				
.boxLeft			{ display: block; width: 340px; padding: 10px 5px; float: left; }
.boxRight			{ display: block; width: 125px; padding: 10px 5px; float: left; text-align: right; }
.date 				{ font-family: Arial, Verdana; font-size: 0.8em; line-height: 1.5em; margin: 0; text-transform: uppercase; font-weight: bold; }

/* -------- [ Journal cover images - cropping technique] -------*/
.crop 				{ float: left; margin: 0 20px 8px 0; overflow: hidden; /* this is important */ position: relative; /* this is important too */ border: 3px solid #ccc; width: 84px; height: 80px; }
.crop img			{ position: absolute; top: -5px; left: -13px; }

#searchResult #contentTop
					{ width: 730px; }
#searchResult .contentMain
					{ width:690px; }
					
/* -------- [ Prize draw ] -------*/
.white				{ color: #fff; }
a.white:link, a.white:visited
					{ color: #fff; }
a.white:hover, a.white:active 
					{ color: #b6beea; border-bottom: 1px solid #b6beea; }	
#prizeDraw			{ margin: 15px 0 5px 0; background:#5c6cc3; padding: 5px; color: #fff; }			
#prizeDraw h3, #prizeDraw p		
					{ color: #fff; }

/* -------- [ Survey ] -------*/
#survey				{ background: #561212; padding: 5px; }

/* -------- [ Social networking logos ] -------*/
a.networkingLogo img { background: #f1f1f1; border: 1px solid #e3e3e3; padding: 3px; -moz-border-radius: .3em; -webkit-border-radius: .3em; 		
					   border-radius: .3em; }
a.networkingLogo:hover img { background: #ccc; border: 1px solid #ccc; }

/* ------- [Lannette's Education campaign] --------*/
ul.downloads li.left, ul.downloads li.right
					{ margin: 0; }
ul.downloads li a 	{ display: block; float: left; width: 233px; height: 270px; text-decoration: none; -moz-border-radius: .3em; -webkit-border-radius: .3em; 		
					  border-radius: .3em; border: 1px solid #e3e3e3; background: #f1f1f1; position: relative; overflow: hidden; }
ul.downloads li a:hover 
					{ border: 1px solid #5666bd; background: #5c6cc3/*#B57CB2*/; }
ul.downloads li a span 
					{ display: block; padding: 10px 15px 10px 15px; line-height: auto; }
ul.downloads li a img 
					{ display: block; width: 103%; height: auto; position: relative; right: 1.5%; border: 0; -ms-interpolation-mode: bicubic; }
ul.downloads li a strong 
					{ display: block; clear: left; float: left; width: 100%; padding: 6px 0; line-height: 1.2em; color: #333; }
ul.downloads li a em 
					{ display: block; clear: left; float: left; width: 100%; font-style: normal; padding-bottom: 15px; color: #666; }
ul.downloads li a:hover em, ul.downloads li a:hover strong 
					{ color: #fff; }
#referenceWorks ul.downloads li a
					{ height: 200px; }
					
/* class of 2011 adjustment */
					
ul.downloads2011 li.left, ul.downloads2011 li.right
					{ margin: 0; }
ul.downloads2011 li a 	{ display: block; float: left; width: 233px; height: 220px; text-decoration: none; -moz-border-radius: .3em; -webkit-border-radius: .3em; 		
					  border-radius: .3em; border: 1px solid #e3e3e3; background: #f1f1f1; position: relative; overflow: hidden; }
ul.downloads2011 li a:hover 
					{ border: 1px solid #5666bd; background: #5c6cc3/*#B57CB2*/; }
ul.downloads2011 li a span 
					{ display: block; padding: 10px 15px 10px 15px; line-height: auto; }
ul.downloads2011 li a img 
					{ display: block; width: 103%; height: auto; position: relative; right: 1.5%; border: 0; -ms-interpolation-mode: bicubic; }
ul.downloads2011 li a strong 
					{ display: block; clear: left; float: left; width: 100%; padding: 6px 0; line-height: 1.2em; color: #333; }
ul.downloads2011 li a em 
					{ display: block; clear: left; float: left; width: 100%; font-style: normal; padding-bottom: 15px; color: #666; }
ul.downloads2011 li a:hover em, ul.downloads2011 li a:hover strong 
					{ color: #fff; }