/* General styles */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 1em 0;
  color:#222222;
}

/* Appears with styles off */
#skipnav {
  display: none;
  line-height: 0;
  
}

/* page wrapper */
#page {
  padding: 0;
}

/* top header */
#header {
    background-color: #ffffff;
	width: 100%;
}
  #header #ucdavis {
	padding: 8px 0 8px 12px;
	background-color: #002666;
	border-bottom: 2px solid #bf9900;
  }
  
  #header #ucdavis a {
  	color: #ffffff;
  }
  
  #header #program_name {
	background-color: #fff;
	padding: 0em 0.25em 0em 0.25em;
	font-size: 2.8em;
  }
  
  #header #program_name h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0;
	color: #002666;
	font-size: 1em;
	height: 80px;
  }
  
  #header #program_name a {
    text-decoration: none;
	color: #002666;
  }
  
  #header #program_name img {
    border: none;
  }
  
   
   /* --------------- Primary site navigation section --------------- */
	#primary_nav {	
		position: relative;
		background-color: #d2b84c;
		border-bottom: 1px solid #002666;
		border-top: 1px solid #002666;
		overflow: auto;
	}
	
		#primary_nav ul {
			padding: 0;
			margin: 0;
			width: 100%;
		}
		
		#primary_nav ul li {
			display: inline;
		}
		
		#primary_nav ul li a, #primary_nav ul li span.here, #primary_nav ul li span.first_here {
			float: left;
			padding: 0.3em 0.6em 0.4em 0.6em;
			font-weight: bold;
			color: #002666;
			white-space: nowrap;
			border-right: 1px solid #004A3D;
		}
		
		#primary_nav ul li a {
			text-decoration: none;
			border-bottom: 0px none;
		}
		#primary_nav ul li a.here {
			background-color: #FFFFFF;
			color: #002666;
			text-decoration: none;
			border: 0 1px 0 1px solid #335185;
		}
		#primary_nav ul li a.here:hover {
			color:#002666;
			background-color:#ECE0B2;
		
		}
		#primary_nav ul li a.first {
			text-decoration: none;
			border-bottom: 0px none;
			padding-left: 13px;
/*		background-image: url(/images_new/common/nav_pointer_off.gif); */
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		#primary_nav ul li a:hover {
			color:#002666;
			background-color: #ECE0B2;
		}
		
		#primary_nav ul li a.first:hover {
			color:#002666;
			background-color: #ECE0B2; 
/*			background-image: url(/images_new/common/nav_pointer_on.gif); */
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		#primary_nav ul li span.here {
			background-color: #B2C9C5;
			color: #004A3D;
		}
		
		#primary_nav ul li span.first_here {
			padding-left: 13px;
			background-color: #B2C9C5;
			color: #004A3D;
/*			background-image: url(/images_new/common/nav_pointer_on.gif);  */
			background-repeat: no-repeat;
			background-position: left center;
		}
		
/***** Two-column container. Contains the "left_sidebar" and [right] "content" *****/
#two_column {
    float: left;
	line-height: 1.5em;
	margin: 0 0 0 0;
	background-color: #002666; /* This must match the background-color of #two_column #left_sidebar */ 
	}
  
/***** Left_sidebar *****/
  #two_column #left_sidebar {
	background-color: #002666;
	float: left;
	width: 175px;
	height: 100%;
  }

  
  /* Sidebar heading */	
   #two_column #left_sidebar h3 {
    font-family: Verdana, Arial, sans-serif;
	border-bottom: 1px solid #d2b84c;
    font-size: 1em;
    color: #d2b84c;
    margin: 1em 1em 1em 1em;
	}

   /* Sidebar list (menu) */
    #two_column #left_sidebar ul {
      padding: 0;
	  margin: 2em 0 0 1.5em;
	}
		
	  #two_column #left_sidebar li {
		color:#CCCCCC;
	    margin: 0 0 1em 0;
		padding: 0;
		list-style-type: square;
	  }
	  #two_column #left_sidebar li.active {
	  	color:#77160B;
		font-size:110%;
		font-weight:bold;
	  }
	  
	#two_column #left_sidebar a {
	color: #d2b84c;
	text-decoration: none;
	display: block;
	}
	
   #two_column #left_sidebar h4 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    color: #000066;
    margin: .5em 0 0 1em;
	}
	
	#two_column #left_sidebar p {
	color: #FFFFFF;
	margin: .5em 0 0 1em;
	}
	
   #two_column #left_sidebar a:hover {
	color: #d2b84c;
}
	
  /***** Right column *****/
  #two_column #content {
    margin: 0 0 0 175px;
    padding: 0.5em 1em 0.5em 2em;
    vertical-align: top;
	background-color: #ffffff;
    border-left: 1px solid #002666;
  }
