/* Center for Jewish Studies, UC Berkeley */
/*  font: font-style font-variant font-weight font-size/line-height font-family; 
	font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
	Raleway // 300 = Light; 400 = Normal; 600 = Semi-Bold; 700 = "Bold"
*/
/* ==== Colors ==== */
/*
Menu Back 		= #E3D1B8
Dark Orange 	= #BF6B15
Light Orange	= #E26F2C
Gold Menu Color	= #D59F0F
Menu Gold		= #ECA715
Fuscia 			= #B44479
Dark Blue		= #003767
Text Gray		= #58595B
Gray Tabs		= #939598
Light Tabs		= #D1D3D4
Tab Background	= #F1F2F2
Light Red		= #EF4136
Dark Red		= #A1490C
Foot Gray		= #6D6E71

*/


html, body {
	/* padding-top: 60px;  60px to make the container go all the way to the bottom of the topbar */
	font: normal normal normal 11px/15px Arial, sans-serif;
	color:#58595B;
	height:100%;
}
#content {
	font: normal normal normal 13px/21px Arial, sans-serif;
}
#content #intro {
	font: normal normal normal 15px/30px Arial, sans-serif;
}
#sidebar {
	font: normal normal normal 11px/15px Arial, sans-serif;
}
#sidebar p {
	margin-bottom:6px;
}
#right-sidebar {
	position: relative; /* parent for captions optional */
}
a {
	color:#003767;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	outline:none;
	border:none;
}
a:visited,
a:focus,
button:focus,
input:focus,
select:focus,
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner  {
	outline:none;
	border:none;
	border:0;
}
#main-content a {
	text-decoration: underline;
}
#main-content .navbar .nav li a {
	text-decoration: none;
}
.container {
	/* background-color:rgba(255,255,255,0.4); */
/* 	outline:1px solid red; */
}
.showgrid{
	background-image: url("../img/showgrid.png");
	background-position: center top;
	background-repeat: repeat-y;
}
.raleway {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-rendering: inherit;
}
.raleway-light {
	font-weight:300;
}
.raleway-norm {
	font-weight:400;
}
.raleway-semi {
	font-weight:600;
}
.raleway-bold {
	font-weight:700;
}
#content h1,h2,h3,h4,h5,h6 {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 700;	
	font-variant: small-caps;
	text-rendering: inherit;
}
#content h1 {
	font-size: 17px;
}
#content h2 {
	font-size: 15px;	
}
#content h3 {
	font-size: 13px;
}
#content h4 {
	font-size: 11px;	
}
#content h5 {
	font-size: 10px;	
}
#content h6 {
	font-size: 9px;	
}
#sidebar h1,h2,h3,h4,h5,h6 {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 700;	
	font-variant: small-caps;
	text-rendering: inherit;
}
#sidebar h1 {
	font-size: 17px;
}
#sidebar h2 {
	font-size: 15px;	
}
#sidebar h3 {
	font-size: 13px;
}
#sidebar h4 {
	font-size: 11px;	
}
#sidebar h5 {
	font-size: 10px;	
}
#sidebar h6 {
	font-size: 9px;	
}
.btn-primary {
	background-color: #003767;
   /*  background-image: linear-gradient(to bottom, #0065bd, #003767); */

   	background-image: none;
    background-repeat: repeat-x;
/*     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */
	border:none;
    color: #FFFFFF;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
    text-shadow:none;
    text-decoration: none !important;
	border-radius: 0px;
	padding: 10px 20px;
}

