
/***************************************** WWW ********************************************/
/***************************************** JCE EDITOR STYLES ********************************************/
/* 
.bannertitle {
	clear: both;
	color: #fff !important;
	display: block;
	font-family: "Fjalla One", "Arimo", Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: normal !important;
	line-height: normal;
	margin: 0 !important;
	padding: 20px 10px 10px !important;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
} */

/* .bannertitle a:link,
.bannertitle a:visited,
.bannertitle a:hover,
.bannertitle a:active {
	color: #fff !important;
	font-weight: 400 !important;
} */


body.linear.hd .bannershadow {
	background: rgba(0, 0, 0, 0.10);
}
body.linear.hd #banner .bannershadow .bannertitle,
body.linear.hd #banner .bannershadow .bannertitle a:link,
body.linear.hd #banner .bannershadow .bannertitle a:visited,
body.linear.hd #banner .bannershadow .bannertitle a:hover,
body.linear.hd #banner .bannershadow .bannertitle a:active {
	color: #222 !important;
	display: block;
	font-size: 2.25em;
	line-height: 2;
	margin: 0 auto !important;
	max-width: 1280px;
	padding: 0 0 0 0.25em !important;
	text-shadow: none;
	text-transform: uppercase;
}

p.noleading {
	line-height: 1.0em;
}

.middle60 {
	margin: 0 auto;
	width: 60%;
}

