/* CSS Document */

/* CPIC Site */

/* fix cascade fixes in ie
   add *element , shows in ie7 and below
   add _element , shows in ie6 and below
   
*/
   
   


a {
	text-decoration: none;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
}

a:hover {
		text-decoration: underline;
}


body {
    background: url('cpic_swatch.png'); 
	text-align:center; 
	margin: 0;
	padding: 0;
	}

#container_home {
	/*
	width: 1200px;	
	clear: both;
	*/
	width: 858px;
	margin:0 auto;
	text-align:left;
	clear:right;
	}
		
#container_default {
    width:858px;
	margin:0 auto;
	text-align:left;
	clear: right;
}

.horizontalNav {
 width: 70px;
 float: left;
 color: #FFFFFF;
 font-weight: 300;
 text-align: center;
 padding: 10px 5px;
}

.horizontalNav a {
 color: #CCCCCC;
 font-weight: 400;
 font-size: 15px;
 font-style:normal;
}

.horizontalNav a:hover {
	/*text-decoration: underline; */
	color: #7ac043;
}


#topNavDemo {
background:url('cpic_TopNavBg.gif') no-repeat;
	width: 428px;
	height: 38px;
	float:right;
}

.topNavDemo {
	position:relative; z-index:101;  
	font-family: "Trebuchet MS", arial, sans-serif;
	background:url("cpic_TopNavBg.gif") no-repeat scroll 0 0;
	float: right;
	height: 38px;
	width: 428px;
	}

#topSecondaryNav {
	padding-top: 10px;
	width: 410px;
	height: 30px;
	float: right;
	text-align: right;
}
.navSeparator {
	background:url('cpic_navSeparator.gif') no-repeat;
	height:27px;
	width: 1px;
	float: left;
	margin:0;
	padding: 0px;
}

#rightTop_container {
	clear:right;
	float:right;
	width: 428px;
	margin: 0;
	padding: 0;
}

#search_area {
    padding: 5px 0px;
	width:228px;
    float: left;
}
#search_area_default {
    padding: 8px 0px 0px 25px;
	width:228px;
    float: left;
}

#donate_area {
    padding: 0px;
	margin: 0px;
	width:170px;
    float: right;
}

#donate_area p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	float:right;
}

#background_default {
	width: 858px;
	padding: 0px;
	margin: 0px;
	clear:both;
}

#header_home {
	/*
	width:858px;
	clear:both;
	float:left;
	margin: 0px 171px;
	*/
		width:858px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	clear:both;
	float:left;
	
	}
#header_default {

	width:858px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	clear:both;
	float:left;
	}

#logo_default {
    width: 400px; 
	float:left;
	}
	


#logo_home {
    width: 400px; 
	float:left;
}

#midDemo {
 background:url('newDemoMidBackground.jpg') no-repeat;
 width: 858px;
 height: 200px;
 float: right;
 clear: both;
 margin: 0px 171px;
}

#slideshow {
    position:relative;
	 float:right;
	 width: 858px;
	 height: 281px;
	 /*
	 margin: 0px 171px;
	 */
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#slideshow IMG.last-active {
    z-index:9;
}

#marquee1 {
	background:url('cpic_marquee1.jpg') no-repeat;
	 float:right;
	 width: 858px;
	 height: 281px;
	 margin: 0px 171px;
}
#marquee2 {
	background:url('cpic_marquee2.jpg') no-repeat;
	 float:right;
	 width: 858px;
	 height: 281px;
	 margin: 0px 171px;
}
#marquee3 {
	background:url('cpic_marquee3.jpg') no-repeat;
	 float:right;
	 width: 858px;
	 height: 281px;
	 margin: 0px 171px;
}
.marqueeLinks {
	padding: 255px 0px 0px 780px;
	color: #FFFFFF;
}
.marqueeLinks a {
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 0px 5px;
	font-style: normal;
}