body.subpage #content #main-content h1 {
	font-weight: 600;	
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.08em;
	margin-top:20px;
	margin-bottom:8px;
	color:#BF6B15;

}
body.subpage #content #main-content h1.photo-title {
	margin-top:0px;
}
body.subpage #main-content h2 {
	font-family: Arial, sans-serif;
	font-size:15px;
	line-height: 21px;
	text-transform: uppercase;
	color: #003767;
	letter-spacing: 0.05em;
	text-rendering: inherit;
	margin-top:10px;
	margin-bottom:3px;
}
body.subpage #main-content h3 {
	font-family: Arial, sans-serif;
	font-size:15px;
	line-height: 21px;
	letter-spacing: 0.05em;
	text-rendering: inherit;
	margin-top:5px;
	margin-bottom:2px;
	font-variant: normal;
}
body.subpage #main-content h4 { 

}
/* Ensure that all paragraph text is justified in content area */
#main-content p {
	margin-bottom:16px;
	text-align: justify;
}
.content-header-image {
	position: relative; /* parent for floating image caption  */
}
.sidebar-photo-caption {
	color:#58595B;
	font-size: 10px;
	line-height: 18px;
	height:214px;
	position: relative;
}
.sidebar-photo-caption p {
	position:absolute;
	bottom:0px;
	margin-bottom:0px;
	
}
.sidebar-photo-caption p {
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.8); */
	text-align: left !important;
}
.photo-caption {
	color:#58595B;
	font-size: 10px;
	line-height: 18px;
	margin:5px 0px;
}
.wrap-text-left {
	float:left;
}
.wrap-text-right {
	float:right;
}
#logo-title {
	height:125px;	
}
#logo-title img {
	padding-left:20px;
	padding-top:10px;
}
body.subpage #logo-title img {
	padding-left:0px;
	padding-top:10px;
}
.title-drop-cap {
	position: relative;
	top:6px;
	font-size: 110%;
}
.row,
.row-fluid {
/* 	border-bottom:1px solid black; */
}
#banner-image {
	background-image: url("../img/banner-image_02.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	height: 210px;
}
#contact-block p {
	font-size: 13px;
	font-variant: small-caps;
	margin-bottom: 0px;
	padding-left:10px;
}
#contact-block address {
	font-size:12px;
	line-height:16px;
	padding-left:10px;
}
body.subpage #contact-block p {
	padding-left:0px;
}
body.subpage #contact-block address {
	padding-left:0px;	
}
body.subpage #contact-block {
	height:145px;
	position: relative;
}
body.subpage .contact-details {
	position: absolute;
	bottom:0px;

}
body.subpage #contact-block address {
	margin-bottom:0;
}


/*  =====   Navigation ======= */
body.frontpage #hide-home {
	display:none !important;
}
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus/*
,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle
*/ {
	box-shadow: none;
	outline:none;
	background-color: transparent;
}
/* remove stupid arrow on dropdown */
.dropdown-menu:before,
.dropdown-menu:after {
    border: none !important;
    content: "" !important;
}
.navbar {
	margin-top:10px;
	margin-bottom:40px;
}
ul.nav {
	width:100%;
}
/* set width and "spread out" the menus */
.navbar .nav > li {
	margin:0 auto;
	width:20%; /* change this to accommodate wider menu */
}
/* links on the first level */
.navbar .nav > li > a {
	color:white;
	background-color:#D59F0F;
}
/* all main nav links */
.navbar .nav > li a {
	text-align: center;
	margin: 0 3px;
	text-shadow: none;
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 600;	
	text-transform: uppercase;
	font-size: 14px;
	padding:6px 0px;
	text-rendering: inherit;
	text-decoration: none;
}
/* dropdown menus are small-caps */
.navbar .nav > li ul li a {
	text-transform: none;
	font-variant: small-caps;
}
/* targeting first level of drop-down menus to override bootstrap and match other menus on first level */
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
/*
	color:white;
	background-color:#D59F0F;
*/
}
/* flush menu left */
.navbar .nav > li.first a {
	margin-left:0px;
}
/* flush menu right */
.navbar .nav > li.last a {
	margin-right:0px;
}
/* properties of the submenu items */
.navbar .nav li ul.dropdown-menu li,
.navbar .nav li ul.dropdown-menu li a {
	font-size:11px;
	line-height: 13px;
	color: #003767;
	margin:0;
	padding:0;
	border-bottom: 1px solid white;
}
/* one-line or two-line submenu item content for equal height spacing */
.navbar .nav li ul.dropdown-menu li.one-line a {
	padding:10px 0px;
}
.navbar .nav li ul.dropdown-menu li.two-line a {
	padding:6px 0px;
}
/* overriding drop-down menu bootstrap styles */
.navbar .nav li ul.dropdown-menu {
	background-color: #E3D1B8;
	border:none;
	border-radius: 0px;
	box-shadow: none;
	background-clip:border-box;
	margin:0; /* important */
	padding:0; /* important */
}
/* override the boostrap gradient on drop-down items */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-image:none;	
}

