/* COLOURS */
	
	/*
	
	ABOUT (GREEN):
		100%   80A432
		75%    9CB65F
		50%    B9CA8E
		25%    D7E1C1
		10%    EBF0E2
	
	SERVICES (BLUE):
		100%   3B8095
		75%    6CA0B0
		50%    9DBFCA
		25%    CEDFE4
		10%    EBF2F4
	
	BUSINESSES (PURPLE):
		100%   823060
		75%    A16488
		50%    C097AF
		25%    E0CBD7
		10%    F2EAEF
		
	GOVERNANCE (ORANGE):
		100%   D76C24
		75%    E1915B
		50%    EBB591
		25%    F5DAC8
		10%    FBF0E9
	
	EVENTS AND VENUES (BURGANDY):
		100%   9A2E2E
		75%    B36262
		50%    CC9696
		25%    E6CBCB
		10%    F5EAEA
	
	*/

/* FONT-FACE DECLARATIONS */


/* GENERAL */

	html,
	body {
		min-width: 740px;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	
	#anchor-top {
		min-height: 100%;
	}
	
	#anchor-bottom {
		height: 60px;
		margin-top: -60px; /* equal (negative) to height */
		clear: both;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #444444;
		font-weight: 700;
		font-size: 13pt;
		margin-top: 1.3em;
	}

	a {
		text-decoration: none;
		color: #666666;
		cursor: pointer;
	}
	
	a:hover {
		text-decoration: underline;
	} 
	
	a img,
	a:hover img {
		border: none;
	}
	
	hr {
		border: none;
		height: 1px;
		margin: 15px 0;
		color: #888888;
		background: #888888;
	}
	
	hr.tapered {
		background: -moz-linear-gradient(left,  #ffffff 0%, #555555 50%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#555555), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#555555 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#555555 50%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#555555 50%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#555555 50%,#ffffff 100%); /* W3C */
	}
	
	.fancybox-skin {
		background-color: #FFFFFF;
	}

/* CALENDAR */

	#calendar {
		max-width: 100%;
	}
	

/* BXSLIDER */

	.bx-wrapper {
		position: relative;
	}
	
	.bx-wrapper .bx-loading {
		min-height: 50px;
		background: url('/media/img/loading.gif') center center no-repeat;
	}
	
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-weight: 700;
		color: #666;
		padding-top: 20px;
	}
	
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #666;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #000;
	}
	
	.bx-wrapper .bx-controls-direction .bx-prev {
		left: 10px;
		background: url('/media/img/arrow-l_1x.png') no-repeat;
		background: rgba(0,0,0,0) url('/media/img/arrow-l.png') no-repeat; /* IE fix */
		-webkit-background-size: 25px 25px;
		background-size: 25px 25px;
	}
	
	.bx-wrapper .bx-controls-direction .bx-next {
		right: 10px;
		background: url('/media/img/arrow-r_1x.png') no-repeat;
		background: rgba(0,0,0,0) url('/media/img/arrow-r.png') no-repeat; /* IE fix */
		-webkit-background-size: 25px 25px;
		background-size: 25px 25px;
	}
	
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -12px;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		z-index: 1000;
	}
	
	.bx-wrapper .bx-controls-direction a:hover {
		opacity: 0.6;
	}
	
	.bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}

/* HOMEPAGE - SPLASH */

	#homepage-splash,
	#homepage-splash-slider,
	#homepage-splash-slider div,
	#homepage-splash-slider img {
		width: 100%;
	}

/* HOMEPAGE - LOGOS */

	#homepage-logos {
		width: 100%;
		margin: 10px 0;
	}
	
	#homepage-logos .bx-wrapper {
		margin: 0 40px;
	}
	
	#homepage-logos .bx-prev {
		left: -30px;
	}
	
	#homepage-logos .bx-next {
		right: -30px;
	}
	
	#homepage-logos img {
		max-height: 68px;
		max-width: 100%;
	}
	
	#homepage-logos-intro {
		text-align: center;
		font-smooth: always;
		padding-top: 18px;
		
	}
	
	#homepage-logos-intro-heading {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 13pt;
		line-height: 14pt;
		color: #111111;
	}
	
	#homepage-logos-intro-content {
		font-size: 8pt;
		color: #888888;
	}
	
	#homepage-logos img:hover {
		opacity: 0.6;
	}

