/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { color: #222; }

body { margin: 0; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */




/* =============================================================================
   Links
   ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; margin: 1em 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }






/* 
* Amazium V1.0.0
* Copyright 2011, Mike Ballan
* www.amazium.co.uk
*/


/* Standard 1140px ----------- */

 .grid_1 { width:65px; }
 .grid_2 { width:160px; }
 .grid_3 { width:255px; }
 .grid_4 { width:350px; }
 .grid_5 { width:445px; }
 .grid_6 { width:540px; }
 .grid_7 { width:635px; }
 .grid_8 { width:730px; }
 .grid_9 { width:825px; }
 .grid_10 { width:920px; }
 .grid_11 { width:1015px; }
 .grid_12 { width:1110px; }
	
	.column 							{ margin:0 15px 0 15px; float:left; display:inline; }
	.row 								{
	margin:0 auto;
	width:1170px;
}
	.row .row 							{
	margin:0 -15px 0 -15px;
	width:auto;
	display:inline-block;
}

.wrapper {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}


/***** Smaller than 1139px *****/


@media only screen and (min-width: 960px) and (max-width: 1139px) {


	.grid_1								{ width:50px; }
	.grid_2 							{ width:130px; }
	.grid_3 							{ width:210px; }
	.grid_4 							{ width:290px; }
	.grid_5 							{ width:370px; }		
	.grid_6 							{ width:450px; }
	.grid_7 							{ width:530px; }
	.grid_8 							{ width:610px; }
	.grid_9								{ width:690px; }
	.grid_10							{ width:770px; }
	.grid_11							{ width:850px; }
	.grid_12							{ width:930px; }


	.column 							{ margin:0 15px 0 15px; float:left; display:inline; }
	.row 								{ margin:0 auto; width:990px;}
	.row .row 							{
	margin:0 -15px 0 -15px;
	width:auto;
	display:inline-block;
}
}

/***** iPad Smaller than 959px *****/

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.grid_1								{ width:24px; }
	.grid_2 							{ width:92px; }
	.grid_3 							{ width:172px; }
	.grid_4 							{ width:216px; }
	.grid_5 							{ width:280px; }		
	.grid_6 							{ width:344px; }
	.grid_7 							{ width:408px; }
	.grid_8 							{ width:470px; }
	.grid_9								{ width:536px; }
	.grid_10							{ width:600px; }
	.grid_11							{ width:664px; }
	.grid_12							{ width:728px; }
	
	.column 							{ margin:0 10px 0 10px; float:left; display:inline; }
	.row 								{ margin:0 auto; width:768px; }
	.row .row 							{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }

	.wrapper {
	padding-left: 10px;
	padding-right: 10px;
	}
}

/* iPhone (Portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
		
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12							{
	width:100%;
	margin: 10px auto;
	display: block;
	float: none;
	position: relative;
}
	
	.column 							{ margin:0px 0 0 0; float:left; display:inline; overflow:hidden; }
	.row 								{ width:100%; overflow:hidden; }
	.row .row 							{ margin:0; width:100%; display:inline-block; }
				
}	 

/* iPhone (Landscape) ----------- */	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12							{ width:100%;
	margin: 10px auto;
	display: block;
	float: none;
	position: relative; }
	
	.column 							{ margin:0px 0 0 0; float:left; display:inline; overflow:hidden; }
	.row 								{ width:100%; overflow:hidden; }
	.row .row 							{ margin:0; width:100%; display:inline-block; }	

}
	







