/* CSS Template for CALS department websites */
/* This will be the outline for dept.css and contain the styles that will be unique for each department */
/* Placed below the cals-shared.css in the head of CS department templates */

/*  ======  CULogo  ======  */

#CS_Element_CUlogo {
	background: #68645b url(../images/hort-layout/cu_logo.gif) no-repeat top left;
	width:760px;
	height:80px;
	clear:both;	
	}
	
/*  ======  Banner Div  ======  */

#CS_Element_Banner {
	height:130px;
	background:#333333;
	color:#FFFFFF;
	}
#CS_Element_Banner p{
	margin-left:15px;
	text-align:left;
	}	

/* ====== Bucket Nav / Main Navigation ======*/
#CS_Element_bucketnav {
	/**** changes bucket/main navigation visual identity
	background-image: url(../images/CALS_layout/CALSbucketNav_3.gif) repeat-x top left; or background-color: #xxxxxx;
	****/
	background:#dcdcba url(../images/hort-layout/hort-nav-bg-2.gif) repeat-x top left;
	}
	

	
#mainNav a {
	/*change font color, bg comes from CS_Element_bucketnav etc to the links here possibly change horz. padding
	color: #000;*/
	}
#mainNav a.right{
	border-right:none;
	}
#mainNav a:hover {
	/* what will the hover look like goes here
	background-image: url(../images/CALS_layout/CALSbucketNav_over_1.gif);
	background-repeat: repeat-x;*/
	background-color:#f2f2e5;	
	}

/* individual link classes to for width of links go here, Make add up to 760 */
.home {
	width: 96px;
	}

.crops {
	width: 160px;
	}

.structures {
	width: 180px;
	}
.pests {
	width: 160px;
	}
	
.right {
	width: 160px;
	}
/* ====== left nav link styles ======*/

/******** these shold be included in dept.css *******/
#CS_Element_leftNav li a.currentSubsite {
	background: url(../images/dept-layout/hort-subsite-bg-down.gif) no-repeat top left;
	}
	
#CS_Element_leftNav li a.activeSubsite {
	background: url(../images/hort-layout/hort-subsite-bg-down.gif) no-repeat top left;
	background-color:#FFFFFF;
	}

#CS_Element_leftNav li a.pages {
	background-color:#F2F2E5;
	font-size:.9em;
	}
	
#CS_Element_leftNav li a.currentPage {
	background-color:#FFFFFF;
	font-size: .9em;
	}
	
#CS_Element_leftNav li a.subsiteName{
	background: url(../images/hort-layout/hort-subsite-bg.gif) no-repeat top left;
	font-size:.9em;
	}
	
#CS_Element_leftNav a.pages:hover, #CS_Element_leftNav a.subsiteName:hover{
	background-color:#FFFFFF;
	}

/* === additional link styles === */
#CS_Element_additionalInfo .CS_Textblock_Caption{
	/*background: url(../images/dept-layout/additional-info-top.gif) no-repeat top;*/
	}
#CS_Element_additionalInfo .CS_Element_Textblock{
	/* background: url(../images/dept-layout/additional-info-bottom.gif) no-repeat bottom;*/
	
	}
	
/* ====== Styles for one over two layouts ======*/

#navBodyContainerWrapper {
	background:#ffffff url(../images/hort-layout/hort-nav-body-bg.gif) repeat-y top;
	}

/*# container to give two column background  #*/

#bottomContentContainerTwoColumns {
	background: url(../images/hort-layout/hort-two-col-bg.gif) repeat-y top;
	}

/* ###################  copyright tag line #########################*/

#CS_Element_copyrighttag {
	background:#a5a57c;
	}
	
#CS_Element_copyrighttag p{
	/*font-size: .7em;
	color: #333333;*/
	}
	
/* ###  bottom content/three cols for Index layout ### */

#bottomContentContainerIndex {
	/*** should change this at dept.css for differnet color lines 
	border-top: 1px solid #EEEEEE;***/
	}	
	
#bottomContentContainerIndexThreeColumns {
	background: url(../images/hort-layout/hort-three-col-bg.gif) repeat-y top;
	}

/* === footer wrapper ===*/

#footerSearchWrapper a, #footerSearchWrapper a:visited, #footerSearchWrapper a:active{
	border-bottom:none;
	}

#footerSearchWrapper {
	background-color: #d9d9b3;
	}
#CS_Element_footerSearch a{
	border-bottom:1px solid #999;
	padding-bottom:2px;
	}
#CS_Element_footer li a, #CS_Element_footer li a:visited{
	border-bottom:1px solid #999;
	}
/*=========== Heading styles ==============/

/* Font formatting */

.h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:1.3em;
	color:#333333;
	margin: 5px 0px;
	border-bottom:1px solid #999966;
	}

.h3 {
	font-size: 1.2em;
	color: #666666;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
span.h3 {
	padding:0;
	margin:10px 0;
	}
	
.h4 {
	color:#333333;
	font-size: 1.1em;
	padding: 0px;
	margin: 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.h5 {
	background-color:#EEEEEE;
	width:100%;
	font-size:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*========  textblock headers  =============*/
	

#CS_Element_content .CS_Textblock_Caption, #blankLayoutContainer .CS_Textblock_Caption			{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#333333;
	margin: 0px 0px 5px 0;
	border-bottom:1px solid #333333;
	}
	
#bottomContentContainerIndex .CS_Textblock_Caption, #bottomContentContainer .CS_Textblock_Caption{
	background-color:#eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000000;
	padding: 0px 0px 0px 5px;
	margin: 5px 0px 10px 0px;
	border-bottom:1px solid #b31b1b;
	}
	
/* ===== feature publications styles ====*/
/*-thumbnail list images -*/
#bottomContentContainerTwoColumns ul.hilightthumbs img, #bottomContentContainerIndex ul.hilightthumbs img, #CS_Element_content ul.hilightthumbs img{
	background: url(../images/layout_images/tn_bg_65_80.jpg) no-repeat top left;
	padding: 6px 10px 9px 5px;
	margin: -6px -10px -1px -5px;
	border:none;
	}
	
#bottomContentContainerTwoColumns ul.hilightthumbs img, #bottomContentContainerIndex ul.hilightthumbs img, #CS_Element_content ul.hilightthumbs img{
	margin: 0 0 10px 0;
	}
#bookDetail{
	
	

	}
#bookDetail img{
	}/*
#bookDetail p{
	margin:0 10px;
	}
#bookDetail h4{
	font-size:1.2em;
	margin:15px;
}
#bookDetail ul{
	margin:0 10px;
	}
#bookDetail .link{
	color: #b31b1b;
	text-decoration: none;
	border-bottom: 1px solid #e5cfcf;
	}
.books {
	width:190px;
	font-size:1.1em;
	}*/