/* HOMEPAGE - BOXES */

	.homepage-box { 
		background: #555555;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#FFFFFF)"; /* IE8-9 */
		background: -ms-linear-gradient(bottom, #FFFFFF 0%, #555555 100%);
		background: -moz-linear-gradient(bottom, #FFFFFF 0%, #555555 100%);
		background: -o-linear-gradient(bottom, #FFFFFF 0%, #555555 100%);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #555555));
		background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #555555 100%);
		background: linear-gradient(to top, #FFFFFF 0%, #555555 100%);
		border-radius: 10px 10px 0 0;
	}
	
	#homepage-box-news {
		width: 37%;
		float: left;
	}
	
	.homepage-box-spacer {
		width: 1%;
		float: left;
	}
	
	#homepage-box-calendar {
		width: 37%;
		float: left;
	}
	
	#homepage-box-social {
		width: 24%;
		float: left;
	}
	
	#homepage-box-social img {
		float: left;
		max-width: 22%;
		border-radius: 5px;
		margin-right: 5px;
		margin-bottom: 2px;
	}
	
	#homepage-box-feature {
		width: 75%;
		margin-bottom: 20px;
		clear: both;
		float: left;
	}
	
	#homepage-box-athletics {
		width: 24%;
		margin-bottom: 20px;
		float: left;
	}
	
	#homepage-box-athletics .homepage-box-athletics-date {
		font-weight: 700;
		clear: both;
		padding-top: 7px;
		font-style: italic;
	}
	
	#homepage-box-athletics .homepage-box-athletics-date:first-child {
		padding-top: 0;
	}
	
	#homepage-box-athletics .homepage-box-athletics-sport {
		font-weight: 700;
		font-size: 8pt;
		padding-top: 4px;
		padding-left: 2px;
		clear: both;
	}
	
	#homepage-box-athletics .homepage-box-athletics-teams {
		font-size: 8pt;
		margin-left: 2px;
		clear: both;
		float: left;
		max-width: 80%;
	}
	
	#homepage-box-athletics .homepage-box-athletics-score {
		font-weight: 700;
		font-size: 8pt;
		float: right;
	}
	
	.homepage-box-heading {
		font-size: 13pt;
		text-transform: uppercase;
		padding: 5px 15px;
		color: #FFFFFF;
		line-height: 25px;
	}
	
	.homepage-box-content {
		min-height: 300px;
		margin: 0 3px;
		padding: 12px;
		background-color: #FFFFFF;
		border-radius: 10px 10px 0 0;
		font-size: 9pt;
	}
	
	#homepage-box-feature .homepage-box-content,
	#homepage-box-athletics .homepage-box-content {
		min-height: 160px;
	}
	
	.homepage-box-content {
		color: #777777;
	}
	
	.homepage-box-content p {
		margin-top: 0;
		
	}
	
	#homepage-box-feature {
		clear: both;
	}
	
	.homepage-box-heading-left {
		height: 25px;
	}
	
	.homepage-box-heading-right {
		float: right;
		font-size: 9pt;
		color: white;
		line-height: 25px;
	}
	
	.homepage-box-heading-right a,
	.homepage-box-heading-right a:hover {
		text-transform: lowercase;
		font-style: italic;
	}
	
	.homepage-box-heading a,
	.homepage-box-heading a:hover {
		color: white;
	}

/* HOMEPAGE - SPONSORS */

	hr#sponsors-divider {
		margin: 25px 0 0;
		height: 2px;
		clear: both;
	}
	
	#sponsors {
		margin-top: 25px;
		width: 100%;
	}
	
	#sponsors img {
		width: 100%;
	}