/***** Basic Styles *****/
	html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
	body									{
	padding:20px 0 0 0;
	-webkit-font-smoothing:antialiased;
	font-family: 'Open Sans', sans-serif;
}

	
/***** Blockquotes *****/

	blockquote, blockquote p 				{ font-size:14px; line-height:24px; }
	blockquote 								{ margin: 10px 0 15px; padding: 3% 9% 3% 85px; position:relative; background-color:#ececec; }
	blockquote:before, blockquote:after		{ display: block; content: "\201C"; font-size: 164px; font-family: Georgia; position: absolute; top: 52px; color: #FFF; }
	blockquote:before						{ left: 2%; }
	blockquote:after						{ content: "\201D"; right: 15px; top:106%; }
	blockquote cite 						{ display:block; font-size:12px; color:#555; }
	blockquote cite:before 					{ content:"\2014 \0020"; }
	blockquote cite a,
	blockquote cite a:visited,
	blockquote cite a:visited 				{ color:#555; }
	blockquote span							{ width:15px; display:inline-block; }
	
	hr 										{ margin:20px 0 20px 0; border:0; border-top:1px solid #999; height:2px; width:100%; text-align:left; }

/***** Links *****/

	a:link 									{ color:#73000a; text-decoration:none; outline:0; }
	a:visited 								{ text-decoration:none; outline:0; color:#73000a; }
	a:hover, .links a:hover, .ribbon a:hover 	{ color:#818701; }
	a:active 								{ color:#333; text-decoration:none; }
	a:focus 								{ -moz-outline-style:none; }
	
	/* For External links outside of the site */
	a.external										{ background: url(/_resources/img/icons/Ext_Link_black.png) no-repeat right 3px;		 		 					 	padding-right: 15px; }


/***** Typography *****/

h1, h2, h3, h4, h5, h6 { color:#73000a; margin: 0px 0px 5px; }

p { line-height:1.8em; margin-top:0px; font-size:.875em; /* 14px / 16px */ }


/***** Lists *****/
	ul 										{ list-style:none outside; }
	ol 										{ list-style:decimal; }
	ul.square, ul.circle, ul.disc 			{ margin-left:15px; }
	ul.square 								{ list-style:square outside; }
	ul.circle 								{ list-style:circle outside; }
	ul.disc 								{ list-style:disc outside; }
	ul.fancy li								{ padding:0 0 0 15px; background:transparent url('../images/bullet.png') no-repeat 0 3px; }
	ul ul, ul ol, ol ol, ol ul 				{ margin:4px 0 5px 30px;  }
	ul ul li, ul ol li,	ol ol li, ol ul li 	{ margin-bottom:6px; }
	ul.large li 							{ line-height:21px; }
	li p 									{ line-height:21px; }
	dt										{ font-weight:bold; color:#73000a; }


/***** Tables *****/

table										{ font-size:.875em; }
table th									{ color:#73000a; }
table th, table td							{ padding:7px; border: 1px #ccc solid;}
caption										{ text-align:left; margin-bottom: 7px; }

/***** Images *****/

	img 									{ border:0; }
	.roundedCorners 						{ border-radius: 0px 10px 0px 10px; }
	.max-image 								{ width:100%; height:auto; }	
	video 									{ max-width: 100%;height: auto; }	
	.video-container 						{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; display:block; width:65%; }
	.video-container iframe,
	.video-container object,  
	.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }

/***** Buttons  *****/
 
	a.btn 									{ margin:5px 0 5px 0; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 url(../images/btn-arrow.png) no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
	a:hover.btn 							{ text-decoration:underline; }

/***** Forms *****/

	#stylized-form							{ margin:10px 0 20px 0; padding:20px; background-color:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; }
	
	.wrapper-block label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
	.wrapper-block [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; }
	.wrapper-block select					{ font-size:12px; padding:2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; }
	.wrapper-block [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; }
	.wrapper-block [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; }
	.wrapper-block textarea					{ padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; }
	
	.wrapper-inline label 					{ padding:0; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
	.wrapper-inline [type="text"]			{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; width:200px; margin:2px 0 15px 10px;  float:left; }
	.wrapper-inline select					{ font-size:12px; padding:4px 2px; border:solid 1px #bbbbbb; margin:2px 0 15px 10px; float:left; }
	.wrapper-inline [type="radio"]			{ line-height:16px; margin:0 2px 15px 10px; float:left; }
	.wrapper-inline [type="checkbox"]		{ line-height:16px; margin:0 2px 15px 10px; float:left; }
	.wrapper-inline textarea				{ padding:4px 2px; border:solid 1px #bbbbbb; width:140px; margin:2px 0 15px 10px; font:12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; float:left; }
	
	a.btn-form, input.btn-form				{ margin:5px 0 5px 150px; padding:4px 28px 4px 8px; display:inline-block; font-size:11px; color:#fff; border:1px solid #444; background:#333 url(../images/btn-arrow.png) no-repeat right; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
	
	.small-label							{ display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }
	



	/***** Header *****/

html { background: url('../img/bg-pattern.png') repeat; background-color: rgba(0, 0, 0, 0.1); }

body {
	margin-bottom: 0px;
	background: url(../img/feathers.png) no-repeat left top;
	background-size:100%;
}

#skiptocontent {
	position:absolute;
  	top:-10000px;
}

#logo {
	float: left;
	width: 100%;
	padding-right: 10px;
	margin-left: -15px;
}
	#logo a {
		float: left;
		width: 278px;
		height: 53px;
		display: inline-block;
		background: url(/_resources_1/img/USC_Web_main.svg) no-repeat 10px;
	}
	.no-svg #logo a { background: url(/_resources_1/img/USC_Web_main.png) no-repeat 10px; }

	/* Search Box */
	
	#search {
	line-height: 1.1em;
	}

	#search input[type="text"] {
	background: url(../img/search.png) no-repeat 10px 5px;
	background-color:#FFF;
	width: 95px;
	color: #OOO;
	font-size: 12px;
	border: 1px solid #FFF;
	border-radius: 20px;
	float:right;
	transition: all 0.7s ease 0s;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 35px;
	height: 15px;
	}
	
	#search input[type="text"]:focus {
	outline: none;
	width: 150px;
	}

 
/* End Search */  

#ribbon  { margin-top: 15px; margin-right: -15px; }
   
   	#ribbon a { color:#FFF; }
	#ribbon a:hover { color:#d0da00; }
   
#ribbon ul#info  {
	display: inline;
	float: right;
	height: 10px;
	margin-top: 5px;
	margin-right: 15px;
	font-family: 'Droid Sans';
	font-weight: normal;
	font-size: 0.9375em; /* 15px / 16px */
   }
   
#ribbon ul#info li  {
	float: left;
	color: #FFF;
	border-right: 1px solid #FFF;
	padding-right: 10px;
	line-height: 1.1em;
	padding-left: 10px;
   }
   
#ribbon ul#info li:last-child {
	border:none;
}



	/* Main Navigation Items
   	----------------------------------------------------*/

#mainnav {
	font-family:'Droid Sans';
	font-weight:700;
	font-size:1.125em; /* 18px / 16px */
	background:url(/_resources_1/img/Line-Diag-2-white50.png) 0 0 repeat, -ms-linear-gradient(-60deg,rgb(60,60,60) 0%,rgb(130,130,130) 100%); /* IE10+ */
	background:url(/_resources_1/img/Line-Diag-2-white50.png) 0 0 repeat, -moz-linear-gradient(top left,rgb(60,60,60) 0%,rgb(130,130,130) 100%); /* W3C */
	background:url(../img/Line-Diag-2-white50.png) 0 0 repeat, -webkit-linear-gradient(top left,rgb(60,60,60) 0%,rgb(130,130,130) 100%); /* Webkit */
	background:url(/_resources_1/img/Line-Diag-2-white50.png) 0 0 repeat, linear-gradient(top left,rgb(60,60,60) 0%,rgb(130,130,130) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3c3c3c,endColorstr=#ff828282,GradientType=1); /* IE6-9 fallback on horizontal gradient */
	margin-top: 10px;
}
	
#mainnav > ul { padding: 15px 0px 3px 15px; }
#mainnav > ul > li { padding-bottom:15px; }
	#mainnav ul li { line-height: 1.4em; }

#mainnav a:hover { text-decoration:none; }

.toplevel > li { margin-left: 8px; }

.toplevel a { color:white; }
	.toplevel a:hover { color:#b6bf00; }

.toplevel ul.currentlevel {
	margin-left:-9px;
}

.toplevel > li > ul.currentlevel #selected { font-size: 1.125em; padding-top: 2px; }

.toplevel > li.historylevel > ul.currentlevel #selected {font-size: 1em; padding-top: 2px; }

#mainnav .historylevel {
	padding-left:17px;
	padding-bottom:10px;
	background-color: #7f7f7f;
	box-shadow: -3px 2px 5px 0 rgba(0, 0, 0, .3);
	margin-bottom:15px;
	padding-top: 7px;
	font-size: .875em; /* 14px / 16px */
	margin-left: 2px;
}

.historylevel > a:link {margin-left: -10px; padding-left: 1px; }
.historylevel a:hover { color:#d0da00; }
.historylevel > a:first-child { font-size: 1.125em; }

.historylevel > ul.currentlevel {
	margin-left: 0;
	margin-top: 5px;
	padding-bottom:2px;
	margin-bottom: 5px;
}

.historylevel > ul.currentlevel li#selected:last-child { padding-bottom:0; }

.historylevel ul.currentlevel li#selected:only-child { padding-left: 15px; }

.historylevel .childlevel { font-size:1em; }

.historylevel ul.currentlevel #selected > a {
	margin-left: -7px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
}

.historylevel ul.currentlevel #selected > a:after { border-bottom: 15px solid transparent; }
.historylevel ul.currentlevel #selected:last-child { padding-bottom:0; }
.historylevel ul.sublevel li#selected:only-child { padding-top: 2px; }

ul.sublevel {
	margin:0px;
	margin-left:-8px;
	padding-left:15px;
	padding-top: 7px;
}

ul.sublevel > li > a:link {
	background: url(../img/DownArrow-w.png) no-repeat 0 center;
	padding-left: 8px;
	margin-left: -10px;
}

ul.sublevel > li > a:hover { background: url(../img/DownArrow-green.png) no-repeat 0 center; }

/*  Sublevel spacing at different levels  */

ul.sublevel ul.currentlevel { margin:6px 0px 0px -8px; padding-bottom: 2px; }
ul.sublevel ul.sublevel ul.currentlevel { margin-left:-15px; }
ul.sublevel ul.sublevel ul.sublevel ul.currentlevel { margin-left: -22px; }
ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.currentlevel { margin-left:-28px; }
ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.currentlevel { margin-left: -36px; }
ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.currentlevel {  margin-left: -42px;	}
ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.sublevel ul.currentlevel {  margin-left:-50px;  }


ul.currentlevel {
	background-color:#ECECEC;
	padding: 0 0 0 15px;
	box-shadow: -3px 2px 5px 0 rgba(0, 0, 0, .3);
	font-size: .875em;  /* 14px / 16px */
	font-weight:600;
	margin-bottom: 0;
	margin-top: 0;
}

ul.currentlevel li { padding-right: 5px; }
	ul.currentlevel li:last-child { margin-bottom:2px; }

ul.currentlevel > li { padding-bottom: 5px; }

ul.currentlevel a { color:#222222; padding-right: 5px; position: relative; }
	ul.currentlevel a:hover { color:#818701; }

ul.currentlevel #selected {
	margin-left: -21px;
	padding: 4px 0px 2px 15px;
	margin-top:-6px;
}

ul.currentlevel #selected > a {
	background-color: #73000A;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	display: block;
	cursor: default;
}

ul.currentlevel #selected a:hover {
}

ul.currentlevel #selected > a:after {
	content:"";
	width:0px; 
    height:0px; 
    border-bottom: 17px solid transparent;
	border-top: 16px solid transparent;
	border-left: 10px solid #73000A;
	color: #73000A;
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	top: 0px;
	right: -9px;
}

ul.currentlevel > li:first-child { padding-top:10px; }
ul.currentlevel > li#selected:first-child { margin-top:6px; padding-top: 2px; }
ul.currentlevel > li#selected:last-child { margin-bottom: 0; }
ul.currentlevel > li#selected:only-child { padding-left: 8px; margin-top: 0; }

ul.childlevel {
	font-weight:400;
	margin: 5px 0px 5px 20px;
	font-size: .75em; /* 12px / 16px */
}

	#mainnav ul.childlevel li { line-height:1.3em; }
	
	ul.childlevel li:last-child { margin-bottom: 0; }

/* Main Content
   ----------------------------------------------------*/
#mainWrapper {
	margin-top: 10px;
	z-index: 2;
	background-color:#FFF;
	border-radius: 0px 20px 0px 0px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	position: relative;
}

.main:before {
	content:'';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 100px 0 0 5px;
	border-color: transparent transparent transparent #000000;
}

.mainWrapper hr {
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(../img/border.png) repeat-x top center;
	border:none !important;
	width: 95%;
}

/* Transparency/Overlap only for Home page
	 ----------------------------------------------------*/

#home{
	margin-bottom: -70px;
	background-color:#FFF;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0px 20px 0px 0px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
}

	/*	Arrow only for Home page
		 ----------------------------------------------------*/

	#home:before{
		content: ' ';
		border-color: transparent transparent transparent;
		border-style: solid;
		border-width: 25px;
		position: absolute;
		bottom: -50px;
		left: 20px;
		z-index: 9999;
	}
	
	#home:after{
		content: ' ';
		border-color: #FFF transparent transparent;
		border-color: rgba(255, 255, 255, 0.8) transparent transparent;
		border-style: solid;
		border-width: 21px;
		position: absolute;
		bottom: -42px;
		left: 24px;
		z-index: 9999;
	}

	/* Bigger font-size for Home page ONLY */
	#home h1 { font-size: 2.5em; /* 40px / 16px */ }

.branding {
	float: left;
	width: 100%;
	font-weight:700;
	position: relative;
}

.branding h1 {
	display: block;
	margin: 0px 0px 5px 0px;
	font-weight:300;
	float:left;
	font-size: 1.6em; /* 24px / 16px */
}

.branding h1 a { color: #000; }

.branding h1 strong {
	font-weight:800;
	color:#73000a;
	font-size: 1.1em;
	margin-left: 3px;
}

.branding h2 {
	width: auto;
	background-color: #73000A;
	color: white;
	float: left;
	padding-right: 10px;
	margin: 0px;
	padding-left: 10px;
	font-size: .9375em; /* 15px / 16px */
	margin-top: -1px;
	text-transform: uppercase;
}

.branding hr {
	border-bottom: 1px dotted #CCC;
	border-top: none;
	margin: 0;
	height:0px;
	float: left;
	clear: both;
}

		/* Tooltips
		   ----------------------------------------------------*/
				.tt-wrapper li a span{
				width: 70px;
				height: auto;
				line-height: 20px;
				padding: 2px;
				left: 3%;
				margin-left: -33px;
				font-style: italic;
				font-size: 12px;
				font-weight:700;
				color: #B6BF00;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
				text-align: center;
				border: 4px solid black;
				background-color:#000;
				background: rgba(0, 0, 0, 1);
				text-indent: 0px;
				border-radius: 5px;
				position: absolute;
				pointer-events: none;
				bottom: -40px;
				visibility: hidden;
				box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
				transition: all 0.3s ease-in-out;
				opacity: 0;
				z-index: 1;
		}
		.tt-wrapper li a span:before,
		.tt-wrapper li a span:after{
			content: '';
			position: absolute;
			left: 50%;
			width: 0;
			height: 0;
		}
		.tt-wrapper li a span:after{
			bottom: 25px;
			left: 30px;
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent black transparent;
		}
		
		.tt-wrapper li a:hover { text-decoration:none; }
		
		.tt-wrapper li a:hover span{
			visibility: visible;
			opacity:.9;
			z-index:9999;
			text-decoration:none;
		}

#main { margin-bottom:85px; }

#mainContent {
	margin-top:10px;
	color: black;
	float:left;
	width:100%;
}

#mainContent ul, #mainContent ol, #mainContent dl								{ font-size:.875em; line-height:1.8em; }


#mainContent p#intro {
	font-size: 1.375em; /* 22px / 16px */
	line-height: 1.5em;
	font-weight:600;
	margin: -5px 0 15px;
	border-bottom: 1px dotted #000;
	padding-bottom: 20px;
}

#mainContent p.secondary {
	font-size:1em; /* 16px / 16px */
	font-weight:600;
	margin:0px 0px 20px;
	border-bottom: 1px dotted #000;
	padding-bottom: 20px;
}

