/*****************************************************************************/
/* Colours, Background and Borders */
/*****************************************************************************/
ul.menu,
.menu ul,
.menu ul li a {
	color: #000e81;
}

/* BH - Make backgrounds of menu items switch colour */
#navigation li:hover,
#navigation li:hover a,
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation li.active-trail,
#navigation li.active-trail a,
#navigation ul ul li:first-child,
#navigation ul ul li,
#navigation ul ul li a,
#breadcrumb, 
#breadcrumb a {
	color: #11335D;
}

#navigation a,
.view-id-sliders .views-slideshow-controls-bottom span a {
	color: #eee;
}

/****************/
/* Text Shadows */
/****************/
#navigation > div > ul > li > a {
	text-shadow: 0 0 1px #1e5ca8; /* 30% brighter than #11335D */
}

#navigation > div > ul > li.active-trail > a,
#navigation > div > ul > li > a:active,
#navigation > div > ul:hover > li > a {
	text-shadow: 0 0 1px #bababa; /* 30% brighter than #eee */
}

#navigation > div > ul > li > a:hover {
	text-shadow: none;
}

h1, h2, h3, h4, h5, h6,
#content .view-calendar div.item-list ul li.views-row .views-field-title,
.region-footer .block .block-title { 
	text-shadow: 0 0 1px #bbbbbb; /* 30% brighter than #fff */
}


/***************/
/* Backgrounds */
/***************/
#navigation ul li {
	background-color: transparent;	
}

#navigation,
#navigation ul li,
.view-id-sliders .views-slideshow-controls-bottom span {
	background-color: #11335D;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#11335D), to(#0c2442));
	background-image: -webkit-linear-gradient(top, #11335D, #0c2442);
	background-image: -moz-linear-gradient(top, #11335D, #0c2442);
	background-image: -o-linear-gradient(top, #11335D, #0c2442);
	background-image: linear-gradient(to bottom, #11335D, #0c2442);
}

.sidebar .section .block, /* #block-menu-menu-lhs-menu, */
.form-wrapper,
#breadcrumb,
.region-footer .block,
.region-footer .block-menu {
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(top, #eee, #ddd);
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -o-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(to bottom, #eee, #ddd);	
}

#navigation li:hover,
#navigation li:hover a,
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation li.active-trail,
#navigation ul ul li {
	background-color: #eee;
	background-image: none;
}

.node-home-page-test {
	background-image:url("/images/10_test.jpg");
	background-repeat:no-repeat;
}

body.node-type-undergraduate-page #main-wrapper .block-menu, body.node-type-graduate-page #main-wrapper .block-menu, 
body.node-type-research-page #main-wrapper .block-menu, body.node-type-page-other #main-wrapper .block-menu,
#go_content_frame .view-calendar div.item-list ul li,
.node-home-page {
	background-color: #fdfdfd;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fdfdfd), to(#fafafa));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #fafafa);
	background-image: -moz-linear-gradient(top, #fdfdfd, #fafafa);
	background-image: -o-linear-gradient(top, #fdfdfd, #fafafa);
	background-image: linear-gradient(to bottom, #fdfdfd, #fafafa);	
}

.view-id-sliders .views_slideshow_main .views-field-title {
	background-color: #fdfdfd;
	background-color: rgba(253, 253, 253, 0.85);
}


/***********/
/* Borders */
/***********/
#navigation {
	border-top: 1px solid #11335D;
	border-bottom: 5px solid #eee;
}

#navigation li {
	border-right: 1px solid #eee;
}

#navigation li:first-child {
	border-left: 1px solid #eee;
}

#navigation ul ul li {
	border-left: 1px solid #11335D;
	border-right: 1px solid #11335D;
}

#navigation ul ul li:first-child {
	border-left: 1px solid #11335D;
}

#navigation ul ul li:last-child {
	border-bottom: 1px solid #11335D;
}

body.node-type-undergraduate-page #main-wrapper .block-menu, body.node-type-graduate-page #main-wrapper .block-menu, 
body.node-type-research-page #main-wrapper .block-menu, body.node-type-page-other #main-wrapper .block-menu,
#go_content_frame .view-calendar div.item-list ul li,
.node-home-page {
	border: 1px solid #CCC;
}

.sidebar .section .block, /* #block-menu-menu-lhs-menu, */
.form-wrapper,
.region-footer div.block,
.region-footer div.block-menu {	
	/* Yellow with red trim 
	border: 1px solid #9D1939;
	background-color: #efdf83; */

	/* Grey with darker grey trim */
	border: 1px solid #11335D;
}


#breadcrumb li {
	border-right: 1px solid #11335D;
}

.views-field td {
	border-bottom: 1px solid #CCC;
}

body.page-node-658 #content .node table,
body.page-node-658 #content .node th,
body.page-node-658 #content .node td {
	border: none;
}


