/* Global Reset *******************************************************************************************************/
* { margin: 0; padding: 0;}

html { height:100.1%; overflow-y:scroll; overflow: -moz-scrollbars-vertical; } 

/* body ***************************************************************************************************************/
body { font-size: 62.5%; /* for ems */  background:url(images/bg.jpg) no-repeat #fff center top; }

#wrapper { text-align: left; margin-left: auto; margin-right: auto; width: 900px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*background: url(images/bgMenu.jpg) repeat-y;*/ } 

/* Search box *********************************************************************************************************/ 
#searchbar { height: 33px; background-image: url(images/searchbar2.jpg);}
#searchbar ul { list-style: none; margin: 0; padding-top: 4px;}
#searchbar li { display: inline; padding-right: 8px;}
#searchbar li a:link, #searchbar a:visited { font-weight: bold; font-size: 1em; color: #fff; text-decoration: none;}
#searchbar a:hover { color: #fff; text-decoration: underline; }
#searchbar form {float:right; height: 26px; width: 230px; border: solid 1px #aaa; background:#fff; margin-top: -15px;}
#searchbar-query { float:left; border:none; padding: 8px 0 0 5px; margin: 0px; width: 190px; font-size: 1.2em; background: #fff; color: #999;}
/*#searchbar-query { float:left; margin: 5px 3px 0 2px; width: 210px; height: 25px; border:none; font-size: 1.3em; background: red; padding: 0px;}*/
#searchbar-submit { float:right; width: 28px; height: 32px; background: url(images/search_button.png) no-repeat top right transparent; border: none; cursor:pointer; }
/* Header *********************************************************************************************************/
#header { height: 72px; background-image: url(images/pagetop.jpg); } 
/* #header a, #header a:visited { text-decoration: none; color: #000; }*/
/* #header span { display: none; position: absolute; }*/
/* #header a:hover span { display: block; }*/
/* #header span { no-repeat; width: 59px; height: 24px; top: 67px; left: 304px; background: url(images/home.gif)}*/
img.logo { margin-top: 0; border: 0px; float: left;}
p.tagline { float: right; margin: 17px 20px 0 0; font-size: 1.6em; font-weight: bold; color: #fff;}

/* navigation main ************************************************************************************************/
#nav { width: 100%; margin-top: 0; background: #3399cc; text-align: center; float: right; font-weight: bold;}
#nav ul { margin: 0; padding-top: 3px; font-size: 1.4em; float: left; list-style-type: none;} 
#nav li { margin: 0; padding: 3px 8px 3px 0; float: left; width: 172px; color: #fff; }
#nav li a { color: #fff; text-decoration: none; }
#nav li a:hover, li#selected { text-decoration: underline; }

.sel_mem { background: url(images/members.gif) #3399cc no-repeat center top; }/* displays back ground for which ever page */
.sel_tech { background: url(images/technical.gif) #3399cc no-repeat; }
.sel_randd { background: url(images/randd.gif) #3399cc no-repeat; }
.sel_know { background: url(images/knowledge.gif) #3399cc no-repeat; } 
.sel_about { background: url(images/about.gif) #3399cc no-repeat; } 

/* Left menu  *******************************************************************************************************/
#left_menu { width: 172px; float: left; margin: 20px 15px 15px 0; background: #fff}
#left_menu_fla { width: 172px; float: left; margin: 10px 15px 15px 0; background: #fff}
#left_menu_pubs { width: 172px; float: left; margin: 10px 15px 15px 0; background: #fff}

#menu { width: 172px; float: left; border-right: 1px solid #cccccc; }
#menu a { font-size: 1.2em; display: block; padding: 0.4em 0 0.4em 2em; color: #666666; text-decoration: none; border-bottom: 1px solid #cccccc;}
#menu ul { list-style-type: none;}
#menu li { margin: 0; background: #fff url(images/menu_icon.gif) no-repeat;}/* main list item*/

#menu ul.menu_mem a:hover { background: #99ccff url(images/menu_icon_memb.gif) no-repeat; color: #336699; }/* main roll over */
#menu ul.menu_tech a:hover { background: #ffcc99 url(images/menu_icon_tech.gif) no-repeat; color: #cc6600;}
#menu ul.menu_randd a:hover { background: #cc99ff url(images/menu_icon_randd.gif) no-repeat; color: #663399;}
#menu ul.menu_know a:hover { background: #ff9999 url(images/menu_icon_know.gif) no-repeat; color: #993333;}
#menu ul.menu_about a:hover { background: #99cc99 url(images/menu_icon_about.gif) no-repeat; color: #006600;}
#menu ul.menu_sect a:hover { background: #99ffff url(images/menu_icon_sect.gif) no-repeat; color: #339999;}

#menu ul ul.menu_tech a:hover { background: none; color: #cc6600; text-decoration: underline;}/*submenu rollover */
#menu li li { font-size: 0.8em; padding: 0 0 0 6px; background: none;}/*submenu listitem */

/* Sub menu highlight - *******/
#menu #current_tech a {background: #ffcc99 url(images/menu_icon_tech.gif) no-repeat; color: #cc6600;}/*services current highlighted submenu */
#menu #current_about a {background: #99cc99 url(images/menu_icon_about.gif) no-repeat; color: #006600;}/*about !NOW NEWS!current highlighted submenu */
#menu #current_know a {background: #ff9999 url(images/menu_icon_know.gif) no-repeat; color: #993333;}/*training current highlighted submenu */
#menu #current_sect a {background: #99ffff url(images/menu_icon_sect.gif) no-repeat; color: #339999;}/*training current highlighted submenu */
#menu #current_mem a {background: #99ccff url(images/menu_icon_memb.gif) no-repeat; color: #336699;}/*membership current highlighted submenu */

#search_box { width: 172px; float: left; margin: 5px 1px 0 0; border : 1px solid #fff; background: #e88a8c; }


/* Content  *******************************************************************************************************/ 
#content { width: auto; float: left; margin: 10px 0 10px 0; background: #fff;}
#content_full { width: 890px; float: left; margin: 10px 0 10px 0; background: #fff;}
#content_right { width: 650px; margin: 0 0 10px 0; float: left; background: #fff;}
#content_train { width: 710px; margin: 20px 0 10px 0; float: left; background: #fff;}

#content a:link.serv, #content a:visited.serv { color: #cc6600; text-decoration: underline; }
#content a:active.serv, #content a:hover.serv { color: #000; text-decoration: none; }

#content a:link.randd, #content a:visited.randd { color: #663399; text-decoration: none; }
#content a:active.randd, #content a:hover.randd { color: #cc6699; text-decoration: none; }

#content td.border { border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0; padding: 0px 3px; margin-left: 0px; vertical-align:text-top;}
#content td.border1 {vertical-align:text-top;} /*for materials database*/

#content td.set { width: 15%; } /*to set width for RSS table widths - temporary will need to be replaced (VJJ)*/

#content p.shade { padding: 8px; background-color: #e5e5e5; margin-right: 100px;}

/***for blog central*******/
#blog_left { float:left; width: 635px; padding-right: 5px; background-color:#fff;}
#blog_right { float: right; width: 240px; margin-left: 10px; background-color:#fff;;}
#blog_left ul.main { font-size: 1.2em; list-style: disc; margin: -10px 0 0 15px; padding: 15px 0 0 15px; color: #2d2d2d; }
#blog_left li.main { margin: 10px 0 0 0; line-height: 1.7em; }


#blog_right a:link, #blog_right a:visited { color: #008000; }
#blog_right a:active, #blog_right a:hover { color: #0033cc; text-decoration: none;}

/***main box style*******/
.main_box { width: 500px; margin: 0 0 10px 0; height: 100%; float: left; background: #fff; }
.main_box ul { font-size: 1.2em; list-style: disc; margin: -10px 0 0 15px; padding: 15px 0 0 15px; color: #2d2d2d; }
.main_box li { margin: 10px 0 0 0; line-height: 1.7em; }
.main_box1 ul { font-size: 1.2em; margin: 0 0 0 15px; padding: 15px 0 0 15px; }
.main_box1 li { margin: 10px 0 0 -15px; line-height: 1.7em; list-style: none; }

.main_box ul.job {margin: 0px; padding: 0 0 0 5px; }
.main_box li.job {margin: 15px 0 0 25px;}
.main_box li.job1 {list-style: none; padding: 0px; margin: 20px 0 0 0px;}


/* indent for newspage PT 05/03/10*************/
.news_page li { margin-left: 180px; }

/* main box style for micro_id PT 18/02/10*************/
.main_box_micro_id { width: 450px; margin: 20px 0 10px 10px; float: left; background: #fff; }

/* #right_side_pubs { width: 235px; margin: 20px 0 10px 10px; float: right;  padding: 0; }**/
.main_box_pubs { width: 635px; margin: 0 0 10px 0; height: 100%; float: left; background: #fff; }

/* Content 2 for case study pages********************************************************************/
#case_left { margin: 10px 0 0 10px; width: 510px; float: left; background: #fff; }
#case_right { margin: 10px 10px 0 0; width: 344px; float: right; background: #fff; }

#case-items { float: right; width: 340px; font:normal small Trebuchet MS, Arial, Helvetica, sans-serif; }
#case-items h3 { width:320px; height:32px; background:#5a5a5a url(../case/images/case_bgrd.gif); font-size:1.2em; color:#fff; padding:12px 0 0 10px; }

#case-items li { border-bottom:1px solid #5a5a5a; padding:5px 10px; font-size:1.1em; background:#5a5a5a url(../case/images/arrow.jpg) no-repeat #fff right top;}
#case-items li:hover { background:#efefef; }

/* People content - added from w3 start 22/07/09**/
#mainbox_people { width: auto; margin: 0 0 10px 0; height: 100%; background: #fff; float:left;}
.people_img { border: 0; padding-top: 10px; }
#mainbox_people p { font-size: 1em; padding: 3px 0px 10px 0px; text-align: center; }
.people_table { width: 705px; border: 1px; }
.p2 { background-color: #fff; }
.tdTop { background-image: url(../campdenbri/images/org_top1.gif); background-repeat:no-repeat; background-position:bottom center; }
.tdLine { background-image: url(../campdenbri/images/org_line.gif); background-repeat:repeat-y; background-position:top center; }
#mainbox_people td { width: 150px;}
br.c5 { clear: both; }
tr.c2 { height: 40px; }

/* boxes for landing page menus VJJ added 12/10/09*****************************************************************************/ 
#area { margin: 10px 0 0 0; width: 712px;  padding: 0; }
#area hr { height: 1px; color: #cccccc; }

#area_one { margin: 0 5px 0 0; width: 340px; height: 260px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom; border: solid 1px #cccccc;}

#area_two { width: 340px; height: 260px; float: right; background: #fff url(images/grey_gradient.jpg) repeat-x bottom; border: solid 1px #cccccc;}

#area_three { margin: 10px 5px 0 0px; width: 340px; height: 310px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom; border: solid 1px #cccccc;}

#area_four { margin: 10px 0 0 0; width: 340px; height: 310px; float: right; background: #fff url(images/grey_gradient.jpg) repeat-x bottom; border: solid 1px #cccccc;}

#area ul { list-style-type: square; }
#area li { font-size: 1.2em; line-height: 1.6em; margin: 0 10px 0 20px;}

/* content boxes for case study menu page PT May 2010**************************/
.case { margin: 0px 14px 15px 0; width: 340px; height: 150px; float: left; background: #fff url(images/grey_gradient.jpg) repeat-x bottom; border: solid 1px #cccccc;}
.fbody { margin: 0px 14px 15px 0; width: 500px; height: 240px; float: left;}
/* end content for landing page menus ****************************************************************************************/

/* content area for Campden Day mini-site pages*************************************************************************/
#day_box1 {width: 600px; float: left; background: #fff; border-bottom:1px solid #cdcdcd; }
#day_box2 {width: 290px; float: right; background: #ffffcc; margin-top: 10px;}
#day_box3 {width: 290px; float: left; background: #fff; margin-right:10px;}
#day_box4 {width: 290px; float: left; background: #fff;}
#day_box5 {width: 590px; float: left; background: #fff; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}

/* content area for research project mini-site pages sites in content div **********************************************/
.research_left {width: 172px; float: left; background: #fff;}
.research_content {width: 530px; float: left; background: #fff; margin-left:10px;}
.research_content ul { font-size: 1.2em; list-style: disc; margin: -10px 0 0 15px; padding: 15px 0 0 15px; color: #2d2d2d; }
.research_content li { margin: 10px 0 0 0; line-height: 1.7em; }
.research_content1 {width: 740px; float: left; background: #fff; margin-left:0px;}
.research_content_car {width: 280px; float: left; background: #fff;}
.research_content_vid {width: 240px; float: right; background: #fff;}
.research_right {width: 150px; float: right; background: #fff;}
/***ul and li stying for rapid food test carousel styling*******/

#sub_serv { width: 730px; margin: 10px 5px 10px 0; float: left; background:#fff;}
#sub_serv_menu { width: 160px; height: 420px; margin: 10px 0 10px 0; float: right; background:url(../images/food-analysis-menu1.jpg) no-repeat #fff center top; /* for IE filter:alpha(opacity=60);*//* CSS3 standard opacity:0.6;*/}

/***mostly for training events*******/
.event { width: auto; margin: 0 0 15px 0; padding: 1px; background: #f2dfc2; }
.event a:link.more, .event a:visited.more { color:  #663333; text-decoration: none; }
.event a:hover.more { color: #000066; text-decoration: none;  }

.request_report {border:0; outline:none; padding:15px 0 0 0px; float:right;}/**DF Request research report image link 01/10/09 end *******/
.request_report_pubs {border:0; outline:none; padding: 10px 0 5px 0px; float:left;}/**PT change of style for pubs news page 30/04/10 end *******/

img.info1 { float: right; margin: -22px 0 10px 0; padding: 0 5px 0 5px; border: none; background: #fff; }
/* Training section index pages - DJF start 24/08/09 end *******/
img.info2 { float: right; margin: -22px 0 10px 0; padding: 0 5px 0 5px; border: none; background: #f2dfc2; }

/***text box style for full width without right side information box*******/
.text_box { width: 690px; float: right; margin-bottom: 10px;}
.text_box ul { font-size: 1.2em; list-style: disc; margin: -10px 0 0 15px; padding: 15px 0 0 15px; color: #2d2d2d; }
.text_box li { margin: 10px 0 0 0; line-height: 1.7em; }
.text_box form { font-size: 1.2em; line-height: 2.5em;}
.text_box_pubs { width: 712px; float: right; margin-bottom: 10px;}

/***style for pubs search banner PJT 11/10/11 *******/
.pub_search { width: 696px; height: 19px; padding: 8px; background: url(images/search.png) no-repeat; }


/***seminar content styling *******/
#header_box { width:700px; padding:10px 0 5px 0; border-bottom: #99cc66 2px solid; }
#sub_box { width: 350px; margin: 10px 5px 10px 0; float: left; }
#sub_box_text { width: 700px; margin: 10px 5px 10px 0; float: left; background: #fff;}
#sub_menu { width: 350px; margin: 0 0 10px 5px; float: right; background: #fff; }

#sub_box_ntb { width: 500px; margin: 10px 5px 10px 0; float: left; background: #f1eefa; background-position: top; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0;}
#sub_menu_ntb { width: 200px; margin: 0 0 10px 5px; float: right; }

/***submenuCase studies **/
#sub_box_case { width: 580px; margin: 10px 5px 10px 0px; float: left; background: #fff; background-position: top; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0;}
#sub_menu_case { width: 310px; margin: 0 0 10px 0px; float: right; }

/***submenuTechnical **/
#sub_box_tech { width: 330px; margin: 0 5px 10px 0; float: left; background: #fff; }
#sub_menu_tech { width: 360px; margin: 0 0 10px 10px; float: right; background: #fff; }

/***subboxVideos **/
#sub_box_video { width: 330px; margin: 0px 20px 10px 0px; float: left; background: #fff; }
#sub_box_two_video { width: 330px; margin: 0px 0px 10px 0px; float: right; background: #fff; }

/***submenu micro_id **/
#sub_box_micro_id { width: 330px; margin: 0 5px 10px 0; float: left; background: #fff; }
#sub_menu_micro_id { width: 360px; margin: 0 0 10px 10px; float: right; background: #fff; }

#left_menu img {border:none;}
#sub_box_text img {border:none;}

/***SUBMENUS***/
/***these are to hold the graphics for the menus VJJ 17/07/09*******/
#submenu_list { list-style-type: none; margin-top: 10px; float: right; }
#submenu_list li { width: 350px; height: 100px; }
#submenu_list li a { text-decoration: none; color: #336699; }

/***these are to hold the graphics for the NTB menus VJJ 15/02/10*******/
#submenu_list_ntb { list-style-type: none; margin-top: 8px; float: left; width: 200px;}
#submenu_list_ntb li { height: 85px; }
#submenu_list_ntb li a { color: #38a338; }

.sub_update { background: url(../images/updates1.jpg) no-repeat; }
.sub_publication { background: url(../images/newtechpub.jpg) no-repeat; }
.sub_podcast { background: url(../images/podcast.jpg) no-repeat; }
.sub_ser { background: url(../images/services.jpg) no-repeat; }
.sub_events { background: url(../images/events.jpg) no-repeat; }
.sub_forum { background: url(../images/forum.jpg) no-repeat; } 
.sub_history { background: url(../images/history.jpg) no-repeat; }

/***these are to hold the graphics for the CASE STUDY menus *******/
#submenu_list_case { list-style-type: none; margin-top: 10px; }
#submenu_list_case li { height: 112px; }
#submenu_list_case li a { color:#fff; }

.sub_paper { background: url(../images/case_whitepaper.jpg) no-repeat; }
.sub_service { background: url(../images/case_services.jpg) no-repeat; }
.sub_course { background: url(../images/case_courses.jpg) no-repeat; } 
.sub_pub { background: url(../images/case_book.jpg) no-repeat; }
.sub_enquiry { background: url(../images/case_enquiry.jpg) no-repeat; }
.sub_email { background: url(../images/case_email.jpg) no-repeat; }

h2.submenu_case {padding: 20px 0 0 86px; font-size: 2em; font-weight: lighter;}

/***these are to hold the graphics for the news buttons menus PT 29/07/10 *******/
#news_right { list-style-type: none; margin-top: 10px; }
#news_right li { height: 70px; }

h2.news_right {padding: 20px 5px 0 65px; font-size: 1.2em; font-weight: lighter; line-height:20px;}
img.news_right { margin: 10px 2px 0px 5px; border: 0px; padding: 1px; float: left; }

/***these are to hold the graphics for the SERVICES menu *******/
#submenu_list_tech { list-style-type: none; margin-top: 10px; }
#submenu_list_tech li { width: 365px; height: 125px;}
#submenu_list_tech li a { text-decoration: none; color:#4b2b02; }
#submenu_list_tech li a:hover { text-decoration: none; color: #FFF;}

.sub_tech1 { background: url(images/analysis-testing.jpg) no-repeat; }
.sub_tech2 { background: url(images/food_manufacturing.jpg) no-repeat; }
.sub_tech3 { background: url(images/food-safety.jpg) no-repeat; }
.sub_tech4 { background: url(images/raw-materials.jpg) no-repeat; } 
.sub_tech5 { background: url(images/consumer-issues.jpg) no-repeat; }

h2.submenu_tech { color: #4b2b02; padding: 12px 0 0 15px; font-size: 1.6em; font-weight: bold; text-decoration: none;}
p.submenu_tech { color: #FFF; padding: 12px 150px 0 15px; font-size: 1.2em; line-height: 1.3em; font-weight: normal; text-decoration: none;}

/***submenu training sites **/
.sub_prog { background: url(../images/programme-link.jpg) no-repeat; }
.sub_speak { background: url(../images/speakers-link.jpg) no-repeat; }
.sub_pdf { background: url(../images/pdf-link.jpg) no-repeat; }
.sub_travel { background: url(../images/travel-link.jpg) no-repeat; } 
.sub_book { background: url(../images/booking-link.jpg) no-repeat; }
.sub_venue { background: url(../images/venue-link.jpg) no-repeat; }

/***these are to hold the graphics for the micro_id menus *******/
#submenu_list_micro_id { list-style-type: none; margin-top: 10px; }
#submenu_list_micro_id li { width: 365px; height: 190px;}
#submenu_list_micro_id li a { text-decoration: none; color:#4b2b02; }
#submenu_list_micro_id li a:hover { text-decoration: underline; }

.sub_micro_id { background: url(images/chain_reaction.jpg) no-repeat; }
.sub_micro_id1 { background: url(images/rapid_confirmation.jpg) no-repeat; }
.sub_micro_id2 { background: url(images/dna_sequencing.jpg) no-repeat; }
.sub_micro_id3 { background: url(images/ribo_printer.jpg) no-repeat; } 

h2.submenu_micro_id { color: #4b2b02; padding: 12px 0 0 15px; font-size: 1.5em; font-weight: bold; text-decoration: none;}
h2.submenu_micro_id a:hover { text-decoration: underline;}
p.submenu_micro_id { color: #4b2b02; padding: 14px 150px 0 18px; font-size: 1.3em; line-height: 1.4em; font-weight: normal; text-decoration: none;}

/***fonts for sub-menus **/
h1.submenu { font-size: 2.6em; color: #38a338; font-weight: normal; padding-left:0px; }
h2.submenu { padding: 16px 0 0 100px; font-size: 2em; font-weight: lighter; text-decoration: none; }
h2.submenu_ntb { padding: 10px 0 0 0px; font-size: 1.7em; margin-left: 75px; font-weight: normal; text-decoration: none; }
h2.submenu a { padding: 0px 90px 15px 0px; display:block; }
h3.submenu { font-size: 1.6em; padding: 5px 5px 5px 0px; color: #38a338; text-decoration: none; font-weight:bold; }
h4.submenu { font-size: 1.5em; padding: 5px; color: #FFF; background-color: #99cc66; text-decoration: none; margin-top:20px; }
h5.submenu { font-size: 1.5em; padding: 5px 5px 5px 10px; color: #38a338; background-color: #FFF; text-decoration: none; margin-top: 5px; border: #99cc66 1px solid; }

/***END SUB MENUS***/

/* Technical Page menus ****************************************************************************************************************/
#menu_container { width:auto; }
#menu_left { float:left; clear:left; width:48%; margin: 5px 0px 10px 0px; padding: 5px 5px 5px 5px; }
#menu_right { float:right; clear:right; width:48%; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px; }

/* order box for training pages **********************************************************************************************/
form { font-family: verdana, sans-serif; font-size: 1.2em; }

fieldset { background-color: #f2dfc2; border-style: none; margin-bottom: 0em; padding: 5px; } 
fieldset ol {  0; margin: 0 0 0 0;  list-style-type: none; } 
fieldset li { margin: 5px 0 0 0; padding: 0; } 
fieldset li.places { margin: -1.5em 0 0 12.5em; padding: 0; } 
fieldset li.number { margin: .5em 0 0 .2em; padding: 0; } 
fieldset label { float: none; width: auto; }
fieldset fieldset { margin-bottom: -2em; border-style: none; background-color: transparent; background-image: none; } 
fieldset fieldset legend { font-weight: normal; margin-left: -0.6em; list-style-type: none; color: #000; } 
fieldset fieldset ol { position: relative; top: -2.5em; margin: 0 0 0 12em; padding: 0; list-style-type: none;} 
fieldset fieldset label { float: none; width: auto; margin-right: auto; }

/* links  *******************************************************************************************************/ 
a:link, a:visited { color: #333399; text-decoration: none; outline: none; }
a:hover { color: #99ccff; text-decoration: underline; outline: none; } 

.know a:link, .know a:visited { color: #993333; text-decoration: none; }
.know a:active, .know a:hover { color: #404040; text-decoration: underline;}

.about a:link, .about a:visited { color: #339933; text-decoration: none; }
.about a:active, .about a:hover { color: #404040; text-decoration: underline;}

.news a:link, .news a:visited { color: #6600cc; text-decoration: none; }
.news a:active, .news a:hover { color: #a600d2; text-decoration: underline;}

h5.submenu a:link, .submenu a:visited { color: #38a338; text-decoration: none; }
h5.submenu a:active, .submenu a:hover { color: #336699; text-decoration: none;}

/* right side  *******************************************************************************************************/ 
#right_side { width: 170px; margin: 20px 0 10px 10px; float: right;  padding: 0; }
.info { margin: 0 0 10px 0; background-image: url(images/grey_gradient1.jpg); background-repeat: repeat-x; background-position: top; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0; }

#right_side_fla { width: 170px; margin: 10px 0 10px 10px; float: right;  padding: 0; }
#right_side p { font-size: 1.1em; margin: 0; padding: 15px 0 5px 5px; color: #663333;}
#right_side a:link, #right_side a:visited { color:  #000066; text-decoration: none; }
#right_side a:hover { color: #99ccff; text-decoration: none;  }
/* curve box option added VJJ 13 July 2009 only works in moz browsers  *****************************/ 
.curvebox { width: 170px; padding 1em; background-color: #fff; border-collapse: collapse; border: 1px solid #c0c0c0; -moz-border-radius: 5px; }

/* right side for micro_id pages PT************************************************************************************/ 
#right_side_micro { width: 222px; margin: 20px 0 10px 10px; float: right;  padding: 0; }
.info_micro { margin: 0 0 10px 0; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0; }
.info_micro img { border:medium none; }
/* right_side_micro added for micro_id page PT 18/02/2010**********/

/* right side for pubs landing page PT************************************************************************************/ 
#right_side_pubs { width: 235px; margin: 20px 0 10px 10px; float: right;  padding: 0; }
.info_latest { margin: 0 0 10px 0; background-image: url(images/grey_gradient1.jpg); background-repeat: repeat-x; background-position: top; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0; }
.info_latest h4 {color: #cc3333; text-decoration: none;}
.info_pubs { margin: 0 0 10px 0; background-image: url(images/grey_gradient2.jpg); background-repeat: repeat-x; background-position: top; border-collapse: collapse; border: 1px solid #c0c0c0; border-spacing: 0; }
.info_latest img { border:1px solid #CECECE; }
/* right_side_pubs added for pubs landing page PT 23/04/2010**********/

/* basket menu****************************************************************************************/
#basnav { margin: 22px 15px 0 0px; width: 170px; float: left; border: 1px solid #ccc; }
#basnav ul { list-style-type: none; }
#basnav li a:link, #basnav li a:visited { font-size: 1.2em; display: block; padding: 0.4em 0 0.4em 0.5em; background-color: #fff; color: #666666; text-decoration: none; border-bottom: 1px solid #336699;}
#basnav li a:hover { background-color: #99ccff; color: #336699; }

/* panel menu****************************************************************************************/
#menu_slider{ font-family: verdana,sans-serif; font-size: 11px;}
#slider { width: 170px;}
.slider_header { width: 152px; margin-top: 8px; border: 1px solid #9ac1c9; font-size: 11.5px; padding: 8px; font-weight: bold; background: url(images/menu_gradient.jpg); background-position:bottom; cursor: pointer; }
.slider_header:hover {background: url(images/menu_gradient_over.jpg);}
.slider_content { overflow: hidden; }
.slider_text { width: 162px; border: 1px solid #9ac1c9; border-top: none; background-color: #ebebeb; padding-left: 6px; font: 11px Verdana, Arial; cursor: pointer; }
p.text {  margin-top: -6px; margin-bottom: -10px; font-size: 11px; color:#1f529d; } 
p.bottom { margin-bottom: 8px; font-size: 11px; color:#1f529d; }

/* brewing menu****************************************************************************************/
.slider_header1 { width: 152px; margin-top: 8px; border: 1px solid #c0c0c0; font-size: 1.2em; padding: 8px; color: #663333; background-color: #f2f2f2; background-position:bottom; cursor: pointer; }
.slider_text1 { width: 162px; border: 1px solid #c0c0c0; border-top: none; background-image: url(images/grey_gradient1.jpg); padding-left: 6px; font-size: 1.1em; cursor: pointer; }
p.text1 {  margin-top: -6px; margin-bottom: -10px; font-size: 1.1em; color:#1f529d; } 

/* Fonts *********************************************************************************************************/
h1, h2, h3, h4, h5 { font-family: verdana,sans-serif; font-weight: lighter; margin: 0 0 0 0; color: #336699;}
h1 { font-size: 1.8em; padding: 1px 10px 10px 5px; font-weight: bold; line-height: 25px;}
h2 { font-size: 1.8em; padding: 5px 5px 0 5px; font-weight: bold; line-height: 25px;}
h3 { font-size: 1.5em; padding: 20px 0 0 5px; color: #6699cc;}
h4 { font-size: 1.4em; padding: 5px; color: #663333; background-color: #E0E0E0; text-decoration: none;}
h5 { font-size: 1.1em; font-weight: bold; line-height: 1.5em; padding: 5px 0 0 5px; color: #666;}
p { font-size: 1.2em; line-height: 1.7em; margin: 0; padding: 15px 0 0 5px; color: #2d2d2d; }
p.info { margin: 0; padding: 15px 0 0 5px; color: #2d2d2d; }
p.table { font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 5px 0 0 5px; color: #000066; } 
p.train { font-size: 1.2em; line-height: 1.6em; color: #333; padding: 2px 5px 2px 5px; }
p.right { text-align: right; }
p.italic { font-style: italic; }
p.small { font-size: 1em; line-height: 1.3em; margin: 0; padding: 0px 15px 0 0px;}
p.indent { margin-left: 25px; }
p.margins { padding: 8px 15px 0 15px; }
p.text { font-size: 1em; line-height: 2em; margin: 0px; padding: 5px 0 15px 2px; color: #000; }
p.red { color: #cc3333; }
p.research { float: right; width: 240px; margin-left: 10px; margin-top: 0px; background-color:#fff;}

/* All submenu P*/
p.down { font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #44708d; text-align:left; padding: 3px 0 3px 15px; background: #fff; }

li.indent { margin: 0 0 0 155px; display: block; font-size: 1.1em; }
li a.indent { display: block; clear: left; padding: .2em; text-decoration: none; }
li.ntb { margin: 5px 0 0 60px; font-size: 1.2em; line-height: 1.5em;}
li.research { list-style: none;}

span.middle { font-size: 1.2em; float:left; margin-top: 10px;}
span.small { font-size: .8em;}
span.right { font-size: .9em; font-weight: bold; float: right; margin-top: -12px;}
p.listheight { line-height: 1.9em; }/***pubs & training list line spacing DF start 06/08/09 end *******/
input.indent { margin-left: 100px; }/**VJJ Add for form indent 22/09/09 end *******/


/* training fonts *******************/
h1.train { padding: 15px 5px 15px 5px; color: #00cc33; }
h2.train { font-size: 1.5em; padding: 5px 5px 0px 5px; color: #00cc33; }
/* end training Fonts *******************/

h1.tech { color: #cc6600; padding: 1px 10px 0px 5px; }
h1.sect { color: #339999; } 

h2.tech { color: #cc6600; }
h2.randd { color: #663399; } 
h2.know { font-size: 1.5em; color: #cc3333;}
h2.pubs	{ font-size: 1.5em; color: #3399cc;}
h2.about { color: #339933; }
h2.sect { color: #339999; }  
h2.news { color: #6600cc; } 
h2.nsa { font-size: 1.8em; color: #ff4e00 }
h2.blog { font-size: 1.5em; color: #339933; }
h2.research { color: #006699; }

h3.tech { color: #cc6600; }
h3.randd { color: #663399; } 
h3.know { color: #cc3333; } 
h3.about { background: #339933; color:#fff; }
h3.about_job { color:#339933; }
h3.shop { padding: 6px; color: #336699; background: url(images/basket.gif) no-repeat; }
h3.search { color: #336699; float: left; padding: 0px;}
h3.news { color: #6600cc; }
h3.members_search { font-size: 1.4em; padding: 1px; color: #336699; background: url(images/members_search.gif) no-repeat; }
h3.mats { font-size: 1.2em; padding: 0; color:#003366; font-weight: 500;}
h3.blog { font-size: 2em; background: #abf1ab; color:#006666; padding: 7px; margin: 0  10px 0 0; text-align:center;}
h3.research { font-size: 1.8em; color: #006699; margin-top:-8px;}

h4.tech { color: #663333;}
h4.randd { background: #FFF; color: #663399;} 
h4.know { color: #663333;} 
h4.about { background: #339933; color:#fff;}
h4.train { color: #663333; }
h4.sect { color: #663333; }
h4.news { background: #6600cc; color:#fff; } 
h4.study { background: #fff; color: #378ec4; font-size: 1.3em; }

/* menu headers ***********************/
h5.tech {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #cc6600; font-weight: normal;}
h5.randd {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #a600d2; font-weight: lighter; }
h5.know {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #d63d3d; font-weight: lighter; }
h5.about {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #339933; font-weight: lighter;}
h5.member {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #3366cc; font-weight: lighter;}
h5.news {font-size: 1.3em; padding: 5px 5px 6px 14px; color: #fff; background: #6600cc; font-weight: lighter;}
h5.blog { background: #339933; color:#fff;}

/* images *********************************************************************************************************/
img.right { margin: 10px 15px 5px 5px; padding: 3px; border: solid #cecece 1px; float: right; } 
img.left { margin: 10px 15px 5px 5px; padding: 3px; border: solid #cecece 1px; float: left; }
img.answer { margin: 0px 40px 0px 0px; padding: 3px; float: left; border: 0px; }

/* Footer *********************************************************************************************************/ 
#footer { margin-top: 1px; padding: 10px 5px 10px 5px; height: 170px; background: #666; background: url(images/footer-background.jpg) repeat-x top left;}/* gradient background image added by DF 12 Aug 09 *****/
#bot_nav { float: left; width: 900px; }
#bot_nav .column { float: left; width: 145px; }
#bot_nav li { display: block; list-style: none; font-size: 1.1em; }
#bot_nav li a { display: block; clear: left; padding: .4em; font-weight: normal; color: #d7eaf3; text-decoration: none; }
#bot_nav li li a { padding-left: 10px; font-size: .81em; line-height: 1em; font-weight: normal; color: #fff; }
#bot_nav li a:hover { text-decoration: underline; color: white; }

/* pop out bubbles ************************************/
#orbs li{ width: 65px; /*width of image container. Should be wider than contained images (before bubbling) */
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{ width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}

#squares li{ width: 45px; /*width of image container. Must be wider than contained images (before bubbling) */
height:40px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{ width: 31px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}

/*top quick menu drop down menu with transparency*******************************/
#jsddm {position: absolute; width: 135px; list-style:none; margin:0; left: 56.5%; display:block; font-size: 1.1em; z-index:1002;}

#jsddm li {	display:block; list-style:none; }

#jsddm li a { display: block;  padding: 8px 15px; font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; width: 96px; color: #000; white-space: nowrap; background: transparent; }/*background: url(images/dropdown1.gif) no-repeat right;*/

#jsddm li a:hover {	background-color: #fff; background: transparent;}	/*background: url(images/dropdown1.gif) no-repeat right;*/

#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px solid #48a1c9;}	
#jsddm li ul li {float: none; display: inline;}		

#jsddm li ul li a {	width: auto; background:url(images/buttonon.png); color: #fff; font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
			
#jsddm li ul li a:hover {background:#206786; text-decoration: none;}/*hoover over color*/
/* drop down box *********************************************************************************************************/