/* Links to get a double arrow icon
   ----------------------------------------------------*/
#mainContent h1 a:after, #mainContent h2 a:after, #mainContent h3 a:after, #mainContent h4 a:after, #mainContent h5 a:after, #mainContent h6 a:after, .flex-caption strong:after, .simple-list a h4:after, .grid .li-head:after, .multi-list .more:after, .callout .more a:after	{ content:"\00bb"; padding-left: 3px; }

/* News Items
   ----------------------------------------------------*/

.simple-list article {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	float: left;
	transition: all 0.5s ease 0s;
	padding-top: 20px;
	width: 100%;
	font-weight: normal;
}

.simple-list > a { color:#000; }
	.simple-list a:hover article { background-color:#f0f0f0; }
	.simple-list a:hover h4, .grid li:hover .li-head { color:#818701; }

.simple-list article a:hover, #eventsbg a:hover {
	text-decoration:none;
}

.simple-list article img {
	max-width: 24%;
	float: left;
	margin-right: 2.72727%; /* 15px / 550px */
}

.simple-list article .blurb {
	width: 72%;
	float: left;
}

.simple-list article .blurb-full { width:100% }

.simple-list article h4 {
	margin-top: 0px;
	border-style: none;
	font-weight: 700;
	color: #73000a;
}

.simple-list article p {
	margin: 0px;
	padding: 0px;
	line-height: 1.7em;
}

.view  {
	font-size: 0.6875em;
	float: right;
	line-height: 2em;
	margin-bottom:15px;
}


/* Event/Calendar items
   ----------------------------------------------------*/

#eventsbg { background: #f0f0f0; float:left; width:100%; }

	#eventsbg span:last-child {
		font-size:0.6875em; /* 11px / 16px */
		float:right;
		padding-right:10px;
		height: 20px;
		line-height: 2em;
	}

.events {
	float: left;
	border-bottom: 1px solid #FFF;
	width: 92%;
	transition: all 0.5s ease 0s;
	color: #000;
	padding: 15px 4%;
}
	.events a:hover { color:#000; }
	.events:hover { background-color:#dadada; }
	.events:hover .accordion { height: 100%; max-height: 200px; opacity:1; }
	
.accordion { 
	transition: all 1s ease .2s; 
	max-height:0;
	width:100%; 
	opacity:0;
	float:left;
	clear:both; 
	overflow:hidden; 
	position: relative;
	top: 5px;
}
	.accordion p { margin: 0px 0px 5px 0px; font-size: .75em; font-weight:normal; }
	.accordion .details { color:#73000a; }
		.accordion .details:after { content:"\00bb"; padding-left: 5px; }

.date {
	background: #73000a;
	float: right;
	height: 42px;
	width: 42px;
	line-height: .94em;
	font-weight: 700;
	color:#FFF;
}

	.date span {
		font-size: .625em; /* 10px / 16px */
		text-transform: uppercase;
		margin: 0px;
		padding-left: 12px;
	}

	.date h4 {
		font-size: 1.375em; /* 22px / 16px */
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 6px;
		text-align: center;
		font-family:Georgia, Times, serif;
		font-style:italic;
		color:#FFF;
	}

.event-title {
	float: left;
	margin-top: 0px;
	width: 70%;
	margin-bottom:0px;
	color: #000;
	line-height:1.2em;
	font-weight: 700;
	font-size:.875em;
}

.content-body { margin-top:10px; float: left; width: 100%; }

	.content-body ul { list-style-type:disc; }
	.content-body ul li { margin-bottom: 15px; }
	.content-body ul ul { font-size: 1em; }

	.content-body a { font-weight:700; padding-right:0; background-image:none; }
	.content-body a:hover { text-decoration:none; }

	.content-body table { overflow:visible; border-collapse: separate; }
		.content-body table tr:nth-child(even) 						{ background: #FFF; }
		.content-body table tr:nth-child(odd)						{ background: #ECECEC; }


/* Homepage Profiled Article Flip Begin */

.flip-container { 
	perspective: 1000; 
	float:left; 
	width: 100%; 
	height: 200px; 
	margin-right: 2%; 
	margin-bottom: 20px; 
	clear:both;
	z-index: 9999;
	position: relative;
}

	.flip-container,
	.front,
	.back { overflow: hidden; }

.flipper {
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	position: relative;
}

.front,
.back {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	background: rgba(0, 0, 0, 1);
}

	.front { z-index:9998; }
	.front h2, .front span { 
		transition: 0.6s; 
		position:absolute; 
		color:white; 
		font-weight: 700; 
	}
	
	.front span { 
		bottom: 0;
		left: 0;
		width: 90%;
		background: rgb(0, 0, 0);
		font-size: .875em;
		padding: 5%;
		margin:0;
		border-top:1px solid #FFF;
	 }
	 
	 	.front span:before, .front span:after { 
			bottom: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			left:15%;
		}
	 
	 	.front span:before {  
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 15px;
			margin-left: -15px;
		}
		
		.front span:after { 
			border-color: rgba(0, 0, 0, 0);
			border-bottom-color: #000000;
			border-width: 13px;
			margin-left: -13px;
		}
	 
	 .front h2 { top: 10px; left: 15px; padding-right: 5px; }
		
	.back {
		transform: rotateY(-180deg);
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.6);
		backface-visibility: hidden;
		padding: 10% 8% 0%;
		width: 84%;
		height: 178px;
		overflow: hidden;
		z-index: 9997;
	}

	.back h3 { color: #BFBF00; font-size: .875em; }
	.back span { color:white; line-height:1.2em; }

.flip-container:hover .back { transform: rotateY(0deg); z-index:9999; }

.flip-container:hover .front { transform: rotateY(180deg); }

.flip-container:hover .front h2, .flip-container:hover .front h2, .flip-container:hover .front span { opacity:0; }

/* Homepage Profiled Article Flip End */




/* Image Grid List
   ----------------------------------------------------*/

.grid { padding:0; margin: 0; }
   .grid a { 
   		text-decoration:none; 
		color:black; 
		font-weight:normal; 
		display: block;
		transition: all 0.5s ease 0s; 
	}
   .grid a:hover { background-color:#F0F0F0; }
   
   .grid li { 
   		width: 30.666667%; 
		list-style:none;  
		padding-right:4%;
		float:left;
		display: block;
	}
	
		.grid li:nth-child(3n) { padding:0; }
   
    .grid img {
	  display: block;
	  width: 100%;
	  height: auto;
	}

	.grid .li-text { padding: 0 5% 5%; }	
		.grid .li-head { line-height: 1.4em; margin-top: 10px; }
		.grid .li-sub { margin:0; line-height: 1.6em; font-size:1em; }
	


/* Callout items
   ----------------------------------------------------*/

.callout { 
	width:100%; 
	color:#FFF;
	margin-bottom: 1em !important;
	clear:both;
	float: right;
	padding-bottom: 10px;
	position: relative;
}

	.callout hgroup { border-bottom: 1px solid white; z-index: 9999; }
	.callout hgroup, .callout .sub-text, .callout form { padding: .5em 1em; position:relative; margin-bottom: 0; }
	.callout hgroup:before {
		content: ' ';
		border-color: rgb(255, 255, 255) transparent transparent;
		border-style: solid;
		border-width: 13px;
		position: absolute;
		bottom: -27px;
		left: 19px;
	}

	.callout hgroup:after {
		content: ' ';
		border-style: solid;
		border-width: 12px;
		position: absolute;
		bottom: -24px;
		left: 20px;
	}

	.callout .category { text-transform: uppercase; color:#d0da00; margin: 0; font-weight: 700; }
	.callout .header { color:#FFF; font-weight: 500; margin-bottom:0; line-height: 1em; font-size: 1.3em; }
	.callout img { border-bottom: 1px solid #FFF; width: 100%; height: auto; }
	.callout .sub-text { z-index: 9997; margin-bottom:-5px; }
	
	.callout .more { 
		float: left;
		color: white;
		padding-right: 20px;
		font-weight: 700;
		padding-left: 1em;
		margin-top:5px;
	 }
	 	.callout .more a { color:#FFF; }
	 	.callout .more a:hover { color:#d0da00; }
	 	.light-blue .more a, .yellow .more a, .light-green .more a { color:#000; }
		.light-blue .more a:hover, .yellow .more a:hover, .light-green .more a:hover { color:#818701; }
		
	.callout h1, .callout .sub-text, .callout .more { font-size: .75em; /* 12px / 16px */ }
	
	.callout .float-thumb-left {
		float: left; 
		margin-right: 1em; 
		max-width: 50%;
	}
	
		
	/* Callout colors
   ----------------------------------------------------*/
	
.garnet, .garnet hgroup	{ background-color:#73000a; }
	.garnet hgroup:after { border-color: #73000a transparent transparent; }
	.garnet b, .info-gray .header { color:#73000a; }
.black	{ background-color:#000; }
	.black hgroup:after { border-color: #000 transparent transparent; }
	.black b { color:#000; }
.teal	{ background-color:#00747a; }
	.teal hgroup:after { border-color: #00747a transparent transparent; } 
	.teal b { color:#00747a; }
.blue	{ background-color:#21578a; }
	.blue hgroup:after { border-color: #21578a transparent transparent; }
	.blue b { color:#21578a; }
.clay	{ background-color:#9C6409; }
	.clay hgroup:after { border-color: #9C6409 transparent transparent; }
	.clay b { color:#9C6409; }
.light-blue		{ background-color:#3cb6ce; }
	.light-blue hgroup:after { border-color: #3cb6ce transparent transparent; }
	.light-blue b { color:#3cb6ce; }
.yellow		{ background-color:#d7a900; }
	.yellow hgroup:after { border-color: #d7a900 transparent transparent; }
	.yellow b { color:#d7a900; }
.light-green	{ background-color:#b6bf00; }
	.light-green hgroup:after { border-color: #b6bf00 transparent transparent; }
	.light-green b { color:#b6bf00; }
	
	/* Callout header colors
   ----------------------------------------------------*/
	
	.light-blue .category, .light-blue .header, .light-blue .sub-text, .light-blue .more,
	.yellow .category, .yellow .header, .yellow .sub-text, .yellow .more,
	.light-green .category, .light-green .header, .light-green .sub-text, .light-green .more, .info .sub-text, .info-gray, .gallery, .form { color:#000; }
	
	.clay .category { color:#FFF; }
	
	
	/* Adding play button image over video thumbnail
	   ----------------------------------------------------*/	
	#home + .flex-container .lightbox-video:after	{ left:45%; background-image: url('../img/home_play_button.png'); width: 122px; height:112px; }	
	.lightbox-video:after	{
		content: '';
		background: url('../img/play.png') no-repeat;
		position: absolute;
		width:51px;
		height:51px;
		left: 40%;
		top: 45%;		
	}


	/* Quick-fact callout
	   ----------------------------------------------------*/

.quick-fact, .info, .gallery { padding-bottom:0; }
	
	.quick-fact .sub-text { background-color:#5b5b5b; color:white; }
	.quick-fact b { display:block; font-size: 2.625em; /* 42px / 16px */ margin: 20px 0 15px; font-weight: 800; }

	/* Related info callout
   ----------------------------------------------------*/
	
.info .header, .info-gray .header { font-size:1em; font-weight:700; margin:0; }
.info .sub-text, .gallery .sub-text { padding-top:15px; background-color: #ECECEC; }

.info-gray, #tweets-wrapper		{ border:1px solid #ECECEC; }
	.info-gray hgroup { background-color: #ECECEC; margin-bottom:15px; }
	.info-gray hgroup:after { border-color: #ECECEC transparent transparent; }

/* Tweet-feed Callout
   ----------------------------------------------------*/

.tweets-feed { padding-bottom:0; }

#tweets-wrapper {
	background-color: #FFF;
	padding: 15px 10px 0px;
	font-size: 0.8125em; /* 13px / 16px */
	position: relative;
	box-sizing:border-box;
}

	#tweets-wrapper a { padding-top: 0; word-wrap:break-word; }
	#tweets-wrapper .jta-tweet-list-item { margin-bottom: 5px; }
		
	.form hgroup { margin-bottom:10px; }

.form .ldpforms input, .form .ldpforms textarea, .form .ldpforms select { width:95%; }
.form .ldpforms input[type="submit"] {  
	color: #FFF;
	background-color: #73000A;
	border: none;
	border-radius: 3px;
	margin-top: 10px;
	padding: 8px 15px;
	font-size: 15px;
}
	
.gallery, .form {
	padding: 0 0 10px;
	float: left;
	background-color: #ECECEC;
}
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	.gallery ul { float: left;padding: 7px; }
	.gallery li { float: left; width: 50%; list-style-type:none; }
	.gallery li a { display: block; border: 1px solid #3c3c3c; margin: 0px 10px; }
	.gallery li a:nth-child(2n) { margin-right:0; }
	.gallery li img { display: block; width: 100%; height: auto; border:none; }
	
	.gallery .view-more { margin-right:15px; font-style: italic; float:right; font-size: .625em; /* 10px / 16px */ }


/* Checkbox for Directory Page
   ----------------------------------------------------*/

#input-switch { float: right; margin-bottom:10px; }
	#input-switch label { margin-left: 5px; font-weight:600; font-size: .875em; /* 14px / 16px */ }


/* Link/Icons for List Page
   ----------------------------------------------------*/

.multi-list .external, .multi-list .download {
	padding-right: 35px;
}
 
.multi-list .external {
	background: url(../img/icons/Ext_Link_g.png) no-repeat 95% center;
	}
	
.multi-list .external:hover {
	background: url(../img/icons/Ext_Link_white.png) no-repeat 95% center;
}

.multi-list .download {
	background: url(../img/icons/download_arrow_g.png) no-repeat 95% center;
}

.multi-list .download:hover {
	background: url(../img/icons/download_arrow_white.png) no-repeat 95% center;
}

.multi-list .more { 
	padding-right:10%;
	position:relative;
}
	.multi-list .more:after  { 
		font-size:17px; 
		padding-right: 5%; 
		position: absolute;
		right: 0;
		top: 3px;
	}


/* End Main Content
   ----------------------------------------------------*/







/* Secondary Page styles
   ----------------------------------------------------*/
h2#sectionHead, h2#sectionHead_image, h2#sectionHead_fac {
	text-transform: uppercase;
	color: #7F7F7F;
	font-size:.9375em; /* 15px / 16px */
	position: relative;
	z-index:99999;
}

h2#sectionHead, h2#sectionHead_fac {
	margin-bottom:-5px;
}

h2#sectionHead_image {
	background-color:white;
	opacity:.9;
	padding: 3px 10px;
	margin-bottom: -27px;
	float:left;
}

h2#sectionHead_fac {
	float:left;
}

.mainImage {
	margin-bottom:10px;
}

.multi-list {
	
}

.multi-list article {
	width: 100%;
	border-bottom:1px dotted #CCC;
	float:left;
	padding-bottom:15px;
	padding-top:15px;
	position: relative;
}

.multi-list article:last-child {
	border-bottom:none;
}

.multi-list img {
	float:left;
	margin-right:4.7904%; /* 40px / 835px */
	width:15%;
}

.multi-list p {
	float:left;
	line-height:1.6em;
}

.width {
	width:75%;
	float:left;
}

.halfwidth {
	width:50%;
	float:left;
}

.multi-list ul {
	margin:0px;
	float:right;
	width:20%;
	padding-left:0px;
	font-size:.8125em; /* 13px / 16px */
	top: 0;
	position: relative;
	right: 0px;
}

.multi-list ul li {
	background-color:#ececec;
	border: 1px solid #dadada;
	font-weight: bold;
	list-style-type:none;
	text-align: left;
	margin-bottom: 3px;
	border-radius: 3px;
}

	.multi-list ul li:hover { background-color: #73000a; }

.multi-list ul li a { display:block; text-decoration:none; padding: 4px 0px 4px 10px; }
	.multi-list ul li:hover a { color:#FFF; }

#detail {
	float:left;
}

#person { float: left; }

	#person nav {
		font-weight: 600;
		font-size: .6875em; /* 11px / 16px */
		margin-top:3px;
		margin-left: 15px;
	}

	#person span { margin-left:15px; }

#contact {
	padding-bottom:20px;
	float:left;
}

#contact h2 {
}

#contact table {
	margin-bottom:15px;
	font-size:.875em; /* 14px / 16px */
	width: 100%;
	margin-top: 20px;
	border:none;
}

#contact table td {
	padding-bottom: 15px;
	padding-left: 0px;
	border:none;
}

#contact h4 {
	font-weight:bold;
	margin-top:15px;
	color: black;
	font-size: .875em;
}

.twitter-follow-button { margin-top: 10px; margin-bottom: 10px; float: left; }

#contact #tweetbox {
	background-color:#e5d9c0;
	clear: both;
	padding:5px 10px 0px;
	margin:1em 0 1.5em;
	float:left;
	font-size: 0.8125em; /* 13px / 16px */
	position: relative;
}

	#contact #tweetbox:after {
		content: "";
		position: absolute;
		top: -24px;
		right: auto;
		bottom: auto;
		left: 20px;
		border-width: 12px;
		border-style: solid;
		border-color: transparent transparent #E5D9C0 transparent;
		display: block;
		width: 0;
	}
	
	#contact #tweetbox a { background-image:none; padding:0; }

.jta-tweet-text, #tweetbox .jta-tweet-user-name,  #tweetbox .jta-tweet-hashtag, #tweetbox .jta-tweet-text a { color:#8f000c; }

#tweetbox .jta-tweet-user-name, #tweetbox .jta-tweet-hashtag {
	font-weight:bold;
}

#contact b {
	margin-right:15%;
}

#contact p {
	font-size:.875em; /* 14px / 16px */
	line-height:1.5em;
	margin:0px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 25px;
}
	#contact p:last-child { border-bottom:none; }

#background { float:left; }
	#background .callout { max-width: 23%; }
	#background h4 { padding-top:20px; border-top: 1px dotted #CCC; }
	#background p { padding-bottom: 20px; margin:0; }
		#background p:last-child { border:none; }

#section { float:left; }


/* School/College Footer
   ----------------------------------------------------*/

#inner { 
	background: #393939; /* Old browsers */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, -moz-linear-gradient(-45deg,  #393939 0%, #7f7f7f 100%); /* FF3.6+ */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#393939), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, -webkit-linear-gradient(-45deg,  #393939 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, -o-linear-gradient(-45deg,  #393939 0%,#7f7f7f 100%); /* Opera 11.10+ */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, -ms-linear-gradient(-45deg,  #393939 0%,#7f7f7f 100%); /* IE10+ */
	background: url(../img/Line-Diag-2-white50.png) 0 0 repeat, linear-gradient(135deg,  #393939 0%,#7f7f7f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#7f7f7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display: block; 
}

	#inner footer {
		width: 100%;
		z-index: 2;
		font-weight:700;
		float:left;
		margin-top: 15px;
		color: #FFF;
	}
		#inner footer h3 {
			float: left;
			font-weight: 300;
			color: #FFF;
			margin: 0px 25px 10px 10px;
		}
		#inner footer strong { font-weight: 800; }
	
	#inner hr { 
		float: left;
		margin: 0;
		border: none;
		border-bottom: 3px solid #73000A;
		position: relative;
		z-index: 9999;
	}


.uniticons {
	margin-top: 3px;
	color: #535456;
	font-style: normal;
	font-weight: 700;
	font-size:0.75em; /* 12px / 16px */
	padding-left:0;
	float:left;
	margin-right: 35%;
}

	.uniticons li {
		display: inline;
		margin-bottom: 0px;
		float:left;
		padding-left:10px;
		margin-right:15px;
		line-height: 2em;
	}
	
	.uniticons li a { background-image:url(../img/icons/unit_icons_sprite.svg); background-repeat:no-repeat; color:#FFF; }
		.uniticons li a:hover { color:#d0da00; }
	.no-svg .uniticons li a { background-image:url(../img/icons/unit_icons_sprite.png); }
	
	.uniticons li .location { background-position: 0 0; }
	.uniticons li .location:hover { background-position: 0 -124px; }
	
	.uniticons li .contact { background-position: 0 -31px; }
	.uniticons li .contact:hover { background-position: 0 -155px; }
	
	.uniticons li .give { background-position: 0 -62px; }
	.uniticons li .give:hover { background-position: 0 -186px; }
	
	.uniticons li .calendar { background-position: 0 -93px;}
	.uniticons li .calendar:hover { background-position: 0 -217px; }
	
	.uniticons a {
		display: block;
		padding-left: 25px;
	}

.uniticons .unit-social { background: none; background-repeat:no-repeat;}
.unit-social {
	padding-right: 95px;
	position: absolute;
	right: 0;
	bottom:17px;
}
	.unit-social:after {
		background: url(../img/icons/socialmedia_sprite.png);
		height: 56px;
		width: 91px;
		content: "";
		position: absolute;
		right: 0;
		bottom: -17px;
	}
	.unit-social:hover:after { background-position: 0 -60px; height: 67px; }







	/* Global Footer/Nav
   ----------------------------------------------------*/

#footerbg {
	margin-top: -80px;
	padding-top: 120px;
	font-family: 'Droid Sans';
	background: -moz-linear-gradient(top, rgba(200,200,200,0) 0%, rgba(200,200,200,1) 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0)), color-stop(89%,rgba(200,200,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,1) 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,1) 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(200,200,200,0) 0%,rgba(200,200,200,1) 89%); /* IE10+ */
background: linear-gradient(to bottom, rgba(200,200,200,0) 0%,rgba(200,200,200,1) 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8c8c8', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
	background-size:100% 100%;
	position: relative;
	width:100%;
	float:left;
}

#footerbg hr {
	position:absolute;
	bottom:35px;
	margin:0px;
	border-top:3px solid #73000a;
}

#footerbg small {
	font-size:.625em; /* 10px / 16px */
	float:left;
	margin-bottom:20px;
	font-weight:700;
	border-right:solid 1px #000;
	padding-right:5px;
	line-height:.8em;
	padding-left: 20px;
}

#footerbg small:last-child {
	padding-left:5px;
	border:none;
}

#outer  {
	margin-bottom: 45px;
	position: relative;
}

#outer h1 {
	color: #73000a;
	font-size: 1em; /* 16px / 16px */
	font-weight: bold;
	margin-bottom: 5px;
}

#outer h1 a {
	color: #73000a;
}

#outer hr {
	margin-bottom: 2px;
}

#outer h2 {
	font-size:1em; /* 16px */
}

#outer ul {
	padding: 0px;
	margin: 0px;
}

#outer ul li {
	font-size:.6875em; /* 11px / 16px */
	margin-bottom: 7px;
	line-height: 1.3em;
}

#socialmedia {
	margin: 0px;
	padding-right: 10px;
}

#socialmedia .max-image {
	width: 276px;
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

#socialmedia .mobile {
	display:none;
}

#tweets {
	padding:5px 10px 0px;
	margin:1em 0 1.5em;
	background:#FFF;
	font-family: Helvetica, sans-serif;
	width: 92.99%;
	float: left;
}

#tweets h1 {
	position: relative;
	padding: 4px 0px 4px 10px;
	margin: 10px 140px 10px -15px;
	color: #FFF;
	font-weight:400;
	font-family:'Droid Sans';
	background: #730000; /* Old browsers */
	background: linear-gradient(left,  #730000 0%, #8f0222 53%, #410202 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#410202',GradientType=0 ); /* IE6-9 */
}


#tweets h1:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 0px;  
    top: 100%;  
    border-width: 5px 3px;  
    border-style: solid;  
    border-color: #410202 #410202 transparent transparent;  
} 

#tweets h1:before
{
	content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    right: -2px;  
    top: 0px;  
    border-color: transparent #fff transparent transparent;  
}


ul#social {
	margin: 25px auto;
	width: 285px;
}

ul#social li {
	float:left;
	padding-left:20px;
	padding-top:5px;
}

ul#social li a {
	text-indent:-9999px;
	width:33px;
	height:33px;
	display:block;
	position:relative;
	background-image: url(../img/socialmedia_icons_black.svg);
}
.no-svg ul#social li a {  background-image: url(../img/socialmedia_icons_black.png) };

#facebook a {
	background-position: 0px 0px;
}

#twitter a {
	background-position: -43px 0px;
}

#youtube a {
	background-position: -86px 0px;
}

#linkedin a {
	background-position: -129px 0px;
}

#feed a {
	background-position: -172px 0px;
}

#facebook a:hover {
	background-position: -215px 0px;
	opacity:1;
}

#twitter a:hover {
	background-position: -258px 0px;
	opacity:1;
}

#youtube a:hover {
	background-position: -301px 0px;
	opacity:1;
}

#linkedin a:hover {
	background-position: -344px 0px;
	opacity:1;
}

#feed a:hover {
	background-position: -387px 0px;
	opacity:1;
}