/* KEYWORD INDEX AND USEFUL LINKS LIGHTBOX TABS */

	.tab {
		width: 980px;
		max-width: 100%;
	}
	
	.tab-nav {
		clear: both;
		display: table;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
		border-spacing: 5px 0;
		background: url('/media/img/tab-bg.png') bottom center repeat-x;
	}
	
	.tab-heading {
		margin: 0 0 10px;
		font-size: 20pt;
		font-weight: 700;
		float: left;
	}
	
	.tab-nav li {
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		width: 3%;
		cursor: pointer;
		margin: 0;
		padding: 0;
	    background-color: #FFD623;
	    color: black;
	    border-color: #FFD623;
		border-style: solid;
		border-width: 2px 2px 0 2px;
		border-radius: 5px 5px 0 0;
		text-decoration: none;
		font-weight: 700;
	}
	
	#tab-tools .tab-nav li {
		width: 20%;
		padding: 5px 20px;
		line-height: 1.1em;
	}
	
	.tab-nav li.active {
		background: #FFFFFF;
	}
	
	.tab-container { 
		clear: both; 	 	 
		padding: 10px 0px;
		text-align: left; 	 
		min-height: 15em;
		margin: 0 10px;
	}
	
	.tab-container ul {
		float: left;
		margin: 0;
		padding: 5px 0;
		width: 25%;
	}
	
	.tab-container li {
		list-style: none;
		font-size: 10pt;
		padding-bottom: 2px;
	}
	
	.tab-legend {
		float: right;
		font-size: 10pt;
	}
	
	.tab-legend ul {
		float: left;
	}
	
	li.bullet-su,
	li.bullet-uofa,
	li.bullet-mixed,
	li.bullet-external {
		list-style: none;
		padding-left: 12px;
		background-position: 0 6px;
		background-repeat: no-repeat;
	}
	
	li.bullet-su {
		background-image: url('/media/img/bullets/bullet-yellow.png');
	}
	
	li.bullet-uofa {
		background-image: url('/media/img/bullets/bullet-green.png');
	}
	
	li.bullet-mixed {
		background-image: url('/media/img/bullets/bullet-yellowgreen.png');
	}
	
	li.bullet-external {
		background-image: url('/media/img/bullets/bullet-blue.png');
	}

/* STYLIZED BUTTONS */

	.btn {
		-webkit-align-items:flex-start;
		-webkit-appearance:none;
		-webkit-user-select:none;
		-webkit-writing-mode:horizontal-tb;
		background-image:none;
		border-radius:4px;
		border-style:solid;
		border-width:1px;
		border-image-outset:0;
		border-image-repeat:stretch;
		border-image-slice:100%;
		border-image-source:none;
		border-image-width:1;
		box-sizing:border-box;
		color:#FFF!important;
		cursor:pointer;
		display:inline-block;
		font-size:14px;
		font-weight:700;
		letter-spacing:normal;
		line-height:20px;
		margin:5px 0!important;
		padding:6px 12px;
		text-align:center;
		text-indent:0;
		text-shadow:none;
		text-transform:none;
		vertical-align:middle;
		white-space:nowrap;
		word-spacing:0;
		text-decoration:none!important;
		display:inline-block;
	}
	
	.btn-primary {
		background-color:#428bca;
		border-color:#357ebd;
	}
	
	.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
		color:#fff;
		background-color:#3276b1;
		border-color:#285e8e;
	}
	
	.btn-success {
		color:#fff;
		background-color:#5cb85c;
		border-color:#4cae4c;
	}
	
	.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
		color:#fff;
		background-color:#47a447;
		border-color:#398439;
	}
	
	.btn-danger {
		color:#fff;
		background-color:#d9534f;
		border-color:#d43f3a;
	}
	
	.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
		color:#fff;
		background-color:#d2322d;
		border-color:#ac2925;
	}
	
	.btn-info {
		color:#fff;
		background-color:#5bc0de;
		border-color:#46b8da;
	}
	
	.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
		color:#fff;
		background-color:#39b3d7;
		border-color:#269abc;
	}