#two_column #content a:hover { color: #5D005D; }

  
  /* Breadcrumb [Home > Category > .. > Page] */
  #two_column #content #breadcrumb {
   	color:#002666;
    text-align: right;
	font-size: 1em;
	margin: 0 0 1em 0	;
	padding: 0 0 0.5em 0;	
	font-size: 0.9em;
	border-bottom: 1px solid #cccccc;
	display: block;
  }	

    /* Banner */
  #two_column #content .banner {
	height: 0px;
  }
  
    /* Breadcrumb link colors */
    #two_column #content #breadcrumb a  { color: #002666; text-decoration: none; }
	#two_column #content #breadcrumb a:hover { color: #77160B; }
  
  /* Horizontal rule used to break up sections */
  #two_column hr {
      border: 0;
	  height: 1px;
	  color: #a6a6a6;
  	  background-color: #a6a6a6;
	  margin-bottom: 1em;
  }
  /* Odd numbered rows are white */
  #two_column table.alternate tr:nth-child(odd) {
   	  background-color: #FFF;
  }

  /* Even numbered rows are grey */
  #two_column table.alternate tr:nth-child(even) {
	  background-color: #CCCCCC;
  }
  
  
  /* Picture aligned left */
  #two_column #content .pic_left {
	float: left;
	margin: 1em 0 1em 1em;
  }
  /* Picture aligned right */
  #two_column #content .pic_right {
    float: right;
	margin: 1em 2em 1em 1em;
  }
    #two_column #content .pic_faculty {
	float: left;
	margin-top: 0em;
	margin-right: 1em;
  }
  /* Picture aligned right with caption on left of pic */
  #two_column #content .pic_caption {
	margin: 1em 2em 1em 1em;
	float: right;
	vertical-align: text-top;
	margin-right: 20px;
	border: solid gray 1pt; 
	padding: 1em 1em 1em 1em;
  }
  
/****** Main content area headings ******/

  /* H1 = Page title */
  #two_column #content h1 {
    font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 2.25em;
	color: #022666;
	margin: 0.25em 0 1em 0;
	display: inline;
	line-height: 1em;	
  }
  
    #two_column #content .end_biohead { clear: both; }

  
  /* H3, H4 = Section headings */
  #two_column #content h3, h4{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	#font-weight: normal;
	font-size: 1.5em;
	color: #022666;
	font-weight: bold;
  }

/* H2 = Same as h3 but black and no margin-bottom spec */
  #two_column #content h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 1.5em;
  }
  
  /* H4 = Section sub-heading (smaller than H3) */
  #two_column #content h4 {
    font-weight: normal;
	font-size: 1.25em;
	margin-bottom: 0.25em;
  }
  
  /* Linkified section heading link color */
  #two_column #content h3 a, h4 a { color: #002666; }
  
  /* Visited state color for linkified section heading */
  #two_column #content h3 a:visited, h4 a:visited {
	color: #5D005D;
}
  #two_column ul {color: #222222;}  
  #two_column ol {color: #222222;}  
  #two_column #content .section ul { margin-top: 0; }  
  #two_column #content .endcontent { clear: both; }
  