.marqueeText {
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 0px 5px;
}

#underConstruction {
	 background:url('cpic_underCon.gif') no-repeat;
	 float:right;
	 width: 858px;
	 height: 40px;
	 /*
	 margin: 0px 171px;
	 */
}
#underConstruction_default {
	 background:url('cpic_underCon_default.gif') no-repeat;
	 float:right;
	 width: 400px;
	 height: 50px;
	 margin: 0;
}
#topTagLine {
	 background:url('cpic_midTagLine.gif') no-repeat;
	 float:right;
	 clear: right;
	 width: 858px;
	 height: 60px;
	 /*
	 margin: 0px 171px;
	 */

}

.whats_new_content {
	padding-bottom: 10px;
}


	

#bucket_container {
	 background-color: #FFF;
	 /*
	 float:left;
	 */
	 width: 858px;
	 /*
     height: 220px;
	 */
	 min-height: 220px;
	 /*
	 margin: 0px 171px;
	 */
	 clear: right;
}

#bucket_separator {
	 background:url('cpic_bucketSeparator.gif') no-repeat;
	 width: 10px;
	 height: 220px;
	 float: left;
}

#bucket_one {
	padding: 5px 5px 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#464646;
	font-size: 12px;
	width:265px;
	float:left;

} 
#bucket_two {
	padding: 5px 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#464646;
	font-size: 12px;
	width:265px;
	float: left;
	margin-bottom: 5px;
}
#bucket_three {
	padding: 5px 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#464646;
	font-size: 12px;
	width:265px;
	float:left;
	margin-bottom: 5px;
}

#box3_top {
	margin-bottom: 5px;
}

.box3_bottom {
	padding-top: 10px;
}
a.box3_bottom a {
	color: #522f91;
	font-style:italic;
	font-size: 12px;
	text-decoration: none;
}


#bucket_container a {
	color: #522f91;
	font-style:italic;
	font-size: 12px;
}

#bucket_one .bucket_title { 
	border-bottom: 5px solid #1cbbb4;
	font-size: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#bucket_two .bucket_title { 
	border-bottom: 5px solid #522f91;
		font-size: 15px;
	padding-bottom: 5px;
		padding-top: 5px;
}
#bucket_three .bucket_title { 
	border-bottom: 5px solid #7ac142;
		font-size: 15px;
	padding-bottom: 5px;
		padding-top: 5px;
}

.bucket_content {
	padding-top: 8px;
}

#bottomTagLine {
	width: 858px;
	/*
	height: 21px;
	*/
	height: 60px;
	padding: 0px;
	background:url('cpic_bottomTagLine.gif') no-repeat;
	/*
	margin: 20px 171px;
	*/
	float:left;
	clear: both;
}

#bottomDefaultSpacer {
	width: 858px;
	height: 40px;
	padding: 0px;
	float:left;
	clear: both;
}

#bottomWide_container1 {
	width: inherit;
	height: 180px;
	text-align; center;
	background-color:#B7B7B7;
	clear:both;
}
#bottomWide_container2 {
	width: inherit;
	height: 180px;
	text-align: center;
	background-color:#FFFFFF;
	clear:both;
}

#bottomWide_container3 {
	width: inherit;
	height: 180px;
	text-align: center;
	background-color:#FFFFFF;
	clear:both;
}

#bottomCat_container {
 /*
 width: 1200px;
 */
 width: 858px;
 padding: 0px;
 /*
 margin: 0px;
 */
 margin: 0 auto;
 text-align: left;
 background-color: #b7b7b7;
 height: 180px;
 clear: both;
}

/*
#bottomCat_short {
 margin: 0px 171px;
 width: 858px;
 height: 180px;
 clear: both;
}
*/
#bottomCat_short {
 background-color: #b7b7b7;
 padding: 5px;
  margin: 0 auto;
 text-align: left;
 width: 848px;
 height: 180px;
  clear: both;
}