/* HEADER */

	#header-wrapper {
		background: #373737 url('header.png') no-repeat center center; /* IE8 and lower */
		/* eventually this next line should become header.svg, but until we no longer have to worry about Android Browser 2.x we've got header.png */
		background: rgba(55,55,55,1) url('header.png') no-repeat center center; /* uses RGBA to ensure IE8 disregards this line */
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		height: 125px;
		overflow: hidden;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		height: 100%;
		width: 100%;
		max-width: 980px; /* should be the same as #nav, #content, and #footer */
	}
	
	#header-homelink {
		position: absolute;
		top: 10px;
		left: 0;
		bottom: 10px;
		width: 480px;
	}
	
	#header-mobileswitch {
		display: none;
	}
	
	#header-mobileswitch.always-visible {
		display: block;
	}
	
	#header-mobileswitch-button {
		position: absolute;
		right: 270px;
		top: 50px;
		border-radius: 5px;
		text-align: center;
		cursor: pointer;
		width: 60px;
		padding: 2px 0;
		
	}
	
	.header-mobileswitch-on {
		background-color: #FFFFFF;
		color: #373737;
	}
	
	.header-mobileswitch-off {
		background-color: #EEEEEE;
		color: #AAAAAA;
	}
	
	#header-mobileswitch-label {
		font-size: 8pt;
		line-height: 4pt;
	}
	
	#header-mobileswitch-status {
		font-size: 16pt;
		line-height: 12pt;
		font-weight: 700;
	}
	
	#header-mobileswitch.always-visible {
		display: inline;
	}
	
	#header-quicklinks {
		background: rgba(0,0,0,0.4); /* if IE8 can't understand the :before and :after gradients, then don't give the main part a background it understands */
		font-size: 8pt;
		color: #FFFFFF;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}
	
	#header-quicklinks:before,
	#header-quicklinks:after {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 80px;
		content: "";
	}
	
	#header-quicklinks:before {
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C */
		left: -80px;
	}

	#header-quicklinks:after {
		background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C */
		right: -80px;
	}
	
	#header-quicklinks a,
	#header-quicklinks a:hover {
		color: #FFFFFF !important;
	}
	
	#header-search {
		position: absolute;
		top: 40px;
		right: 10px;
		height: 35px;
		width: 240px;
	}
	
	#header-search-input {
		position: absolute;
		top: 0;
		left: 0;
		width: 195px;
		height: 25px;
	}
	
	#header-search-button {
		position: absolute;
		top: 1px;
		right: 0;
	}
	
	.search-input {
		border-radius: 8px;
		padding: 0 5px;
		overflow: visible;
		font-size: 9pt;
	}
	
	.search-button {
		height: 25px;
		width: 25px;
	}
	
	.search-button:hover {
		opacity: 0.5;
	}
	
	#header-buttons {
		position: absolute;
		right: 10px;
		top: 80px;
	}
	
	.header-button {
		background: #FFD623;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEA7, endColorstr=#FFD623)"; /* IE8-9 */
		background: -moz-linear-gradient(top,  #ffeea7 0%, #ffd623 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeea7), color-stop(100%,#ffd623)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffeea7 0%,#ffd623 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffeea7 0%,#ffd623 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffeea7 0%,#ffd623 100%); /* IE10+ */
		background: linear-gradient(to bottom, #FFEEA7 0%, #FFD623 100%); /* W3C */
		border: 1px solid #FFD623;
		border-radius: 8px;
		font-size: 9.5pt;
		text-align: center;
		text-decoration: none;
		padding: 2px;
		color: #333333 !important;
	}
	
	.header-button:hover {
		color: #333333 !important;
		background: #FFEEA7;
		text-decoration: none;
	}
	
	#header-button-links {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
	}
	
	#header-button-keyword {
		position: absolute;
		top: 0;
		right: 115px;
		width: 120px;
	}


/* NAV */

	#nav-wrapper {
		background-color: #E5E5E5;
		border-bottom: 2px solid #E5E5E5;
	}
	
	#nav {
		margin: 0 auto;
		max-width: 980px;  /* should be the same as #header, #content, and #footer */
	}
	
	#nav ul {
	    font-size: 10pt;
		z-index: 8000;
	    background: #e5e5e5;
	    display: table;
	    list-style: none;
	    position: relative;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	
	#nav ul li {
	    float: left;
	    width: 20%;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	}
	
	#nav ul li a.nav-heading {
		display: block;
		padding: 10px 0;
		font-weight: 700;
		cursor: default;
	}
	
	#nav ul li ul {
	    display: none;
	    font-size: 9.5pt;
	    background: #FFFFFF;
	    padding: 0;
	    position: absolute;
	    top: 100%;
	    width: 20%;
	}
	
	#nav ul li:hover ul {
	    display: block;
	}

	#nav ul li ul li {
	    border: 1px solid;
	    width: auto; /* 2px less than width of '#nav ul li' */
	    border-top: none;
	    float: none;
	    position: relative;
	    text-align: left;

	}
	
	#nav ul li ul li:first-child {
		border-top: 2px solid;
	}
	
	#nav ul li ul li a {
	    color: #FFFFFF;
	    display: block;
	    padding: 4px 10px;
	    text-decoration: none;
	}
	
	#nav ul li:hover a.nav-heading,
	#nav ul li ul li a:hover {
	    color: #FFFFFF !important;
	    text-decoration: none;
	}
	
	#nav .search {
		display: none;
		text-align: center;
	}

	
	#nav-search-input {
		height: 25px;
		width: 85%;
		margin: 5px 0 0;
		
	}
	
	#nav-search-button {
		position: absolute;
		top: 5px;
		right: 12px;
		z-index: 999;
	}