/***** Footer *****/
#footer {
  float: left;
  clear: left;
  padding: 0.5em 0 0.5em 0;
  text-align:center;
  width: 100%;
  border-top: 1px solid #4C4C4C;

}
/***** Table: see p. 142 *****/
table.styled {
	padding: 4px;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #ddd;
	font-size:90%;
	margin: 15px 0 20px 15px;
	empty-cells:show;
	width: 95%;	
}
table.styled caption {
	color:#333;
	font-size:130%;
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}
table.styled thead th {
	border:0;
	border-bottom: 1px solid #ddd;
	color:#333;
	font-size:105%;
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align:left;
}
table.styled tbody tr.odd {
	background-color:#b2bed1;
	border-top: 1px #000;
	border-bottom: 1px #000;
}
table.styled tbody tr.even {
	background-color:#fff;
}
table.styled tbody tr:hover {
	background-color:#d9c266;
}
table.styled tbody td {
	color:#333;
	padding:2px;
	border:0;
}
table.styled tbody td a {
	text-decoration:underline;
	color: #002666;
}
table.styled tbody td a:hover {
	background-color: #CCAD33;
}

table.styled tbody tr:hover td {
	color:#444;
}
/***** End Table 1 *****/
/*Begin non-hover version*/
/***** Table: see p. 142 *****/
table.styled_non {
	padding: 4px;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #ddd;
	font-size:90%;
	margin: 15px 0 20px 15px;
	empty-cells:show;
	width: 95%;	
}
table.styled_non caption {
	color:#333;
	font-size:130%;
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}
table.styled_non thead th {
	border:0;
	border-bottom: 1px solid #ddd;
	color:#333;
	font-size:105%;
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align:left;
}
table.styled tbody tr.odd {
	background-color:#b2bed1;
	border-top: 1px #000;
	border-bottom: 1px #000;
}
table.styled_non tbody tr.even {
	background-color:#fff;
}
table.styled_non tbody td {
	color:#333;
	padding:2px;
	border:0;
}
table.styled_non tbody td a {
	text-decoration:underline;
	color: #002666;
}


/**** Begin nested boardered boxes ****/
#holderdiv {width: 95%;}
 
#holderdiv div {
  margin: 0 10px 10px 10px;
  background-color: #ffffff;
  border: 1px solid #99a8c2;
}
 
#holderdiv h4 {
  margin: 0;
  background-color: #ccd4e0;
  padding: 5px;
}
 
#holderdiv p {
  margin: 5px 0; /* Only vertical margins on the p */
  padding: 0 5px; /* Also side padding */
}
 
#holderdiv .p-divider {
  border-top: 1px solid black;
  padding-top: 5px; /* This one gets top padding */
}
/**** End nested boardered boxes ****/

/**Required Form Fields **/
*.required {
color:	#CC0000
/*font-weight:bold; */
}
/**** Begin form field styles ****/
form {
 border: 1px solid #b2bed1;
 padding: 5px 8px 5px 8px;
}

/*Stylize input boxes, starting with the wide text box -- all commented out as I look at adding form page **/
input { 
 background-color: #b2bed1;
 color:#002666;
 font-family:Verdana, Helvetica, sans-serif;
 font-size:10px;
 width:300px;
 border: 1px solid #002666;
}
input.m{ /*Medium text box*/
	width: 200px;
}
input.s{ /*Small text box*/
	width:100px; 
}
input.tiny{/*Okay, you get the idea. Use for two-char responses such as 'CA'*/
	width:20px;
}
/*** ....end of stylized input boxes ******************/
.texta {
 font-family:Verdana, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #b2bed1;
 border: 1px solid #002666;
  color:#002666;
}
select {
 background-color: #b2bed1;
 font-family:Verdana, Helvetica, sans-serif;
 font-size:10px;
 font-weight:bold;
 color: #002666;
 padding:2px 2px 2px 2px;
}

input.btn1 {
 font-size: 12px;
 margin: 25px 0 20px 0;
 width:80px;
 height:20px;
 cursor:pointer;
}
input.btn1:hover{
	background-color:#002666;
	border: 2px solid #335185;
	color:#ffffff;
}



/**** End form field styles ****/