.btn-uab,
.btn-uab a {
	background-color: #1e6b52;
	background-image: linear-gradient(to bottom, #1e6b52, #28392e);
	color: #f1f1f1 !important;
}

a.btn-uab:hover,
a.btn-uab:focus,
a.btn-uab:active,
a.btn-uab.active {
	background-color: #28392e;
	color: #fff !important;
}

.roundedimage,
img.roundedimage,
.moduletablefrontdoor img,
.moduletable .frontdoor img,
.itemFullText > img {
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.nonroundedimage,
img.nonroundedimage,
.nonrounded,
.unrounded,
.itemFullText > img.nonrounded,
.itemFullText > img.plainImage {
	border-radius: 0;
	box-shadow: none;
}

.custom.introbox {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-top: 15px;
	padding: 0 !important;
}

.greenbox {
	background: #123d2f; /* Old browsers */
	background:    -moz-linear-gradient(top, #2b9473 5%, #123d2f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2b9473 5%,#123d2f 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #2b9473 5%,#123d2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #666;
	border-image: initial;
	border-radius: 8px;
	color: #fff !important;
	margin: 2px 0;
	padding: 4px 10px;
}

.greenborder {
	border: 4px solid #1e6b52;
	border-image: initial;
	border-radius: 8px;
	margin: 2px 0;
	padding: 4px 10px;
}

.redborder {
	border: 2px solid #c00;
	border-image: initial;
	border-radius: 8px;
	margin: 2px 0;
	padding: 8px 10px;
}

.goldbox,
.goldfinger {
	background: #b7ad70; /* Old browsers */
	background:    -moz-linear-gradient(top, #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 0.5% 1%;
}

.goldbox a,
.goldfinger a {
	color: #222 !important;
}

.graybox {
	background: none repeat scroll 0 0 #f1f1f1;
	border: 1px solid #bababa;
	border-radius: 8px 8px 8px 8px;
	margin: 0 15px 10px 0;
	padding: 15px;
}

.graybox > .graybox,
.greenbox > .greenbox,
.goldbox > .goldbox {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	border-radius: 0;
	margin: 0 auto;
	padding: 0;
}

.left-element-margin {
	float: left;
	/* updated 09-15-14 */
	margin: 5px 20px 5px 0;
}

.right-element-margin {
	float: right;
	/* updated 09-15-14 */
	margin: 5px 0 5px 20px;
}

.latestnews {
	margin: 0;
	padding: 0;
}

ul.latestnews {
	list-style: none;
	margin: 0;
	padding: 0;
}

.latestnews li {
	background: none repeat scroll 0 0;
	border-radius: 0 0 0 0;
	border-top: 1px solid #d3d3d3;
	font-weight: normal;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

.latestnews li a {
	font-weight: normal;
}

.bold-header,
.bold-header span {
	color: #444;
	font-family: "Fjalla One", Arial, sans-serif;
	font-size: 2rem;
	font-weight: normal;
	line-height: normal;
	text-shadow: 0.025em 0.025em 0.125em rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	width: inherit;
	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	        hyphens: manual;
}

.bold-header > b,
a.bold-header,
.bold-header strong {
	font-weight: normal !important;
}

a .bold-header {
	color: #1e6b52;
}

.big-center {
	display: block;
	margin: 0;
	text-align: center;
	width: 100%;
}

.jce_caption {
	font-size: 0.9em;
	line-height: 1.3em;
}

.wf_caption {
	background-color: #f1f1f1;
}

span.wf_caption {
	background-color: #f1f1f1;
	border: 8px solid #f1f1f1;
	border-radius: 4px 4px 4px 4px;
	max-width: 90%;
	padding: 0;
	vertical-align: top;
}

span.wf_caption span {
	background-color: transparent !important;
	color: #222 !important;
	font-size: 90%;
	font-weight: normal;
	margin: 5px auto 0;
	max-width: 90%;
}

.wf_caption > img {
	box-shadow: 0 0 3px;
}

.mobile-only {
	display: none;
}

.buttonzilla,
script.buttonzilla {
	background: #d4d4d4; /* Old browsers */
	background:    -moz-linear-gradient(top, #fff 0%, #d4d4d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#d4d4d4 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #fff 0%,#d4d4d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	color: #444 !important;
	display: table;
	float: none;
	height: auto;
	line-height: normal;
	margin: 0.5em auto;
	max-width: 175px;
	padding: 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto;
	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	        hyphens: manual;
}

.buttonzilla a:link,
.buttonzilla img {
	vertical-align: middle;
}

a.buttonzilla:hover {
	background: #d4d4d4; /* Old browsers */
	background:    -moz-linear-gradient(top, #d4d4d4 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d4d4d4 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #d4d4d4 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-decoration: underline;
}

a.buttonzilla:active {
	top: 1px;
}

.buttonzilla em {
	font-style: normal;
}

.greenbutton {
	background: #123d2f; /* Old browsers */
	background:    -moz-linear-gradient(top, #2b9473 0%, #123d2f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2b9473 0%,#123d2f 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #2b9473 0%,#123d2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #123d2f;
	border-radius: 4px;
	color: #fff !important;
	display: table;
	float: none;
	height: auto;
	line-height: normal;
	margin: 0.5em auto;
	max-width: 175px;
	padding: 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto;
	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	        hyphens: manual;
}

a.greenbutton:hover,
a.greenbutton:active,
span.greenbutton:hover {
	background: #123d2f; /* Old browsers */
	background:    -moz-linear-gradient(top, #123d2f 0%, #2b9473 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #123d2f 0%,#2b9473 100%); /* Chrome10-25,Safari5.1-6 */
	background:         linear-gradient(to bottom, #123d2f 0%,#2b9473 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff !important;
}

a.greenbutton:active {
	position: relative;
	top: 1px;
}

.greenbutton a,
a.greenbutton,
span.greenbutton,
.greenbutton a span {
	color: #fff !important;
	display: block;
	line-height: 1em;
	padding: 8px 10px;
	text-shadow: 0.05em 0.05em 0.125em rgba(0, 0, 0, 0.75) !important;
}

.greenbutton a:link,
.greenbutton a:visited,
.greenbutton a:hover,
.greenbutton a:active,
span.greenbutton > a:hover {
	color: #fff !important;
}

.socialbutton {
	background: #b2b2b2;
	background: -webkit-linear-gradient(#fafafa, #b2b2b2);
	background:    -moz-linear-gradient(#fafafa, #b2b2b2);
	background:         linear-gradient(#fafafa, #b2b2b2);
	border: 1px solid #b2b2b2;
	border-radius: 6px;
	clear: both;
	display: block;
	float: left;
	height: auto;
	margin: 0.5em auto;
	max-width: 175px;
	padding: 0.75em 2px;
	position: relative;
	width: 100%;
	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	        hyphens: manual;
}

.socialbutton:hover,
.socialbutton:active {
	background: -webkit-linear-gradient(#b2b2b2, #fafafa);
	background:    -moz-linear-gradient(#b2b2b2, #fafafa);
	background:         linear-gradient(#b2b2b2, #fafafa);
}

.socialbutton:active {
	position: relative;
	top: 1px;
}

.socialbutton a,
a.socialbutton {
	color: #444 !important;
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	max-width: 175px;
	text-align: center;
	width: 85%;
}

.socialbutton a:hover {
	color: #666 !important;
}

.socialbutton img {
	display: table-cell;
	vertical-align: middle;
}

.connectbar {
	background: none repeat scroll 0 0 #444;
	float: left;
	padding: 0;
	width: 100% !important;
}

.custom.connectbar {
	padding: 0;
}

div#epilogue .connectbar a:link,
div#epilogue .connectbar a:visited,
div#epilogue .connectbar a:focus,
div#epilogue .connectbar a:hover,
div#epilogue .connectbar a:active {
	color: #fff !important;
	font-weight: normal;
	-webkit-transition: none 0s ease 0s;
	   -moz-transition: none 0s ease 0s;
	    -ms-transition: none 0s ease 0s;
	        transition: none 0s ease 0s;
}

.connectbar > div {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.8) inset;
	color: #fff;
	float: left;
	font-family: "Fjalla One", Arial, sans-serif !important;
	padding: 1%;
	text-shadow: 0.025em 0.025em 0.125em rgba(0, 0, 0, 0.2);
	text-transform: lowercase;
}

.connectbar .blogger {
	background: url("/styles/4.0/images/connectbar/connect_icon_blogger.png") no-repeat scroll right top #b35f24;
}

.connectbar .blogger:hover {
	background-color: #f83;
}

.connectbar .facebook {
	background: url("/styles/4.0/images/connectbar/connect_icon_facebook.png") no-repeat scroll right top #2d4373;
}

.connectbar .facebook:hover {
	background-color: #3b5998;
}

.connectbar .flickr {
	background: url("/styles/4.0/images/connectbar/connect_icon_flickr.png") no-repeat scroll right top #ab0558;
}

.connectbar .flickr:hover {
	background-color: #fe0883;
}

.connectbar .googleplus {
	background: url("/styles/4.0/images/connectbar/connect_icon_googleplus.png") no-repeat scroll right top #9c3628;
}

.connectbar .googleplus:hover {
	background-color: #dd4b39;
}

.connectbar .instagram {
	background: url("/styles/4.0/images/connectbar/connect_icon_instagram.png") no-repeat scroll right top #630;
}

.connectbar .instagram:hover {
	background-color: #630;
}

.connectbar .linkedin {
	background: url("/styles/4.0/images/connectbar/connect_icon_linkedin.png") no-repeat scroll right top #2c476e;
}

.connectbar .linkedin:hover {
	background-color: #007bb6;
}

.connectbar .twitter {
	background: url("/styles/4.0/images/connectbar/connect_icon_twitter.png") no-repeat scroll right top #007fad;
}

.connectbar .twitter:hover {
	background-color: #00aced;
}

.connectbar .uabgo {
	background: url("/styles/4.0/images/connectbar/connect_icon_uabgo.png") no-repeat scroll right top #134535;
}

.connectbar .uabgo:hover {
	background-color: #1e6b52;
}

.connectbar .uabcalendar {
	background: url("/styles/4.0/images/connectbar/connect_icon_calendar.png") no-repeat scroll right top #444;
}

.connectbar .uabcalendar:hover {
	background-color: #666;
}

.connectbar .vimeo {
	background: url("/styles/4.0/images/connectbar/connect_icon_vimeo.png") no-repeat scroll right top #658722;
}

.connectbar .vimeo:hover {
	background-color: #86b32d;
}

.connectbar .youtube {
	background: url("/styles/4.0/images/connectbar/connect_icon_youtube.png") no-repeat scroll right top #9c3628;
}

.connectbar .youtube:hover {
	background-color: #bf0303;
}

.connectbar *:hover {
	box-shadow: none;
	-webkit-transition: box-shadow 0.5s linear 0.5s;
	   -moz-transition: box-shadow 0.5s linear 0.5s;
	    -ms-transition: box-shadow 0.5s linear 0.5s;
	        transition: box-shadow 0.5s linear 0.5s;
}


/* Linear */

body.linear .bold-header,
body.linear .bold-header span,
body.linear .bannertitle,
body.linear .connectbar > div {
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	text-shadow: none;
}