/* CONTENT WRAPPER AND RAILS */

	#content-wrapper {
		background-color: #FFFFFF;
		overflow: auto;
		padding-bottom: 80px; /* sticky footer plus 20px padding */
	}

	#content {
		margin: 0 auto;
		padding: 10px 0 0;
		max-width: 980px; /* should be the same as #header, #nav, and #footer */
	}
	
	#rail-left,
	#rail-middle,
	#rail-right {
		float:left;
		position:relative;
	}
	
	/* combined width of rails must equal 100% */
	/* padding can only be included on inner divs, not the rails themselves */
	
	#rail-left {
		left: -64%; /* negative width of rail-middle */
		width: 18%;
	}
	
	#rail-middle {
		left: 18%; /* rail-left width */
		width: 64%;
	}
	
	#rail-right {
		left: 0; /* always zero */
		width: 18%;
	}


/* SUBHEADER */

	#subheader {
		padding-bottom: 8px;
	}
	
	#subheader img {
		width: 100%;
	}


/* SUBNAV AND ACCORDION NAV */
	
	#subnav {
		width: 100%;
	}
	
	.accordion-nav ul li a {
		text-decoration: none;
		display: block;
		padding: 5px 10px;
	}
	
	.accordion-nav ul li {
	    border-style: solid;
	    border-width: 0 1px 1px 1px;
	    border-color: #999999;
	}
	
	.accordion-nav ul:first-child li:first-child {
		border-width: 1px;
	}
	
	.accordion-nav ul li.subnav-title a {
		color: #FFFFFF !important;
		font-weight: 700;
	}
	
	.accordion-nav ul li a.subnav-current {
		color: #FFFFFF !important;
	}
	
	.accordion-nav ul li a:hover {
		text-decoration: none;
		color: #FFFFFF !important;
	}
	
	.accordion-nav ul {
	    font-size: 9pt;
	    background: #FFFFFF;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	
	.accordion-nav ul ul {
		list-style: none;
	}
	
	.accordion-nav ul ul li {
		border: none;
		padding-left: 10px;
	}


/* INNER CONTENT */

	#innercontent {
		padding: 0 15px;
		margin-right: -1px; /* offsets the 1px border-right */
		border-right: 1px solid;
	}
	
	#innercontent,
	#innercontent p,
	#innercontent ul li {
		font-size: 10pt;
	}
	
	#innercontent h1.heading {
		font-size: 18pt;
		font-weight: 700;
		line-height: 1.2;
		margin-top: 0;
	}
	
	#innercontent *:first-child {
		margin-top: 0;
	}
	
	#innercontent .heading {
		font-size: 18pt;
		font-weight: 700;
		line-height: 1.2;
	}
	
	#innercontent table {
		border: 1px solid;
		border-spacing: 0;
		background-color: #FFFFFF;
		width: 100%;
		font-size: 10pt;
	}
	
	#innercontent table tr th {
		color: #FFFFFF;
		font-weight: 700;
		text-align: left;
	}
	
	#innercontent table tr th,
	#innercontent table tr td {
		padding: 5px 10px;
	}
	
	#innercontent .addthis {
		clear: both;
		padding: 10px 0 0;
		float: right;
	}
	
	#innercontent * {
		max-width: 100% !important;
	}


/* CONTACT */

	#contact {
		border-left: 1px solid;
		padding-left: 10px;
	}
	
	#contact .heading {
		font-size: 13pt;
		font-weight: 700;
		margin: 12px 0 5px;
	}
	
	#contact .heading:first-child {
		margin-top: 0;
	}
	
	#contact p {
		font-size: 8pt;
		margin: 5px 0;
	}
	
	#contact img.icon {
		height: 32px;
	}