#bottomCat_short_default {
 background-color: #b7b7b7;
 padding: 5px;
  margin: 0 auto;
 text-align: left;
 width: 848px;
 height: 180px;
  clear: both;
}

#bottomCat_short p {
	padding: 0px;
	margin: 0px;
}


.bottomCat {
 width: 205px;
 float: left;
 margin: 20px 5px 0px 0px;
}
 
.bottomCatTitle {
 padding-bottom: 5px;
 font-size: 16px;
 color: #666666;
}

.bottomCatLinks {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #FFFFFF;
 font-size: 11px;

}

.bottomCatLinks a  {
 color: #FFFFFF;
 font-size: 11px;
 font-style: normal;
}


#bottomFooter_container {
 /*
 width: 1200px;
 */
 width: 858px;
 padding: 0px;
 /*
 margin: 0px;
 */
 margin: 0 auto;
 text-align: left;
 background-color: #FFFFFF;
 height: 180px;
 clear: both;
}

#bottomFooter_short {
 
 width: 858px;
 padding: 5px;
 /*
 height: inherit;
 margin: 0px 171px;
 */
 height: 180px;
}

#bottom_footerLinks {
	float: left;
	margin: 10px 0px 0px 0px;
}


#bottom_footerLinks a   {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-style: normal;
}


#bottom_footerDonate {
	margin: 10px 0px 0px 20px;
	float: left;
}
#bottom_footerImages {
		margin: 10px 0px 0px 0px;
		float: right;
		clear: right;
}
#bottom_copyright {
	font-size: 11px;
	color: #464646;
	font-style: italic;
	width: 300px;
	float: left;
}
#bottomFooter {
	width: 858;
	padding: 0;
	margin: 0;
}







#background {
	float:left;
	background:url('content_bg3.gif') repeat-y;	
}



#banner {
	width:451px;
	float:left;
	}


	
#search_bg {
	background:url('search_bg.gif') no-repeat;
	height:42px;
	}

#search_box {
	/*
	font-size:10px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		*/
	color:#000;
	width:135px;
	height: 20px;
	margin-top: 5px;
    border: 0;
	background-color: #DDD;
	}
	
#search_img {
	padding: 4px 0px 4px 0px;
	vertical-align:middle;
	}

#topBody {
	width:858px;
	float:left;
	clear:both;
	border-top:2px solid #fff;
	margin-top: 20px;
	}

#content {
	width:858px;
	float:left;
	/*
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	*/
	background-color: #FFF;
	clear: both;
	}

#top_content {
	/*
	background:url('titles_bg_80tall_green.jpg') repeat-x;
	*/
	width:662px;
	float:left;
	height:75px;
	}

#titleImgBg {
	/*
	background:url('sidelines1_80tall_green.jpg') no-repeat right;
	*/

	width:662px;
	height:75px;
	float:right;	
}

#inner_resources {
	text-align:right;
	padding:8px 8px 4px 0;
	}

#content_titles {
	float:left;
	width:662px;

	height: 40px;


	background:url('cpic_titleBg_default2.gif') no-repeat right;
	
	}

#title_img {
	float:right;
	width:210px;
	padding:6px 0 0 0;
	_padding:4px 0 0 0;
	*padding:4px 0 0 0;
	}

#inner_content {
	padding: 0px 19px 10px 19px;
	float:left;
	width:623px;
	}
	
#inner_content table {
	width:100%;
	}
	
#left_area {
	width:192px;
	float:left;
	border-left:1px solid #fff;
	}

#inner_left_area {
	width:193px;
	/*
	border-top:2px solid #fff;
	*/
	border-right:1px solid #fff;
	float:left
	}
#topRoundPrimary {
	background: url('cpic_topRoundPrimary.gif') no-repeat bottom center;
	width:193px;
	margin:0;
	padding: 0;
	height: 8px;
	clear:right;
}
#bottomRoundPrimary {
	background:url('cpic_bottomRoundPrimary.gif') no-repeat;
	width:193px;
	margin:0;
	padding: 0;
	height: 8px;
	clear:right;
}

#primaryNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:193px;
	margin:0;
	background-color: #494949;
	padding:0;
	clear:right;
}

#primaryNav .first_level {
	padding: 10px 0px 10px 12px;
}

#primaryNav .first_level a {

	font-size:14px;
	font-weight: 500;
	color:#ccc;
}
#primaryNav .first_level a:hover {
	/* text-decoration: underline; */
	color: #7ac043;
}

#primaryNav .second_level {
    padding:0px 8px 5px 29px;
}
#primaryNav .second_level a {
	font-size: 11px;
	font-style: normal;
	/* text-decoration: underline; */
	color: #fff;
}

#primaryNav .second_level a:hover {
	font-size: 11px;
	font-style: normal;
	color: #7ac043;
}

#primaryNav .third_level a {
	font-size: 11px;
	font-style: normal;
	/* text-decoration: underline; */
	color: #fff;
}

#primaryNav .third_level a:hover {
	font-size: 11px;
	font-style: normal;
	color: #7ac043;
}

#newsletter_top {
	background:url('cpic_topNewsletter.gif') no-repeat bottom center;
	width:193px;
	margin:10px 0 0 0;
	padding: 0 0 0 0;
	height: 8px;
	clear:right;
}
#newsletter_bottom {
		background:url('cpic_bottomNewsletter.gif') no-repeat;
	width:193px;
	margin:0;
	padding: 0 0 10px 0;
	height: 8px;
	clear:right;

}

.newsletter_default_title {
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
    padding: 0 0 6px 0;
	font-weight:500;
}

#newsletter_container {
	height: 120px;
	background-color: #e7e7e7; 
	margin: 0;
}

#newsletter {
	width:173px;
	padding: 0px 10px 0px 10px;
	color:#494949;
	float:left;

    clear:right;
	}
	
#newsletter p {
	margin:0;
	}
	
.newsletter_box {
	border: none;
	width:131px; 
	padding:3px;
	color: #666;
	background-color:#CCC;
	margin: 5px 10px 5px 0px;
 	font-size:10px;
}

#box3_bottom_default a {
	color: #522f91;

	font-style: italic;
	font-size: 11px;
}

.newsletter_box_default {
	border: none;
	width:100px; 
	padding:3px;
	color: #666;
	background-color:#CCC;
	margin: 5px 10px 5px 0px;
 	font-size:10px;
}

.newsletter_img {
	CURSOR: hand;
	vertical-align:middle;
	}

#collaboratorsNav, #researchNav, #outreachNav, #dataNav {
	width:193px;
	padding:0;
	margin:0;
	border-bottom:1px solid #fff;
	}
#collaboratorsNav .first_level, #researchNav .first_level, #outreachNav .first_level, #dataNav .first_level { padding: 10px 0px 10px 10px; }

#collaboratorsNav div a, #researchNav div a, #outreachNav div a, #dataNav div a {
	font-size:11px;
	color:#333;
}

#collaboratorsNav div a:hover, #researchNav div a:hover, #outreachNav div a:hover, #dataNav div a:hover {
    color:#7ac043;

}
	
#collaboratorsNav {
	/* background:#d3ad7b url(nav_collab_btm.gif) no-repeat bottom  */
	background-color: #999;
	}

#researchNav {
	/* background:#85b0c6 url(nav_research_btm.gif) no-repeat bottom */
		background-color: #999;
	}
	
#outreachNav {
	/* background:#acca9a url(nav_outreach_btm.gif) no-repeat bottom */
	background-color: #999;
	}
	
#dataNav {
	/* background:#bc9799 url(nav_data_btm.gif) no-repeat bottom */
	background-color: #999;
	}

