/*  ==========================================================================
	Master stylesheet for USF Enterprise CMS
	Author: Charlotte Koh, USF University Communications and Marketing
	Author URL: http://www.usf.edu/ucm/
    ==========================================================================  */

/*  ==========================================================================
	Reset CSS
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)

	and normalize.css v3.0.2 | MIT License | git.io/normalize
    ==========================================================================  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-size: .813em; line-height: 1.5; font-family: Arial, sans-serif; color: #666; background-color: #fff; }

ul, ol { margin: 0 0 1.5em 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

blockquote, q { quotes: none; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
input { font-size: 1em; border: 0; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

a, a:link { 
	font-weight: bold; 
	color: #057b56; 
	text-decoration: none; 
}
a:hover, a:active, a:focus { 
	text-decoration: none; 
	color: #7fb539; 
}

h3, h4, h5, h6 { 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
}
h4, h5, h6, p { 
	margin-bottom: 1.5em; 
}
h3 { 
	margin-bottom: 1.25em; 
	font-size: 1.2em; 
	line-height: 1.25em; 
}
h4 { 
	color: #057B56; 
	letter-spacing: 2px; 
	text-transform: uppercase; 
}
h6 { 
	font-style: italic; 
	font-weight: normal; 
}


/*  ==========================================================================
	Clearfix
    ==========================================================================  */
   
.container:before, .container:after { 
	content:""; 
	display:table; 
}
.container:after { 
	clear:both; 
}
.container { 
	*zoom:1; 
}


/*  ==========================================================================
	Accessibility
    ==========================================================================  */
	
a.skip-link, a.skip-link:hover, a.skip-link:visited, .hidden { 
	width:1px; 
	height:1px; 
	position:absolute; 
	left:-9999px; 
	top:auto; 
	overflow:hidden; 
}
a.skip-link:active, a.skip-link:focus { 
	width:auto; 
	height:auto; 
	position:static; 
}


/*  ==========================================================================
	Header
    ==========================================================================  */
   
header { 
	background: #f1edbe url("../images/global/header/banner/banner.jpg") no-repeat center top; 
	overflow: hidden; 
}


/* 	Banner
    ==========================================================================  */

.banner { 
	width: 90%; 
	margin: 0 auto; 
	padding: 1.5em 0; 
}
.banner-title { 
	width: 75%; 
	margin-bottom: .115em; 
	font: 2em Garamond, "Times New Roman", serif; 
}
.banner-subtitle { 
	margin-bottom: 0; 
	color: #057b56; 
	letter-spacing: 2px; 
	text-transform: uppercase; 
}
.banner-title a, .banner-subtitle a { 
	color: #057b56; 
	font-weight: normal; 
}
.banner-logo-link { 
	max-width: 316px; 
	display: block; 
}
.banner-logo { 
	width: 100%; 
}


/* 	Top Bar
    ==========================================================================  */ 