/***************/
/* Box Shadows */
/***************/
.sidebar .section .block, /* #block-menu-menu-lhs-menu, */
.form-wrapper,
.region-footer div.block,
.region-footer div.block-menu,
.node-home-page {
	-moz-box-shadow:    1px 1px 1px 1px rgba(17, 51, 93, 0.15);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(17, 51, 93, 0.15);
	box-shadow:         1px 1px 1px 1px rgba(17, 51, 93, 0.15);
}

#navigation li {
	-moz-box-shadow:    1px 0 1px 0 rgba(238, 238, 238, 0.25);
	-webkit-box-shadow: 1px 0 1px 0 rgba(238, 238, 238, 0.25);
	box-shadow:         1px 0 1px 0 rgba(238, 238, 238, 0.25);
}

#navigation li:first-child {
	-moz-box-shadow:    -1px 0 1px 0 rgba(238, 238, 238, 0.25);
	-webkit-box-shadow: -1px 0 1px 0 rgba(238, 238, 238, 0.25);
	box-shadow:         -1px 0 1px 0 rgba(238, 238, 238, 0.25);
}

#navigation ul ul li {
	border-left: 1px solid #11335D;
	border-right: 1px solid #11335D;
}

#navigation ul ul li:first-child {
	border-left: 1px solid #11335D;
}

#navigation ul ul li:last-child {
	border-bottom: 1px solid #11335D;
}


body.node-type-undergraduate-page #main-wrapper .block-menu, body.node-type-graduate-page #main-wrapper .block-menu, 
body.node-type-research-page #main-wrapper .block-menu, body.node-type-page-other #main-wrapper .block-menu,
#go_content_frame .view-calendar div.item-list ul li {
	border: 1px solid #CCC;
	-moz-box-shadow:    1px 1px 1px 1px rgba(204, 204, 204, 0.15);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(204, 204, 204, 0.15);
	box-shadow:         1px 1px 1px 1px rgba(204, 204, 204, 0.15);
}


/*****************************************************************************/
/* Fonts */
/*****************************************************************************/
body {
	font-family: Geneva, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
	text-align: justify; text-justify: newspaper;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "New York", Georgia,"Times New Roman",serif;	
	font-weight: 100;
	line-height: 1em;
}

h1 { font-size: 200%; font-weight: 500; }
h2 { font-size: 175%; font-weight: 400; }
h3 { font-size: 150%; font-weight: 300; }
h4,
#content .view-calendar div.item-list ul li.views-row .views-field-title { 
	font-size: 120%; font-weight: 200; 
}

#navigation {
	font-size: 1.2em;
}

#navigation ul ul li {
	font-size: 0.9em;
}

.menu a {
	text-decoration: none;
}

code {
	font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace;
	text-align: left;
}

fieldset {
	font-weight: bold;
}

#breadcrumb {
	font-size: 0.917em;
	line-height: 1.333;
}


/*****************************************************************************/
/* General Tags */
/*****************************************************************************/
body {
	margin: auto;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.75em;
}

p {
	line-height: 1.7; /* BH GoSaBe 2011.08.14:  was 1.5*/
	padding-bottom: 0.85em;
	padding-left: 0;	
}

ul {
	margin-left: 1em;
	/* padding-left: 20px; */
	padding-left: 0.5em;
}

li {
	margin-bottom: 0.6em;
}

table {
/*	max-width: 920px; */
	max-width: 100%;
}

td {
	padding-left: 0.5em;
}

/* BH - Remove URLs from print versions.  See: http://drupal.org/node/628046 */
a:link:after, a:visited:after { 
	content:""; 
}

img {
	max-width: 100%;
	height: auto;
}


/*****************************************************************************/
/* Navigation */
/* See overrides in screen and mobile CSS */
/*****************************************************************************/
#navigation {
	padding-bottom: 0px;
	z-index: 5000;
	height: 25px;
}

