/* 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.extensionoutreach{
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 */
#mainNav a.home{
border-left: 1px solid #eeeeee;
}
.spacer{
width: 125px;
text-align:right;
}
.home {
width: 60px;
}
.about {
width: 60px;
}
.newsevents {
width: 130px;
}
.treefruit {
width: 90px;
}
.grapes {
width: 80px;
}
.berries {
width: 80px;
}
/* ====== 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;
}*/