/* 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-color: #B31B1B;
	width:760px;
	height:75px;
	background-image:url(../images/devsoc-layout/cu-devsoc.gif);
	background-repeat: no-repeat;
	clear:both;
	}
	
/*  ======  Banner Div  ======  */

#CS_Element_Banner {
	/* change height background image/color if necessary*/
	height: 200px;
	background: #999999 url(../images/devsoc-layout/banners/cabin.jpg) no-repeat top;
	}
#CS_Element_Banner p{
	display:none;
}	
	
/* ====== Bucket Nav / Main Navigation ======*/
#CS_Element_bucketnav {
	background: #CCCCCC url(../images/devsoc-layout/devsoc-main-nav-bg.gif) repeat-x top left;
	}
	
/* === DevSoc Nav Link Classes === */
.home {
	width:70px;
	}
.academics {
	width:116px;
	}
.about {
	width:86px;
	}
.news {
	width:145px;
	}
.extension {
	width:116px;
	}
.research {
	width:111px;
	}
.people {
	width:101px;
	}
#mainNav a.extension{
	border-right:none;
	}

/* === CaRDI Nav Link Classes === */
.devsochome {
	width:110px;
	}
.cardihome {
	width:105px;
	}
.cardiabout {
	width:60px;
	}
.cardiprograms {
	width:80px;
	}
.cardinews {
	width:60px;
	}
.cardipeople {
	width:70px;
	}
.cardipublications {
	width:90px;
	}
.carditraining {
	width:80px;
	}
.cardiresources {
	width:90px;
	}

#mainNav a.cardiresources{
	border-right:none;
	}
	
#mainNav a {
	/*change font color, bg comes from CS_Element_bucketnav etc to the links here possibly change horz. padding
	color: #000;*/
	}

#mainNav a:hover {
	background: #999999 url(../images/devsoc-layout/devsoc-main-nav-bg-over.gif) repeat-x top left;
	}

/* individual link classes to for width of links go here, Make add up to 760 */

/* ====== left nav link styles ======*/

/******** these shold be included in dept.css *******/
#CS_Element_leftNav a{
	border-bottom:2px solid #EEEEEE;
	}
 #CS_Element_leftNav a:visited{
	color:#333333;
	border-bottom:2px solid #EEEEEE;
	}
	
#CS_Element_leftNav a:hover{
	border-bottom:2px solid #ffffff;
	}
	
#CS_Element_leftNav li a.pages{
	background:#f2f2e5 url(../images/devsoc-layout/devsoc-page-bg.gif) repeat-y top left;
	font-size:.9em;
	color:#333333;
	border-bottom:2px solid #EEEEEE;
	}
	
#CS_Element_leftNav a.pages:hover {
	background:#ffffff url(../images/devsoc-layout/devsoc-page-bg-current-over.gif) repeat-y top left;
	color:#000000;
	font-size: .9em;
	}
	
#CS_Element_leftNav li a.currentPage{
	background:#ffffff url(../images/devsoc-layout/devsoc-page-bg-current-over.gif) repeat-y top left;
	color:#000000;
	font-size: .9em;
	border-bottom:2px solid #EEEEEE;
	}	

#CS_Element_leftNav a.pages:active {
	border-bottom:2px solid #EEEEEE;
	}

	
#CS_Element_leftNav li a.currentSubsite, #CS_Element_leftNav li a.activeSubsite,#CS_Element_leftNav li a.activeSubsite:visited  {
	background: #999999 url(../images/devsoc-layout/devsoc-current-subsite-bg.gif) repeat-y top left;
	color:#FFFFFF;
	border-bottom:2px solid #EEEEEE;
	}

#CS_Element_leftNav li a.subsiteName, #CS_Element_leftNav li a.subsiteName:visited{
	background: #666666 url(../images/devsoc-layout/devsoc-subsite-bg.gif) repeat-y top left;
	font-size:.9em;
	border-bottom:2px solid #EEEEEE;
	color:#EEEEEE;
	}
	

/* === 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-image: url(../images/dept-layout/CALS_navBody_bg_1.jpg);*/
	}

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

#bottomContentContainerTwoColumns {
	/* should be on dept.css if they don't want grey line
	background-image: url(../images/dept-layout/CALS_two_column_BG_1.gif);*/
	}

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

/* change background for footer*/
#footerSearchWrapper {
	background-color: #cccccc;
	}
	
/* ###################  copyright tag line #########################*/

#CS_Element_copyrighttag {
	background-color:#D7D6D1;
	}
	
#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 {
	/*** should change this at dept.css for differnet color lines 
	background-image: url(../images/CALS_layout/CALS_three_column_BG_1.gif);
	background-repeat: repeat-y;
	background-position: top;***/
	}



	
/*=========== 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;
	padding: 3px 0px;
	border-top:1px solid #a9beb4;
	border-bottom:1px solid #a9beb4;
	}
	
#bottomContentContainerIndex .CS_Textblock_Caption, #bottomContentContainer .CS_Textblock_Caption{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	margin: 10px 0px 5px 0;
	padding: 3px 0px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	}

/* ===== Faculty profile ========*/
#faculty-callout {
	background:#FFFFFF url(/cals/images/devsoc-layout/faculty-callout-bg.png) no-repeat top;

}