#navigation:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#navigation ul {
	position: relative;
	margin-left: auto ;
	margin-right: auto ;	
	margin-left: 70px; /*80px;*/
}

#navigation li {
	/* BH - Styles top menu items */
	display: block;
	position: relative;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
}

#navigation a {
	display: block;
}

#navigation ul ul {
	margin-left: -7px;
}

/* BH - First menu item of top dropdowns */
#navigation ul ul li:first-child {
	margin-top: -7px;
	padding-top: 7px;
	height: auto;
}

#navigation ul ul li {
	z-index: 5000;
	margin-top: -2px;
	height: auto;
	display: block;
}


/**********************/
/* Nav bar & submenus */
/**********************/
ul.nav.menu,
.menu ul {
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	text-align: left;
}

ul.nav.menu {
	display: table;
}

ul.nav.menu > li{
	display: table-cell;
	position: relative;
}

ul.menu li > ul {
	display: none;
	position: absolute;
	max-width: 41em;
	margin-left: -7px;
	margin-top: 9px;
}

ul.menu li:hover > ul{
	/* When hovered, make them appear */
	display : block;
}

.menu ul li a {
	/* Make the hyperlinks as a block element, sort of a hover effect */
	display: block;
	padding: 1px 1px;
}



/***************/
/* Block Menus */
/***************/
/* BH - Add separation for block items (like on /academic/undergrad/) */
.block-menu {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* BH - Style menu blocks on undergraduate page. */
body.node-type-undergraduate-page #main-wrapper .block-menu, body.node-type-graduate-page #main-wrapper .block-menu, 
body.node-type-research-page #main-wrapper .block-menu, body.node-type-page-other #main-wrapper .block-menu {
	margin-right: 20px;
	padding: 15px;
}

/* BH - Set styling for alumni update page, staff member fields etc.  Note that if you
        change the name or alias of a page, body.page-<alias> breaks, so you have to restyle. */
body.node-type-undergraduate-page #main-wrapper .block-menu .block-title, body.node-type-graduate-page #main-wrapper .block-menu .block-title, 
body.node-type-research-page #main-wrapper .block-menu .block-title, body.node-type-page-other #main-wrapper .block-menu .block-title  {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

body.node-type-undergraduate-page #main-wrapper .block-menu ul.menu, body.node-type-graduate-page #main-wrapper .block-menu ul.menu, 
body.node-type-research-page #main-wrapper .block-menu ul.menu, body.node-type-page-other #main-wrapper .block-menu ul.menu  {
	margin-left: 0;
}

#block-menu-menu-jae-data-archive div {
	height: 50px;
}


/**************/
/* Breadcrumb */
/**************/
#breadcrumb {
	padding: 5px 12px;
	min-height: 15px;
}

body.front #breadcrumb {
	display: none;
}


/*****************************************************************************/
/* Structure */
/*****************************************************************************/
ul.menu li,
ul.links li {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

.item-list ul li {
	list-style-type: none;
	margin: 0;
}


/**************/
/* Headings */
/**************/
.title h1 {
	padding-bottom: 2em;
}

body.section-events h2 {
	padding-top: 20px;
}

/* BH - Knock out duplicated headings on pages with menus.*/
body.page-node-451 .block-title, 
body.page-node-447 .block-title , 
body.page-node-442 .block-title {
	display: none;
}

/* BH - Don't display title on main page. */
body.front #content #page-title {
	display: none;
}

/* Knock out duplicate title one every page. */
#page-title {
	margin-top: 5px;
	margin-bottom: 0.5em;
	padding-left: 10px;
}

/* BH - Faculty titles line up... */
h2.node-title {
	padding-bottom: 0.3em;
}

h2.block-title {
	padding-bottom: 1.0em;
}


/**************/
/* Go Content */
/**************/
#go_content_frame {
	margin-left: 20px;
	margin-right: 20px;
}


/************/
/* Sidebars */
/************/
.sidebar .section .block {
	margin: 0;
	padding: 10px;
	text-align: left;
	z-index: 500;
}

.sidebar .section .block .block-title {
	padding-bottom: 10px;
	text-align: left;
}

.sidebar .section .block ul {
	margin: 0;	
}

.sidebar .section .block ul li {
	padding-top: 4px;
	padding-bottom: 8px;
}

.sidebar .section .block .more-link {
	padding-top: 14px;
}


/*****************************************************************************/
/* Views */
/*****************************************************************************/
.views-table {
	padding-bottom: 3em;
}