#outer .links:last-child {
	border-right:none;
}

.links {
	border-left: 1px dotted black;
	padding-left: 11px;
	height: 440px;
	margin-left: 0px;
}

.links a:link, .links a:visited { color:#000; }
.links a:hover { color:#818701; }
	
	

		
/***** Global Classes *****/

	.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
	.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }

	.clear       							{ clear:both; }
	.float-left 							{ float:left; }
	.float-right   							{ float:right; }

	.text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
	.text-left    							{ text-align:left; }
	.text-right    							{ text-align:right; }
	.text-center   							{ text-align:center; }
	.text-justify  							{ text-align:justify; }

	.normal									{ font-weight:normal; }
	.bold          							{ font-weight:bold; }
	.italic        							{ font-style:italic; }
	.underline     							{ border-bottom:1px solid; }
	.highlight     							{ background:#ffc; }

	.paddingright							{ padding-right:10px; }
	.nopadding 						   		{ padding:0; }
	.noindent  						   		{ margin-left:0; padding-left:0; }
	.nobullet  					   			{ list-style:none; list-style-image:none; }

	.block									{ display:block; }
	.hidden									{ display:none; }
	.hide 									{ display:none; }
	
	
	
	/* Clean up on isle 6 ----------- */	

	.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
	
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
	
	.row:after,	.clearfix:after 		{ clear:both; }
	.row, 
	.clearfix 							{ zoom:1; }