/* FOOTER */

	#footer-wrapper {
		background-color: #373737;
		height: 100%; /* 100% of #anchor-bottom */
	}
	
	#footer {
		margin: 0 auto;
		padding: 14px 10px 0;
		max-width: 980px; /* should be the same as #header, #nav, and #content */
	}
	
	#footer-left {
		float: left;
		font-size: 8pt;
		color: #EEEEEE;
	}
	
	#footer-left-homelink {
		display: none;
	}
	
	#footer-left a {
		color: #EEEEEE;
		text-decoration: none;
	}
	
	#footer-left a:hover {
		text-decoration: underline;
	}
	
	#footer-right {
		float: right;
		font-size: 8pt;
		color: #EEEEEE;
	}
	
	#footer-right a {
		border: none;
		text-decoration: none;
		margin-left: 6px;
	}
	
	#footer-right a:hover {
		border: none;
		text-decoration: none;
	}
	
	#footer-right img.icon {
		height: 34px;
	}


/* COLORGROUPS */

	/* BACKGROUND COLOR - 10% */	
		
		body.about #innercontent table tbody tr:nth-child(odd) {
		    background-color: #EBF0E2;
		}
		
		body.services #innercontent table tr:nth-child(odd) {
		    background-color: #EBF2F4;
		}
		
		body.businesses #innercontent table tr:nth-child(odd) {
		    background-color: #F2EAEF;
		}
		
		body.governance #innercontent table tr:nth-child(odd) {
		    background-color: #FBF0E9;
		}
		
		body.eventsvenues #innercontent table tr:nth-child(odd) {
		    background-color: #F5EAEA;
		}
		
	/* BACKGROUND COLOR - 25% */	
		
		body.about #innercontent table tbody tr:hover,
		body.about #innercontent table tbody tr:nth-child(odd):hover {
		    background-color: #D7E1C1;
		}
		
		body.services #innercontent table tbody tr:hover,
		body.services #innercontent table tbody tr:nth-child(odd):hover {
		    background-color: #CEDFE4;
		}
		
		body.businesses #innercontent table tbody tr:hover,
		body.businesses #innercontent table tbody tr:nth-child(odd):hover {
		    background-color: #E0CBD7;
		}
		
		body.governance #innercontent table tbody tr:hover,
		body.governance #innercontent table tbody tr:nth-child(odd):hover {
		    background-color: #F5DAC8;
		}
		
		body.eventsvenues #innercontent table tbody tr:hover,
		body.eventsvenues #innercontent table tbody tr:nth-child(odd):hover {
		    background-color: #E6CBCB;
		}
	
	/* BACKGROUND COLOR - 50% */	
		
		body.about .accordion-nav ul ul li a.subnav-current,
		body.about #calendar .fc-content th {
		    background-color: #B9CA8E;
		}
		
		body.services .accordion-nav ul ul li a.subnav-current {
		    background-color: #9A2E2E;
		}
		
		body.businesses .accordion-nav ul ul li a.subnav-current {
		    background-color: #9A2E2E;
		}
		
		body.governance .accordion-nav ul ul li a.subnav-current {
		    background-color: #9A2E2E;
		}
		
		body.eventsvenues .accordion-nav ul ul li a.subnav-current {
		    background-color: #9A2E2E;
		}
		
	/* BACKGROUND COLOR - 75% */
	
		body.about .accordion-nav ul li a.subnav-current,
		body.about #calendar .fc-header td {
		    background-color: #9CB65F;
		}
		
		body.services .accordion-nav ul li a.subnav-current {
		    background-color: #6CA0B0;
		}
		
		body.businesses .accordion-nav ul li a.subnav-current {
		    background-color: #A16488;
		}
		
		body.governance .accordion-nav ul li a.subnav-current {
		    background-color: #E1915B;
		}
		
		body.eventsvenues .accordion-nav ul li a.subnav-current {
		    background-color: #B36262;
		}
		
	/* BACKGROUND COLOR - 100% */
	
		body.about #nav ul li.about,
		body.about #innercontent table tr th,
		#nav ul li.about:hover,
		#nav ul li.about ul li a:hover,
		body.about #divider,
		body.about .accordion-nav ul li a.subnav-title,
		body.about .accordion-nav ul li a:hover,
		#calendar .fc-view-month .about.allday,
		#calendar .fc-view-basicWeek .about.allday {
		    background-color: #80A432;
		}
		
		body.services #nav ul li.services,
		body.services #innercontent table tr th,
		#nav ul li.services:hover,
		#nav ul li.services ul li a:hover,
		body.services #divider,
		body.services .accordion-nav ul li a.subnav-title,
		body.services .accordion-nav ul li a:hover,
		#calendar .fc-content .services.allday {
		    background-color: #3B8095;
		}
		
		body.businesses #nav ul li.businesses,
		body.businesses #innercontent table tr th,
		#nav ul li.businesses:hover,
		#nav ul li.businesses ul li a:hover,
		body.businesses #divider,
		body.businesses .accordion-nav ul li a.subnav-title,
		body.businesses .accordion-nav ul li a:hover,
		#calendar .fc-content .businesses.allday {
		    background-color: #823060;
		}
		
		body.governance #nav ul li.governance,
		body.governance #innercontent table tr th,
		#nav ul li.governance:hover,
		#nav ul li.governance ul li a:hover,
		body.governance #divider,
		body.governance .accordion-nav ul li a.subnav-title,
		body.governance .accordion-nav ul li a:hover,
		#calendar .fc-content .governance.allday {
		    background-color: #D76C24;
		}
		
		body.eventsvenues #nav ul li.eventsvenues,
		body.eventsvenues #innercontent table tr th,
		#nav ul li.eventsvenues:hover,
		#nav ul li.eventsvenues ul li a:hover,
		body.eventsvenues #divider,
		body.eventsvenues .accordion-nav ul li a.subnav-title,
		body.eventsvenues .accordion-nav ul li a:hover,
		#calendar .fc-content .eventsvenues.allday {
		    background-color: #9A2E2E;
		}
	
	/* BORDER COLOR - 100% */
	
		#nav ul li.about ul li,
		body.about #nav-wrapper,
		body.about .accordion-nav ul li,
		body.about #innercontent,
		body.about #innercontent table,
		body.about #contact {
			border-color: #80A432;
		}
		
		#nav ul li.services ul li,
		body.services #nav-wrapper,
		body.services .accordion-nav ul li,
		body.services #innercontent,
		body.services #innercontent table,
		body.services #contact {
			border-color: #3B8095;
		}
		
		#nav ul li.businesses ul li,
		body.businesses #nav-wrapper,
		body.businesses .accordion-nav ul li,
		body.businesses #innercontent,
		body.businesses #innercontent table,
		body.businesses #contact {
			border-color: #823060;
		}
		
		#nav ul li.governance ul li,
		body.governance #nav-wrapper,
		body.governance .accordion-nav ul li,
		body.governance #innercontent,
		body.governance #innercontent table,
		body.governance #contact {
			border-color: #D76C24;
		}
		
		#nav ul li.eventsvenues ul li,
		body.eventsvenues #nav-wrapper,
		body.eventsvenues .accordion-nav ul li,
		body.eventsvenues #innercontent,
		body.eventsvenues #innercontent table,
		body.eventsvenues #contact {
			border-color: #9A2E2E;
		}
	
	/* FONT/FOREGROUND COLOR - 100% */
	
		/* white text for anyone's nav heading when we're on one of their subpages */
		body.about #nav ul li.about a.nav-heading,
		body.services #nav ul li.services a.nav-heading,
		body.businesses #nav ul li.businesses a.nav-heading,
		body.governance #nav ul li.governance a.nav-heading,
		body.eventsvenues #nav ul li.eventsvenues a.nav-heading {
			color: #FFFFFF;
		}

		#homepage-box-news .homepage-box-content a,
		#nav ul li.about a,
		body.about .accordion-nav ul li a,
		body.about .heading,
		body.about #innercontent a, 
		body.about #innercontent a:hover,
		body.about #contact a, 
		body.about #contact a:hover,
		.about-text,
		.about-text a,
		.about-text a:hover {
		    color: #80A432;
		}
		
		
		#homepage-box-social .homepage-box-content a,
		#nav ul li.services a,
		body.services .accordion-nav ul li a,
		body.services .heading,
		body.services #innercontent a, 
		body.services #innercontent a:hover,
		body.services #contact a, 
		body.services #contact a:hover,
		.services-text,
		.services-text a,
		.services-text a:hover {
		    color: #3B8095;
		}
		
		#nav ul li.businesses a,
		body.businesses .accordion-nav ul li a,
		body.businesses .heading,
		body.businesses #innercontent a, 
		body.businesses #innercontent a:hover,
		body.businesses #contact a, 
		body.businesses #contact a:hover,
		.businesses-text,
		.businesses-text a,
		.businesses-text a:hover {
		    color: #823060;
		}
		
		#nav ul li.governance a,
		body.governance .accordion-nav ul li a,
		body.governance .heading,
		body.governance #innercontent a, 
		body.governance #innercontent a:hover,
		body.governance #contact a, 
		body.governance #contact a:hover,
		.governance-text,
		.governance-text a,
		.governance-text a:hover {
		    color: #D76C24;
		}
		
		#nav ul li.eventsvenues a,
		body.eventsvenues .accordion-nav ul li a,
		body.eventsvenues .heading,
		body.eventsvenues #innercontent a, 
		body.eventsvenues #innercontent a:hover,
		body.eventsvenues #contact a, 
		body.eventsvenues #contact a:hover,
		.eventsvenues-text,
		.eventsvenues-text a,
		.eventsvenues-text a:hover {
		    color: #9A2E2E;
		}