.navbar .nav li.first ul.dropdown-menu {
	left:0px;
	min-width:121px;
}
.navbar .nav li ul.dropdown-menu {
	left:3px;
	min-width:118px;
}
/* Important to show all submenus on hover; Note: removed data-toggle="dropdown" class="dropdown-toggle" 
from nav to remove click-dependent drop-down by bootstrap.   */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.navbar .nav li.dropdown a.trail {
	
}

/* different hover colors for each menu and sub-menu */
.navbar .nav li a.home:hover,
.navbar .nav li.dropdown ul.home li a:hover  {
	color: white; /* override of bootstrap */
	background-color: #D59F0F; /* no change for home button */
}
.navbar .nav li.dropdown a.about:hover,
.navbar .nav li.dropdown ul.about li a:hover {
	color: white; /* override of bootstrap */
	background-color: #BF6B15;
}
.navbar .nav li.dropdown a.people:hover,
.navbar .nav li.dropdown ul.people li a:hover{
	color: white; /* override of bootstrap */
	background-color: #E26F2C;
}
.navbar .nav li.dropdown a.scholarship:hover,
.navbar .nav li.dropdown ul.scholarship li a:hover {
	color: white; /* override of bootstrap */
	background-color: #ECA715;
}
.navbar .nav li a.affiliations:hover {
	color: white; /* override of bootstrap */
	background-color: #B44479;
}
.navbar .nav li a.donate:hover {
	color: white; /* override of bootstrap */
	background-color: #003767;
}

/* trail to keep menu highlighted    */
.navbar .nav li.trail a#about-nav {
	background-color: #BF6B15;
}
.navbar .nav li.trail a#people-nav {
	background-color: #E26F2C;
}
.navbar .nav li.trail a#scholarship-nav {
	background-color: #ECA715;
}
.navbar .nav li.trail a#affiliations-nav {
	background-color: #B44479;
}
.navbar .nav li.trail a#donate-nav {
	background-color: #003767;
}





/*  =====  END Navigation ======= */

/*  ======= SUB PAGE NAVIAGATION ======== */
body.subpage .navbar {
	margin-top:10px;
	margin-bottom:5px;
}
body.subpage ul.nav {
	width:100%;
}
/* set width and "spread out" the menus */
body.subpage .navbar .nav > li {
	margin:0 auto;
	width:16.66%; /* change this to accommodate wider menu */
}
body.subpage .navbar .nav li ul.dropdown-menu {
	left:3px;
	min-width:124px;
}
body.subpage #subpage-nav .navbar .nav li ul.home {
	left:0px;
	min-width:127px;
}

body.subpage .navbar .nav { /* default */
	border-bottom:6px solid #D59F0F;
}
body.subpage .navbar ul.about { /* default */
	border-bottom:6px solid #BF6B15;
}
body.subpage .navbar ul.people { /* default */
	border-bottom:6px solid #E26F2C;
}
body.subpage .navbar ul.scholarship { /* default */
	border-bottom:6px solid #ECA715;
}
body.subpage .navbar ul.affiliations { /* default */
	border-bottom:6px solid #B44479;
}
body.subpage .navbar ul.donate { /* default */
	border-bottom:6px solid #003767;
}
body.subpage ul.dropdown-menu {
	border-bottom:none !important;
}





