/*DIRECTORY VERSION*/
/*specific styles for the ct navigation*/
#nav {
	height: 102px;
	margin: 0px 1px;
	clear: none;
	background: #000;
	overflow:hidden;
}

#nav_main {
	width: 100%;
	height: 102px;
	overflow: hidden;
	background: #ced5e6 url(designImages/ct_nav_main_bg.gif) repeat-x top left;
}

#primary_nav {
	float: left;
	display: inline;
	width: 838px;
	height: 41px;
	background: url(designImages/ct_pnav_bg1.png) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
}

#primary_nav ul {
	width: 838px;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	margin: 0;
	height: 41px;
}

#primary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 41px;
}

#primary_nav ul li a {
	position: absolute;
	height: 41px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#primary_nav ul li a:hover { background-position: 0px -41px; }

#primary_nav ul li.curr_page a { background-position: 0px -82px; }

#primary_nav ul li.curr_page a:hover { background-position: 0px -123px; }

#primary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/*   left = (width of previous + left of previous + 3)   */

/* Formulating */
div#primary_nav #pn_item_1 a {
	background-image: url(designImages/ct_pnav_formulating1.png);
	width: 126px;
	left: 6px;
}

/* Research */
div#primary_nav #pn_item_2 a {
	background-image: url(designImages/ct_pnav_research1.png);
	width: 101px;
	left: 135px;
}

/* Regulatory */
div#primary_nav #pn_item_3 a {
	background-image: url(designImages/ct_pnav_regulatory1.png);
	width: 118px;
	left: 239px;
}

/* Testing */
div#primary_nav #pn_item_4 a {
	background-image: url(designImages/ct_pnav_testing1.png);
	width: 86px;
	left: 360px;
}

/* CBR Directory */
div#primary_nav #pn_item_5 a {
	background-image: url(designImages/ct_pnav_cbr1.png);
	width: 146px;
	left: 449px;
}

/* Networking */
div#primary_nav #pn_item_6 a {
	background-image: url(designImages/ct_pnav_networking1.png);
	width: 124px;
	left: 598px;
}

/* Magazine */
div#primary_nav #pn_item_7 a {
	background-image: url(designImages/ct_pnav_magazine1.png);
	width: 113px;
	left: 725px;
}

/* --- SECONDARY NAV styles ----------------------------------------------------------- */

#secondary_nav {
	width: 838px;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff no-repeat top left;
}

#secondary_nav ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	height: 30px;
}

#secondary_nav ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#secondary_nav ul li a {
	position: absolute;
	height: 30px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	top: 0px;
}

#secondary_nav ul li a:hover { background-position: 0px -30px; }

#secondary_nav ul li.curr_page a { background-position: 0px -60px; }

#secondary_nav ul li.curr_page a:hover { background-position: 0px -90px; }

#secondary_nav ul li a span { display: block; text-indent: -9999px; } /*image replacement*/

/* --- Directory Temp Fix ----------------------------- */

/*body#directory #secondary_nav ul li { height: auto; }
body#directory #secondary_nav ul li a { position: static; margin: 0px 10px; color: #6b2312; text-decoration: underline; }
body#directory #secondary_nav ul li.curr_page a { font-weight: bold; }
body#directory #secondary_nav ul li a:hover { color: #06f; }
body#directory #secondary_nav ul li a span { display: inline; text-indent: 0px; }*/

/* ---  (end of Generic Secondary nav styles)---------------- */

/*
 ======================================================================================
 -- it must be determined if the secondary navigation should be 
 left-aligned, right-aligned or centered under its respective primary nav item --
 
 For CENTER Alignment: _____________________________________________
 middleOfPnavItem = left Of pnavItemA + 1/2 * width of pnavItemA;
 Primary Middles:
 Research: 236; Regulatory: 357; Testing: 446; CBR Directory: 595; Networking: 722;
 div#secondary_nav|padding_left = middleOfPnavItem - 1/2 * bgImageWidth;
 div#secondary_nav|width = 868 - padding_left;
 
 if (div#secondary_nav|padding_left <= 6) the secondary should be left aligned;
 if (div#secondary_nav|padding_left + bgImageWidth >= 838) the secondary should be right aligned;

 For LEFT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 6px;
 div#secondary_nav|width = 832px;
 
 For RIGHT Alignment: _____________________________________________
 div#secondary_nav|padding_left = 838 - bgImageWidth;
 div#secondary_nav|width = bgImageWidth;
 
 ======================================================================================
*/

/* --- FORMULATING - SECONDARY NAV ----------------------------------------------------------- */

div.Formulating div#secondary_nav { padding-left: 6px; width: 832px; } 

div.Formulating div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 651px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_formulating_bg2.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Application / Category */
div.Formulating div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_formulating_app.png);
	width: 177px;
	left: 0px;
}

/* Ingredient */
div.Formulating div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_formulating_ingr.png);
	width: 90px;
	left: 178px;
}

/* Physical Form */
div.Formulating div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_formulating_form.png);
	width: 116px;
	left: 269px;
}

/* Cosmetic Bench Reference */
div.Formulating div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/ct_snav_formulating_cbr.png);
	width: 204px;
	left: 386px;
}

/* Books */
div.Formulating div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/ct_snav_formulating_books.png);
	width: 60px;
	left: 591px;
}

/* --- RESEARCH - SECONDARY NAV ----------------------------------------------------------- */

div.Research div#secondary_nav { padding-left: 6px; width: 832px; } 