.top-bar-wrapper {
	background: #12825f url("../images/global/header/top-bar/top-bar.jpg") repeat-x;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c6a4d), to(#12825f));
   	background-image: -webkit-linear-gradient(top, #0c6a4d, #12825f);
   	background-image:    -moz-linear-gradient(top, #0c6a4d, #12825f);
   	background-image:     -ms-linear-gradient(top, #0c6a4d, #12825f);
   	background-image:      -o-linear-gradient(top, #0c6a4d, #12825f);
}
.top-bar { 
	background: url("../images/global/header/top-bar/top-bar-glow.jpg") no-repeat center top; 
}
.top-bar .skip-link { 
	float: left; 
	color: #fff; 
}
a.top-bar-link { 
	width: 90%; 
	margin: 0 auto; 
	display: block; 
	text-align: center; 
	clear:both; 
	color: #fff; 
}
.top-bar-logo { 
	max-width: 100%; 
	width: auto; 
	height: auto; 
	vertical-align: middle; 
}


/*  ==========================================================================
	Collapsing
    ==========================================================================  */

.collapsible-heading-status {
	width:1px;
	height:1px;
	position:absolute;
	left:-99999px;
	top: auto;
	overflow:hidden;
}
.collapsible-content-collapsed {
	display:none;
}


/* 	Site Tools and Main Navigation
    ==========================================================================  */

.site-tools, .main-navigation {
	width: 90%;
	margin: 0 auto 1em;
	background: #0f7254 url("../images/global/header/main-navigation/main-navigation.jpg") repeat-x;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#23a079), to(#0f7254));
   	background-image: -webkit-linear-gradient(top, #23a079, #0f7254);
   	background-image:    -moz-linear-gradient(top, #23a079, #0f7254);
   	background-image:     -ms-linear-gradient(top, #23a079, #0f7254);
   	background-image:      -o-linear-gradient(top, #23a079, #0f7254);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0px 1px 10px rgba(0, 0, 0, .35);
  	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .35);
  	box-shadow:         0px 1px 10px rgba(0, 0, 0, .35);
	color: #fff;
	font-size: .9em;
}
.main-navigation a,
.site-tools a,
.inside-header .toggle,
.inside-header .collapsible-heading-toggle { 
	color: #fff; 
	font-weight: normal;
}		
.main-nav-item,
.site-tool,
.inside-header .toggle,
.inside-header .collapsible-heading-toggle {
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.main-nav-item,
.site-tool,
.site-search {
	padding: .75em 0;
}
.inside-header .toggle, 
.inside-header .collapsible-heading-toggle {
	margin: 0;
	padding: .75em 3em .75em 1em;
}
.main-nav-item + .main-nav-item,
.site-tool,
.inside-header .toggle-content {
	border-top: 1px solid #3ea485; 
	-moz-box-shadow:    0px -1px 0px #166c51;
  	-webkit-box-shadow: 0px -1px 0px #166c51;
  	box-shadow:         0px -1px 0px #166c51; /* dark border then light boxshadow */
}
.inside-header .toggle-content {
	margin: 0 1em;
}				
.main-nav-item:hover, 
.main-nav-item:active, 
.main-nav-item:focus,
.site-tool:hover, 
.site-tool:active,
.site-tool:focus {
	background: url("../images/global/header/main-navigation/main-navigation-rollover.png") no-repeat center center;
}
.inside-header .collapsible-heading-toggle {
	background: url("../images/global/elements/toggle-sprite.png") right -82px no-repeat; /* - */
}
.inside-header .collapsible-heading-collapsed .collapsible-heading-toggle {
	background: url("../images/global/elements/toggle-sprite.png") right 14px no-repeat; /* + */
}
.inside-header .collapsible-heading {
	padding: 0;
	background-image: none;
}
.site-search {
	width: 100%;
}
.site-search form {
	padding: .25em;
	position: relative;
	background-color: #fff;
}
#site-search-input {
	width: 90%;
	border: none;
	color: #314942;
}
#site-search-submit {
	width: 14px; 
    height: 14px;
    position: absolute;
    top: 5px; 
	right: 5px;
}


/* 	Legacy Main Navigation Support
    ==========================================================================  */

.main-navigation ul {
	margin: 0 1em;
	list-style-type: none;
}
.main-navigation li a  {
	padding: .75em 0;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.main-navigation li + li a {
	border-top: 1px solid #3ea485; 
	-moz-box-shadow:    0px -1px 0px #166c51;
  	-webkit-box-shadow: 0px -1px 0px #166c51;
  	box-shadow:         0px -1px 0px #166c51; /* dark border then light boxshadow */
}
.main-navigation li a:hover, 
.main-navigation li a:active, 
.main-navigation li a:focus {
	background: url("../images/global/header/main-navigation/main-navigation-rollover.png") no-repeat center center;
}


/*  ==========================================================================
	Content
    ==========================================================================  */

#content { 
	width: 90%; 
	max-width: 1000px; 
	margin: 0 auto; 
	padding-top: 1.5em; 
}
.content-title {
	margin-bottom: .65em;
	color: #057b56;
	font: 2.25em/1.333em Garamond, "Times New Roman", serif;
}

/*  ==========================================================================
	Video
    ==========================================================================  */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
	
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*  ==========================================================================
	Footer
    ==========================================================================  */

#footer { 
	width: 90%; 
	max-width: 1000px; 
	margin: 0 auto; 
	padding: 3em 0; 
	border-top: 1px solid #dcddde; 
}
.footer-usf-logo { 
	max-width: 100%; 
	width: auto; 
	height: auto; 
	margin-bottom: 1.5em; 
}
.footer-navigation a { 
	font-weight: normal; 
}
.footer-navigation ul { 
	width: 30%; 
	float: left; 
	margin: 0 3% 1.5em 0; 
	list-style: none; 
}
.footer-navigation li { 
	margin-bottom: .5em; 
}

#ou-access { 
	color: #666; 
}


/* 	==========================================================================
   	Media Queries
    ==========================================================================  */

@media screen and (min-width: 515px) {
	
.banner { 
	padding: 2em 0; 
}
.banner-title { 
	width: 60%; 
	font: 2.308em Garamond, "Times New Roman", serif; 
}
.site-tools, .main-navigation {
	width: 40%;
	float: left;
	margin: 0 5% 1em;
}
.lt-ie8 header {
	padding-bottom: 1em;
}
.lt-ie8 .site-tools, .lt-ie8 .main-navigation {
	width: 39%;
}

}


@media screen and (min-width: 750px) {
	
.footer-info { 
	width: 45%; 
	float: left; 
}
.footer-navigation { 
	width: 45%; 
	float: right; 
}

}


@media screen and (min-width: 900px) {
	
.top-bar { 
	width: 90%; 
	max-width: 1000px; 
	margin: 0 auto; 
	background: url("../images/global/header/top-bar/top-bar-glow.jpg") no-repeat left top; 
}	
a.top-bar-link { 
	width: auto; 
	float: left; 
	text-align: left; 
}		
.inside-header {
	width: 90%;
	max-width: 1000px;
	position: relative; /* accommodate the move of the top-bar-nav */
	margin: 0 auto;
}
.banner { 
	width: auto; 
	padding: 3em 0; 
}
.banner-title { 
	width: 70%; 
	margin-left: 0; 
	font-size: 3em; 
}	
.inside-header .toggle-content {
	margin: 0;
}
.collapsible-content-collapsed {
	display: block;
}
.inside-header .toggle {
	display: none;
}
.site-tools, .lt-ie8 .site-tools {
	width: auto;
	margin: 0;
	position: absolute;
	top: -33px;
	right: 0;
	float: none;
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow:    none;
  	-webkit-box-shadow: none;
  	box-shadow:         none;
}
.site-tools .toggle-content {
	width: auto;
	float: right;
}
.site-tool, .site-search {
	float: left;
}
.site-tool {
	margin: .6em 0 0 .476em;
	padding: 0 0 0 .476em;
	letter-spacing: 0;
	line-height: 1em;
}
.site-tool + .site-tool {
	border-left: 1px solid #fff;
}
.site-tool:hover, 
.site-tool:active, 
.site-tool:focus {
	background: none;
}
.inside-header .toggle-content, .site-tool {
	border-top: none;
	-moz-box-shadow:    none;
  	-webkit-box-shadow: none;
  	box-shadow:         none;
}
.site-search {
	width: 130px;
	padding: 0;
}   
#site-search-input {
	width: 100px;
}
.main-navigation, .lt-ie8 .main-navigation {
	width: 100%;
	margin: 0 auto;
	float: none;
	-moz-border-radius: 10px 10px 0px 0;
	-webkit-border-radius: 10px 10px 0px 0;
	border-radius: 10px 10px 0px 0;
}
.main-navigation .toggle-content {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.main-nav-item {	
	padding: .75em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.main-nav-item + .main-nav-item {
	border-top: none;
	border-left: 1px solid #3ea485; 
	-moz-box-shadow:    -1px 0px 0px #166c51;
  	-webkit-box-shadow: -1px 0px 0px #166c51;
  	box-shadow:         -1px 0px 0px #166c51; /* dark border then light boxshadow */
}

	
/* 	IE7 and Legacy Main Navigation Support
    ==========================================================================  */

.lt-ie8 header {
	padding-bottom: 0;
}
.lt-ie8 .collapsible-content-collapsed, .lt-ie8.js .inside-header .toggle-content {
	display: block;
}
.main-navigation ul {
	width: 100%;
	margin: 0;
	display: table;
}
.main-navigation li {
	height: 100%;
	display: table-cell;
	border-top: none;
	vertical-align: middle;
	text-align: center;
}
.main-navigation li a {
	width: 100%;
	height: 100%;
	padding: .75em;
	display: table;
	table-layout: fixed;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.lt-ie8 .main-navigation li, .lt-ie8 .main-navigation a {
	display: block;
	float: left;
}
.lt-ie8 .main-navigation a {
	padding: .75em 0;
}
.main-navigation li, .lt-ie8 .main-nav-item {
	width: 16.5%;
}
.main-navigation .main-nav-five li {
	width: 20%;
}
.main-navigation .main-nav-four li {
	width: 25%;
}
.lt-ie8 .main-navigation .main-nav-five li, .lt-ie8 .main-nav-five .main-nav-item {
	width: 19%;
}
.lt-ie8 .main-navigation .main-nav-four li, .lt-ie8 .main-nav-four .main-nav-item {
	width: 24%;
}
.main-navigation li + li a {
	border-top: none;
	border-left: 1px solid #3ea485;
	-moz-box-shadow:    -1px 0px 0px #166c51;
  	-webkit-box-shadow: -1px 0px 0px #166c51;
  	box-shadow:         -1px 0px 0px #166c51;
}

#content { 
	padding-top: 1.5em; 
}

}


/* 	==========================================================================
   	IE FIXES
    ==========================================================================  */
	
.no-js.lt-ie9 .top-bar-logo, .no-js.lt-ie9 .news-widget-thumbnail, .no-js.lt-ie9 .footer-usf-logo { width: auto; }
.no-js.lt-ie9 .main-nav-four, .no-js.lt-ie9 .main-nav-five, .no-js.lt-ie9 .main-nav-six, .no-js.lt-ie9 .footer-info { width: 90%; margin: 0 auto; }


/* 	==========================================================================
   	CALENDAR FIXES
    ==========================================================================  */

#subsTree ul { margin: 0; }