@media only screen and (max-width: 1000px) {

	#header-wrapper {
		background-position: -70px center; /* anchor the SU logo to the left */
	}
	
}


@media only screen and (max-width: 749px) {
	
	html,
	body {
		min-width: 320px;
	}
	
	/* LEFT ALIGNED LOGO */
	#header-wrapper {
		background-size: auto 80px;
		background-position: -42px center;
		height: 70px;
	}
	
	#header-homelink {
		top: 0;
		bottom: 0;
		width: 350px;
		left: 0;
	}
	
	
	
	/* CENTERED LOGO */
	/*
	#header-wrapper {
		background-size: auto 90px;
		background-position: center center;
		background-origin: content-box;
		height: 70px;
		padding-left: 350px;
	}
	
	#header-homelink {
		top: 0;
		bottom: 0;
		width: 350px;
		left: 50%;
		margin-left: -350px;
	}
	*/
	
	#header-mobileswitch {
		display: block;
	}
	
	#header-mobileswitch-button {
		right: 10px;
		top: 10px;
	}
	
	#header-quicklinks,
	#header-search,
	#header-buttons {
		display: none;
	}

	.homepage-box {
		clear: both !important;
		width: 100% !important;
	}
	
	.homepage-box-spacer {
		display: none;
	}
	
	.homepage-box-content {
		min-height: 0;
	}

	#nav ul li {
		width: 33.33%;
	}
	
	#nav ul li.governance {
		clear: both;
	}
	
	#content {
		padding-top: 0;
	}
	
	#innercontent {
		border-right: none;
		border-bottom: 2px solid;
		margin-right: 0;
	}
	
	#innercontent .addthis {
		display: none;
	}
	
	#contact {
		clear: both;
		
	}
	
	#nav ul li ul {
	   width: 33.33%;
	}
	
	#nav .search {
		display: block;
	}

	#rail-left {
		clear: both;
		left: 0;
		float: left;
		width: 50%;
	}
	
	#rail-left li {
		border-left: 0;
		border-right: 0;
	}
	
	#rail-middle {
		left: 0;
		width: 100%;
	}
	
	#rail-right {
		float: right;
		left: 0;
		width: 50%;
		
	}
	
	#rail-right #contact {
		margin-left: -1px;
	}
	
	#contact .heading:first-child {
		margin-top: 4px;
	}
	
	#nav ul li.about ul,
	#nav ul li.services ul,
	#nav ul li.businesses ul {
	   top: 50%;
	}
	
	#nav ul li.about ul li:first-child,
	#nav ul li.services ul li:first-child,
	#nav ul li.businesses ul li:first-child {
		border-top: none;
	}
	
	#footer-left {
		width: 100%;
		text-align: center;
	}
	
	#footer-left-homelink,
	#footer-left-viewport-toggle {
		display: inline;
	}
	
	#footer-right {
		display: none;
	}

}

@media only screen and (max-width: 419px) {

	/* LEFT ALIGNED LOGO */
	#header-wrapper {
		background-size: auto 60px;
		background-position: -30px center;
		height: 50px;
	}
	
	#header-homelink {
		top: 0;
		bottom: 0;
		width: 240px;
		left: 0;
	}
	
	#header-mobileswitch-button {
		padding: 0;
		top: 5px;
	}

	#nav ul,
	#nav ul li ul {
		font-size: 8pt;
	} 
	
	#nav ul li ul li a {
		padding: 4px 4px;
	}

}