div.Research div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 691px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_research_bg2.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Biology */
div.Research div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_research_bio.png);
	width: 72px;
	left: 0px;
}

/* Chemistry */
div.Research div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_research_chem.png);
	width: 90px;
	left: 73px;
}

/* Methods & Processes */
div.Research div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_research_methods.png);
	width: 168px;
	left: 164px;
}

/* Patents */
div.Research div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/ct_snav_research_patents.png);
	width: 68px;
	left: 333px;
}

/* Technology Transfer */
div.Research div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/ct_snav_research_techtrans.png);
	width: 159px;
	left: 402px;
}

/* Scientific Books */
div.Research div#secondary_nav #sn_item_6 a {
	background-image: url(designImages/ct_snav_research_scibooks.png);
	width: 129px;
	left: 562px;
}

/* --- REGULATORY - SECONDARY NAV ----------------------------------------------------------- */

div.Regulatory div#secondary_nav { padding-left: 6px; width: 832px; } 

div.Regulatory div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 762px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_regulatory_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Claims/Labeling */
div.Regulatory div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_regulatory_claims.png);
	width: 136px;
	left: 0px;
}

/* Nanotechnology */
div.Regulatory div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_regulatory_nanotech.png);
	width: 136px;
	left: 137px;
}

/* Natural/Organic */
div.Regulatory div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_regulatory_organic.png);
	width: 141px;
	left: 274px;
}

/* REACH */
div.Regulatory div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/ct_snav_regulatory_reach.png);
	width: 70px;
	left: 416px;
}

/* SPF/UV Filters */
div.Regulatory div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/ct_snav_regulatory_spfuv.png);
	width: 122px;
	left: 487px;
}

/* Updates by Region */
div.Regulatory div#secondary_nav #sn_item_6 a {
	background-image: url(designImages/ct_snav_regulatory_region.png);
	width: 152px;
	left: 610px;
}

/* --- TESTING - SECONDARY NAV ----------------------------------------------------------- */

div.Testing div#secondary_nav { padding-left: 120px; width: 718px; } 

div.Testing div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 565px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_testing_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Animal Alternatives */
div.Testing div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_testing_animalalt.png);
	width: 159px;
	left: 0px;
}

/* In silico/Modeling */
div.Testing div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_testing_insilico.png);
	width: 148px;
	left: 160px;
}

/* In vitro */
div.Testing div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_testing_invitro.png);
	width: 68px;
	left: 309px;
}

/* In vivo */
div.Testing div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/ct_snav_testing_invivo.png);
	width: 65px;
	left: 378px;
}

/* Sensory */
div.Testing div#secondary_nav #sn_item_5 a {
	background-image: url(designImages/ct_snav_testing_sensory.png);
	width: 76px;
	left: 444px;
}

/* SPF */
div.Testing div#secondary_nav #sn_item_6 a {
	background-image: url(designImages/ct_snav_testing_spf.png);
	width: 44px;
	left: 521px;
}

/* --- NETWORKING - SECONDARY NAV ----------------------------------------------------------- */

div.Networking div#secondary_nav { padding-left: 357px; width: 481px; } 

div.Networking div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 481px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_networking_bg1.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Calendar of Events */
div.Networking div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_events_calendar.png);
	width: 153px;
	left: 0px;
}

/* Event Coverage */
div.Networking div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_events_coverage.png);
	width: 130px;
	left: 154px;
}

/* Careers */
div.Networking div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_networking_careers.png);
	width: 75px;
	left: 285px;
}

/* Industry News */
div.Networking div#secondary_nav #sn_item_4 a {
	background-image: url(designImages/ct_snav_networking_indnews.png);
	width: 120px;
	left: 361px;
}

/* --- EVENTS - SECONDARY NAV ----------------------------------------------------------- */

/*div.Events div#secondary_nav { padding-left: 471px; width: 372px; }*/ 

/*div.Events div#secondary_nav ul {*/
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	/*width: 372px;*/
	/*set the particular bg image for this nav*/
	/*background: transparent url(designImages/ct_snav_events_bg.png) no-repeat top left;*/
/*}*/

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Calendar of Events */
/*div.Events div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_events_calendar.png);
	width: 153px;
	left: 0px;
}*/

/* Event Coverage */
/*div.Events div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_events_coverage.png);
	width: 130px;
	left: 154px;
}*/

/* Webinars */
/*div.Events div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_events_webinars.png);
	width: 87px;
	left: 285px;
}*/

/* --- MAGAZINE - SECONDARY NAV ----------------------------------------------------------- */

div.Magazine div#secondary_nav { padding-left: 445px; width: 393px; } 

div.Magazine div#secondary_nav ul {
	/*set the width for this nav -- this will equal the width of the bg image used for this section*/
	width: 393px;
	/*set the particular bg image for this nav*/
	background: transparent url(designImages/ct_snav_mag_bg.png) no-repeat top left;
}

/*  to calculate the left of each one, take the previous item's left + its width + 1  */

/* Advisory Board */
div.Magazine div#secondary_nav #sn_item_1 a {
	background-image: url(designImages/ct_snav_mag_adBoard.png);
	width: 130px;
	left: 0px;
}

/* International Editions */
div.Magazine div#secondary_nav #sn_item_2 a {
	background-image: url(designImages/ct_snav_mag_intlEd.png);
	width: 168px;
	left: 131px;
}

/* Past Issues */
div.Magazine div#secondary_nav #sn_item_3 a {
	background-image: url(designImages/ct_snav_mag_pastIssues.png);
	width: 93px;
	left: 300px;
}