.views-table th {
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.8em;
}

.views-table td {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.8em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #CCC;
}

.views-view-grid td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0;
	padding-right: 1.5em;
}

.views-field td {
	padding: 0.5em 0.8em;
	padding-right: 100px;
}

#go_content_frame .view-calendar div.item-list ul,
#go_content_frame .view-calendar div.item-list ul > li.views-row {
	list-style-type: none;	
}

#content .view-calendar div.item-list ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

#content .view-calendar div.item-list ul li.views-row {
	padding: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}

#content .view-calendar div.item-list ul li.views-row .views-field-title,
#content .view-calendar div.item-list ul li.views-row .views-field-field-event-date {
	margin-bottom: 10px;
}


/*****************************************************************************/
/* Content */
/*****************************************************************************/
.node {
/*	width: 920px;	*/ /* Commented out because of faculty view.  What did it break? */
/*	max-width: 920px; */
	max-width: 100%;
}

.region-content {
	/* BH - Content region of most pages */
	padding-left: 10px;
}

#go_content_frame #content {
	min-height: 490px;
}

#content a:link:after, #content a:visited:after {
	content: "";
}

.block ul {
	padding: 0;
}


/*****************************************************************************/
/* Fields */
/*****************************************************************************/
/* BH Keep views of content lining up correctly.  Note that I have to reset this for the Faculty view. */
.field {
	margin: 0;
	padding-left: 10px; 
}


/**********/
/* Images */
/**********/
.field_page_images img,
.field-name-field-photo img,
.field-name-field-personal-photo img,
#content .node .field-name-body img {
	margin: 10px;
}

.field_page_images img,
#content .node .field-name-body img {
	float: left;
	clear: left;	/* Float images left but make them stack, not tile. 2011.08.25 */		
}

.field_page_images img {
	margin-right: 20px;
}

.field-name-field-photo img,
.field-name-field-personal-photo img {
	float: right;
	clear: right;		
}

.field-name-field-photo img,
.field-name-field-personal-photo img {
	margin-left: 20px;		
}

.field-name-field-photo img,
.field-name-field-personal-photo img {
	max-width: 25%;
	height: auto;  /* BH GoSaBe 2012.01.18 - added to fix width=200, height=HUGE.  Something must have introduced this, not sure what.*/	
}

.field-page-images img {
}

.field-name-field-banner-image img {
	min-width: 50%;
	height: auto;
	margin: 0 0 10px 0;	
}

img.file-icon {
	width: 32px;
	height: auto;
}

.field-label {
	padding-top: 1em;
}

.field-name-field-customized-content {
	padding-top: 2em;
}

/* BH - faculty details */
.field-name-field-titles {
	font-size: larger;
}


/*****************************************************************************/
/* Form Elements */
/*****************************************************************************/
fieldset {
	margin-bottom: 25px;
}

.form-wrapper {
	padding: 20px;
}


/*****************************/
/* Search Box & Social Media */
/*****************************/
#block-search-0 {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#social-media-icons {
	float: left;
	padding-top: 12px;
	padding-left: 28px;
	text-align: left;	
	z-index: 4999;
}

#social-media-icons .twitter-view-button {
	display: block;
	float: left;
	margin-top: 1px;
	margin-right: 8px;
	background-color: #55acee;
	border-radius: 3px;
	padding: 2px 4px 0 4px;
}

#social-media-icons .twitter-view-button img {
	height: 10px;
}

#cse-search-form {
	float: right;
	padding-top: 12px;
	padding-right: 16px;
	text-align: right;
	z-index: 4999;
}

/*#block-search-0 label*/
#cse-search-form label,
.search_box label {
	display: none;
}

/* BH - specify search length*/
/*#block-search-0 input[type=text]*/
#cse-search-form input[type=text] {
	width: 157px;
	z-index: 2500;
} 


/*****************/
/* Alumni Update */
/*****************/
body.page-alumni-update .form-item label {
	padding: 0px;
	width: 200px;
	display: inline-table;
	vertical-align: top;
	text-align: left;
}

body.page-alumni-update .form-item input,  body.node-type-staff-member div.field-item {
	padding: 0px;
	display: inline-table;
	vertical-align: top;
}


/*****************************************************************************/
/* Home Page Slider */
/*****************************************************************************/
.view-id-sliders .views_slideshow_main {
	position: relative;
	overflow: hidden;
	/*border: 1px solid green;*/
}