.secondaryNavOn {
	background:url('whitesquare.gif') no-repeat center left;
	margin-left:-8px;
	padding-left:8px;
	margin-right:8px;
	display:block;
	}
	
.thirdNavOn {
	background:url('whitesquare.gif') no-repeat center left;
	margin-left:-8px;
	padding-left:8px;
	margin-right:8px;
	display:block;
	}

.second_level {
	padding:3px 8px 5px 29px;
	}

secondNavSpace {
	margin:0;
	padding:0;
	}

.third_level {
	padding:0 8px 5px 43px;
	}

.separator {
	background:url('cpic_navSeparator_default.gif') no-repeat;
	height:1px;
	margin:0;
	padding:0;
	font-size:1px;
	}



#SubmitButton {
	vertical-align:middle;
	margin-left:2px;
	padding-bottom:3px;
	}

#home_image {
	width:332px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	float:left;
	}

#home_right {
	width:308px;
	_width:307px;
	padding-top:11px;
	padding-right:11px;
	padding-bottom:20px;
	_padding-bottom:18px;
	padding-left:11px;
	border-right:1px solid #fff;
	float:left;
	background:#bdb9b5 url('home_right_bg1.jpg') repeat-x;
	}

#home_resources {
	padding-bottom:12px;
	}

#resources_menu {
	font-size:9px;
	color:#000;
	padding:0;
	_padding:3px;
	border:1px solid #b4ada5;	
	}

#home_whatsnew {
	padding-top:12px;
	}

#bottomBody {
	width:856px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background:url('bottombody_bg2.gif') repeat-y;
	float:left;
	}
	
#bottomBody div { 
	float:left;
	padding-bottom:5px;
}

#bottomBody div br, #home_right br {
	line-height:11px;
	}

#bottomTitle {
	float:left;
}

#bottomText {
	float:left;
}

#homeBtmImage {
	float:left;
	width:14px;
	padding-left:5px;
	padding-top:5px;
}

#homeBtmImageData {
	float:left;
	width:13px;
	padding-left:6px;
	padding-top:5px;
}

#homeBtmImageOut {
	float:left;
	width:12px;
	padding-left:7px;
	padding-top:5px;
}

#homeBtmText {
	float:left;
	width:160px;
	padding-left:22px;
	_padding-left:15px;
	padding-top:10px;
}

#collaborators1 {
	width:214px;
}

#research1 {
	width:214px;
	}

#outreach1 {
	width:213px;
	}

#data1 {
	width:214px;
	}

#top {
	/* ie7 puts this alongside donate button at top
    fix cascade fixes in ie
   add *element , shows in ie7 and below
   add _element , shows in ie6 and below
   	_float: right;
*/
	float:right;
	*float: none;


	text-align: right;
	min-height: 25px;
	background-color: #FFF;
	padding: 0;
	width:858px;
	clear: right;	
}

#sponsorship {
	width:834px;
	padding:11px;
	font-size:9px;
	font-style:italic;
	color:#7a003d;
	border:1px solid #fff;
	background-color:#d4cfcf;
	float:left;
	}

#sponsorship div {
	text-align:center;
}

#sponsorship td {
	font-size:9px;
	}
	
#fremontBank {
	width:858px;
	background-color: #FFF;
	color:#494949;
	padding: 5px;
	clear:both;
	height:100px;
	margin: 0 auto;
    text-align: left;
	background:#FFFFFF url('fremontBank.gif') no-repeat;
	}
#footer {
	width:858px;

	background-color: #FFF;
	color:#494949;
	padding: 5px;
	clear:both;
	height:100px;
	margin: 0 auto;
 text-align: left;
	}

.printLinks {
	float: right;
	clear: right;
	height: 20px;
	width: 170px;
	background-color: #FFF;
	padding-bottom:5px;
	_padding-bottom:15px;
	}
	
/* why is this here?
#background {
	background:#c0b3aa url('topbody_bg2.gif') repeat-y;
}*/