/* ==== */

body.subpage .navbar .nav > li a {
	padding-bottom:3px;
}
body.subpage .navbar .nav > li.trail a.about-nav {
	background-color: #BF6B15;
}
body.subpage .navbar .nav > li.trail a.people-nav {
	background-color: #E26F2C;
}
body.subpage .navbar .nav > li.trail a.scholarship-nav {
	background-color: #ECA715;
}
body.subpage .navbar .nav > li.trail a.affiliations-nav {
	background-color: #B44479;
}
body.subpage .navbar .nav > li.trail a.donate-nav {
	background-color: #003767;
}

/*  =====  END SUB PAGE Navigation ======= */

#content {
	
}
#main-content {
	/* min-height:500px; */
	padding-top: 30px; /* default top content spacing. Note: scholarship and affiliations have 0px */ 
}
/* no top padding for frontpage */
body.frontpage #main-content {
	padding-top:0px;
}
/* Change top content spacing for these sections */
body.scholarship #main-content {
	padding-top: 0px;
}
body.affiliations #main-content {
	padding-top: 0px;
}


#sidebar {
	
}
#sidebar-updates {
	margin-bottom:5px;
	border-bottom:5px solid #939598;
}
#sidebar-updates li {
	width:48.5%;
}
#sidebar-updates li a {
	background-color: #D1D3D4;
	border:none;	
	border-radius: 0px;
	text-align: center;
	font-size:15px;
	color:white;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0px;
	padding-bottom: 3px;
	margin:0px;

}
#sidebar-updates li a:hover {
	text-decoration: none;
}
#sidebar-updates li.active a {
	background-color: #939598;
}

#sidebar-panes {
	background-color: #F1F2F2;
	overflow-x: auto;
	max-height: 500px;
}
#sidebar-panes .tab-pane {
	padding:10px 10px 10px 0px;
}
#intro {
	position: relative;
	left:-10px;
	font-size:15px;
	letter-spacing: 0.05em;
	text-align: justify;
	text-rendering: inherit;
	
}
#intro h1 {
	margin-top:-4px;
	margin-bottom:16px;
	font-size:17px;
	line-height: 16px;
	text-align: left;
	letter-spacing: 0.14em;
	text-rendering: inherit;
}
#calendar {
	
}
#calendar .description p a {
	color: #58595B;
}
#calendar .item {
	padding-left: 10px;
	font-size:11px;
	line-height: 16px;
}

#calendar .bi {
	border-left: 3px solid #D59F0F;
}
#calendar .bi .referrer,
#calendar .bi .referrer a {
	color:#D59F0F;
}
#calendar .cfjs {
	border-left: 3px solid #A1490C;
}
#calendar .cfjs .referrer,
#calendar .cfjs .referrer a {
	color:#A1490C;
}
#calendar .magnes {
	border-left: 3px solid #BF6B15;
}
#calendar .magnes .referrer,
#calendar .magnes .referrer a {
	color:#BF6B15;
}

#calendar .item .referrer {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 700;	
	font-variant: small-caps;
	font-size: 11px;
	text-rendering: inherit;
	
}
#calendar .item .date {
	font-weight:bold;
}
#calendar .item .time {
	font-weight:bold;
	margin-left:30px;
	text-transform: uppercase;
}
#calendar .item .title {
	text-transform: uppercase;
	font-weight:bold;
}
#calendar .item .description {
	
}
#calendar .item .location {
	
}
#calendar .item .location span {
	text-transform: uppercase;
}
#calendar hr {
	color:#e4e4e4;
	background-color:gray;
	height:4px;
	margin:20px auto;
	margin-left:10px;
}
#news {
	
}
#news .item {
	padding-left: 10px;
	font-size:11px;
	line-height: 16px;
}
#news .item .referrer {
	
}
#news .item .magnes {
	
}
#news .item .date {
	font-weight: bold;
}
#news .item .time {
	font-weight:bold;
	margin-left:30px;
	text-transform: uppercase;
}
#news .item .title {
	text-transform: uppercase;
	font-weight: bold;
}
#news .item .description {
	
}
#news .item .location {
	
}
#news hr {
	width:90%;
	color:#e4e4e4;
	background-color:gray;
	height:4px;
	margin:20px auto;
	margin-left:10px;
}
#past-events p {
	margin: 10px 20px 0px 0px;
	text-align: right;
}