.view-id-sliders .views_slideshow_main .views-field-field-banner-image,
.view-id-sliders .views_slideshow_main .views-field-field-banner-image .field-content,
.view-id-sliders .views_slideshow_main .views-field-title {
	position: absolute;
}

.view-id-sliders .views_slideshow_main .views-field-field-banner-image {
	z-index: 99;	
}

.view-id-sliders .views_slideshow_main .views-field-title {
	z-index: 999;
	width: 96%;
	padding: 2%;
}

.view-id-sliders .views_slideshow_main .views-field-title h1 {
	padding-bottom: 5px;	
}

.view-id-sliders .views_slideshow_main .views-field-title p {
	line-height: 1.25;
}

.view-id-sliders .views_slideshow_main div,
.view-id-sliders .views_slideshow_main .views-row .views-field-field-banner-image img {
	width: 100%;	
}

.view-id-sliders .views-slideshow-controls-bottom {
	text-align: center;
	margin-top: 5px;	
}

.view-id-sliders .views-slideshow-controls-bottom span {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;	
}

#views_slideshow_controls_text_pause_sliders-block {
	display: none;	
}


/*****************************************************************************/
/* Footer */
/*****************************************************************************/
.region-footer {
	padding-left: 10px;
}

.page-calendar .region-footer {
	padding-top: 30px;	
}

.region-footer .block,
.region-footer .block-menu {
	margin-top: 0;	
	margin-bottom: 2%;
	position: relative;	
}

.region-footer .block > * {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

.region-footer .block > *:first-child {
	padding-top: 15px;
}

.region-footer .block > *:last-child {
	padding-bottom: 15px;
}

.region-footer .block .content {
	font-size: 105%;
	line-height: 1.4em;	
}

.region-footer .block .item-list ul,
.region-footer .block ul.menu {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.region-footer .block .item-list ul li,
.region-footer .block ul.menu li {
	padding-bottom: 4px;
}

.region-footer .block p {
	line-height: 1.5em;	
}

.region-footer .block .content .view .more-link {
	position: absolute;
	bottom: 10px;
	right: 10px;
}



/*****************************************************************************/
/* Miscellaneous */
/*****************************************************************************/
.node-home-page {
	padding: 10px 5px	
}

.page-node-1657 #page-title {
	display: none;	
}


/* SJW - temporarily hide errors on calendar pages */
.page-calendar .section .messages.error {
	display: none;	
}

#colorbox {
	margin: 2%;	
}







/*****************************************************************************/
/* Archive */
/*****************************************************************************/
/* BH GoSaBe - Layout for /academics/undergraduate.  This page is a series of generated Menus*/
/* NOTE:  Styling below is replaced by generalized approach above.  Keep for future reference
#block-menu-menu-course-information, #block-menu-menu-department-information-and-,
#block-menu-menu-university-offices, #block-menu-menu-university-forms-and-polici {
	width: 40%;
	border: 1px solid #CCC;
	float: left;
	min-height: 200px;
	margin-right: 20px;
}
*/
/* BH GoSaBe - Style the heading titles so that there is some room to breathe.*/
/*
#block-menu-menu-course-information h2, #block-menu-menu-department-information-and- h2,
#block-menu-menu-university-offices h2, #block-menu-menu-university-forms-and-polici h2 {
	padding: 10px;
}
*/
/* 
#block-menu-menu-lhs-menu {
	margin-top: 35px;
	margin-left: 10px;
	margin-right: 5px;
	width: 12em; 
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	padding: 10px;
}
*/
/*
#block-menu-menu-lhs-menu li:first-child {
	padding-top: 4px; 12px;
}
*/
/*
#block-menu-menu-lhs-menu h2 {
	padding-top: 7px;
	padding-left: 10px; 
	padding-bottom: 10px;
}
*/
/*
.field-name-field-personal-photo, .field-name-field-photo {
	display: inline; 
	border: 0px solid;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	float: right;
}

.field-item img {
	width: 200px;
	padding-left: 20px;
	height: auto;  
}

#content .node img {
	margin: 10px 20px 10px 0;
	float: left;
	clear: left;
}
*/
/*
#colorbox {
	max-width: 94%;
	margin: 3%;	
}

#cboxWrapper, #cboxContent, #cboxLoadedContent, #cboxPhoto {
	max-width: 100%;
}
*/