/* Inset content */
.inset {
	padding:0px 20px;
}
.inset-left {
	padding:0px 0px 0px 20px;
}
.inset-right {
	padding:0px 20px 0px 0px;
}
.inset-top {
	padding-top:30px;
}


.bio-img {
	padding-left:20px;
/*
	float:left;
	width:118px;
*/
}
.bio-info {
/*
	float:left;
	margin-left:20px;
*/
	
}
#content .bio-info h1.name,
#content .bio-info h2.name,
.bio-info p.name,
.bio-info div.name {
	float:left;
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 600;	
	font-variant:normal;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-rendering: inherit;
	margin: 0px;
	position: relative;
	top:-5px;
}
.bio-info p.title {
	clear:both;

}
.bio-text { /* DO NOT ADD L/R PADDING HERE. USE .inset div to control content spacing */
	margin-top:20px;
}
.founding-director {
	margin-left:20px;
}

#subpage-nav-sidebar {
	background-color: #E6E7E8;
}
#subpage-nav-sidebar h3 {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 700;	
	font-variant:normal;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-rendering: inherit;
	color:#003767;
}
.inner-subpage-nav {
	margin-top:30px;
	margin-left:20px;
}
#subnav-box ul.subnav ul,
#subnav-box ul.subnav li,
#subnav-box ul.subnav ul li ul,
#subnav-box ul.subnav ul li ul li {
	list-style: none;
	list-style-type: none;
}
#subnav-box ul.subnav li {
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 600;	
	font-variant:normal;
	font-size: 14px;
	line-height: 17px;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	text-rendering: inherit;
	margin-bottom:16px;
	color:#003767;

}
/*  Default color for "non-active" elements */
ul.subnav li a,
ul.subnav li ul li a {
	color: #003767;
}
#subnav-box ul.subnav li ul li {
	text-transform: uppercase;
	padding-top:16px;
}
/* hightlighting of left-sidebar subnav depending on active page */
#subnav-box ul.subnav li.about,
#subnav-box ul.subnav li.about a,
#subnav-box ul.subnav li.about ul li,
#subnav-box ul.subnav li.about ul li a,
#subpage-nav-sidebar .inner-subpage-nav h3.about {
	color:#BF6B15;
}
#subnav-box ul.subnav li.people,
#subnav-box ul.subnav li.people a,
#subnav-box ul.subnav li.people ul li,
#subnav-box ul.subnav li.people ul li a,
#subpage-nav-sidebar .inner-subpage-nav h3.people {
	color:#E26F2C;
}
#subnav-box ul.subnav li.scholarship,
#subnav-box ul.subnav li.scholarship a,
#subnav-box ul.subnav li.scholarship ul li,
#subnav-box ul.subnav li.scholarship ul li a,
#subpage-nav-sidebar .inner-subpage-nav h3.scholarship {
	color:#ECA715;
}
#subnav-box ul.subnav li.affiliations,
#subnav-box ul.subnav li.affiliations a,
#subnav-box ul.subnav li.affiliations ul li,
#subnav-box ul.subnav li.affiliations ul li a,
#subpage-nav-sidebar .inner-subpage-nav h3.affiliations {
	color:#B44479;
}
#subnav-box ul.subnav li.donate,
#subnav-box ul.subnav li.donate a,
#subnav-box ul.subnav li.donate ul li,
#subnav-box ul.subnav li.donate ul li a,
#subpage-nav-sidebar .inner-subpage-nav h3.donate {
	color:#003767;
}
 
.content-table {
	width:100%;
	margin-bottom:30px;
}
.content-table td {
	vertical-align: top;
	text-align: justify;
}
.content-table td.col50 {
	width:50;
}
.content-table td.col75 {
	width:75px;
}
.content-table td.col100 {
	width:100px;
}
.content-table td.col125 {
	width:125px;
}
.content-table td.col150 {
	width:150px;
}
.content-table td.col175 {
	width:175px;
}
.content-table td.col200 {
	width:200px;
}

#faculty-fellows {
	
}
/* These are anchors, not necessarily for styling 
#faculty {}
#grad-students {}
#staff {}
*/
.person {
	width:100px;
	height:160px;
	float:left;
	text-align: center;
	display:table;
}
.portrait-photo-back {
	width:74px;
	height:100px;
	background-color:#CCC;
	margin:0 auto;
	display:block;
}
#faculty-fellows #faculty-pics div.person p,
#grad-students #grad-pics div.person p,
#staff #staff-pics div.person p {
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 10px;
	line-height: 11px;
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 600;	
	text-transform: uppercase;
	text-rendering: inherit;

}

 
/*  Footer styles */
#foot {
	margin-top:20px;
	background-color:gray;
	font-size:13px;
	color:#CCC;
}
#foot a {
	color:#CCC;
}
#foot a:hover {
	text-decoration: underline;
}


#ucbseal {
	width:77px;
	height:77px;
	background-image:url("../img/ucb_seal_web_77x77.png");
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin:20px 10px 20px 20px;
}
#uc-id p {
	float:left;
	margin-top:52px;
	text-transform: uppercase;
}

#copyright {
	font-size:12px;
	margin-top: 27px;
	line-height: 18px;
}
body.subpage #copyright {
	margin-top:45px;
}
.inner-copyright {
	padding-left:70px;
}
body.subpage .photo-credit {
	display:none;
}
img.headshot {
	margin-left:10px;
}
.show-menu-text {
	text-shadow: none;
	color:white;
	margin-right:10px;
	line-height: 13px;
}
.narrow-picture-block {
	float:left;
	width:220px;
	padding-right:20px;
}
blockquote p {
	font-size: 11px;
}


/*  ============= MEDIA STYLES ==============  */
/*
@media (min-width: 768px) and (max-width: 979px) {} // Portrait Tablet to Landscape and Desktop

@media (max-width: 767px) {} // Landscape phone to portrait Tablet

@media (max-width: 480px) {} // Landscape phones and down 

@media (max-width: 979px) {} // BELOW 979 (MOBILE, TABLET )

@media (min-width: 980px) {} // 980 and ABOVE (ABOVE DESKTOP)
*/

/* Portrait Tablet to Landscape and Desktop  */
@media (min-width: 768px) and (max-width: 979px) {
	.navbar .nav {
		top:5px;
	}
	img.headshot {
		margin-left:0px;
	}
	.founding-director {
		margin-left:0px;
	}
	#intro h1 {
		margin-top:0px;
	}
	#calendar .item .time {
		margin-left:5px;
	}
	body.subpage .navbar .nav li,
	body.subpage .navbar .nav li a {
		width:100%;
		border-radius: none;
		margin:0px;
		margin-bottom:5px;
	}
	body.subpage .navbar .nav li a,
	body.subpage .navbar .nav li ul.dropdown-menu li.one-line a,
	body.subpage .navbar .nav li ul.dropdown-menu li.two-line a  {
		padding-top:15px;
		padding-bottom:15px;
	}
	.navbar .nav li ul.dropdown-menu li.one-line a,
	.navbar .nav li ul.dropdown-menu li.two-line a {
		font-size:13px;
	}
	#right-sidebar p.photo-caption {
		font-size:11px;
		margin-top:0px;
	}
	 #main-content {
		padding-top:0px;
	}
	
} /* end tablet

/* BELOW 767  (Landscape Phone to Portrait Tablet) */
@media (max-width: 767px) { 
	.navbar .nav {
		top:5px;
	}
	
	body.subpage .navbar .nav li,
	body.subpage .navbar .nav li a {
		width:100%;
		/* margin:0px; */
		border-radius: none;
		/* margin-bottom:5px; */
		margin:5px 0px;
	}
	body.subpage .navbar .nav li a,
	body.subpage .navbar .nav li ul.dropdown-menu li.one-line a,
	body.subpage .navbar .nav li ul.dropdown-menu li.two-line a  {
		padding-top:15px;
		padding-bottom:15px;
	}
	.navbar .nav li ul.dropdown-menu li.one-line a,
	.navbar .nav li ul.dropdown-menu li.two-line a {
		font-size:13px;
	}
	body.subpage #main-content {
		padding-top:0px;
	}
	body.subpage #contact-block {
		display:none;
	}
	body.subpage #logo-title {
		padding-bottom: 0px;
	}
	body.subpage .bio-img,
	body.subpage .inset {
		padding-left:0px;
		padding-right:0px;
	}
	
	body.subpage #content .bio-info h1.name,
	body.subpage #content .bio-info h2.name {
		padding-top:10px;
		top:0px;
	}
	#sidebar {
		padding-top:20px;
		border-top: 5px solid gray;
	}
	#sidebar #sidebar-panes {
		
		max-height: 300px;
	}
	.inset-left {
		padding-left:0px;
	}
	#intro {
		left:0px;
	}
	body.frontpage img.headshot {
		display:none;
	}
	#copyright {
		clear:both;
	}
	#ucbseal {
		float:none;
		margin:20px auto 0px auto;
	}
	#uc-id p {
		width:100%;
		text-align: center;
		float:none;
		margin:20px auto;
	}
	#copyright {
		margin-top:10px;
	}
	#copyright p {
		text-align: center;
	}
	body.subpage #contact-block {
	    height:90px;
    }
    .sidebar-photo-caption p {
	    font-size:11px;
    }
    .narrow-picture-block {
		float:none;
		width:100%;
		padding-right:0px;
	}

}  
/* Portrait Tablet to landscape and Desktop */
@media (max-width: 979px) {
	
	.navbar .nav li,
	.navbar .nav li a {
		width:100%;
		margin:0px;
		border-radius: none;
		margin-bottom:5px;
	}
	.navbar .nav li a {
		font-size:16px;
	}
	.navbar .nav li a,
	.navbar .nav li ul.dropdown-menu li.one-line a,
	navbar .nav li ul.dropdown-menu li.two-line a  {
		padding-top:15px;
		padding-bottom:15px;
	}
	.navbar .nav li ul.dropdown-menu li.one-line a,
	.navbar .nav li ul.dropdown-menu li.two-line a {
		font-size:13px;
	}
	
	.navbar a.btn-navbar {
		width:100%;
		background-color:#D59F0F;
		background-image:none;
		margin:0px;
		padding:10px 0px;
		border:none;
		text-transform: uppercase;
		font-weight:bold;
		font-size:17px;
		line-height: 17px
	}
	.btn-navbar .pull-right {
		margin-right:20px;
	}
	.navbar .btn-navbar:hover {
		background-color:#D59F0F;
	}
	#intro h1 {
/* 		letter-spacing: 0px; */
	}
	
	#sidebar-panes {
		max-height:600px;
	}
	#logo-title {
		height:auto;
		padding-bottom:10px;
	}
	#logo-title img {
		margin:0;
		padding:0;
	}
	#copyright .inner-copyright {
		padding-left:0px;
	}
	#subpage-nav-sidebar {
		display: none;
	}
}/* end */