/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	FONTS
::::::::::::::::::::::::::::::::::::::::::::::::::: */
@font-face {
	font-family:'ProximaNova'; src:url('fonts/proximanova-light.eot'); src:url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-light.woff') format('woff'),url('fonts/proximanova-light.ttf') format('truetype');
	font-weight:300;
	font-style:normal;
}

@font-face {
	font-family:'ProximaNova'; src:url('fonts/proximanova-regular.eot'); src:url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-regular.woff') format('woff'),url('fonts/proximanova-regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}

@font-face {
font-family:'ProximaNova'; src:url('fonts/proximanova-semibold.eot'); src:url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-semibold.woff') format('woff'),url('fonts/proximanova-semibold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	ELEMENTS (TYPOGRAPHY)
::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* New 4/22/19 - UCLA Requires Arial & Helvetica font family
     Old font-family: ProximaNova, Verdana, sans-serif; 
	 7/1/19 - New text color changed from #4e4e4e to #1a1a1a (Acessibility)*/
body {
	-webkit-text-size-adjust:none;
	background:#d1e8f8 url(../img/background.jpg) repeat; color:#1a1a1a; font:normal 400 10px/1.375 Helvetica, Arial, sans-serif;
	height:100%; position:relative; background-attachment: fixed;
}

::-moz-selection,
::selection { background:#fff100; color:#000; text-shadow:none; }

h1,h2,h3,h4,h5,h6 { color:#287cb3; line-height:1.2; margin-bottom:10px; }
h1 { font-size:3.8rem; font-weight:400; /* color: #427ca2; */ }
h2 { font-size:3rem; font-weight:400; }
h3 { font-size:2.1rem; }
h4 { font-size:1.8rem; }
h5 { font-size:1.4rem; }
h6 { font-size:.923rem; }

p { font-size:1.5em; line-height:1.5; margin:0 0 22px; }

abbr[title] { border-bottom:1px dotted; }
b,strong { font-weight:600; }
blockquote { background:#eee; border:1px solid #ccc; font-size:1em; line-height:1.4em; margin:20px 40px; padding:10px; }
blockquote p{ margin: 0; }
hr { border:0; border-top:1px solid #ccc; display:block; height:1px; margin:1em 0; padding:0; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:600; }
code,kbd,samp { font-family:'Courier New',monospace; font-size:1em; }
pre { background:#faf8f0; font-family:'Courier New',monospace; font-size:1.3em; line-height:1.4em; margin-bottom:15px; padding:20px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before,q:after { content:none; }
small { font-size:85%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
dd { margin:0 0 0 15px; }

img { -ms-interpolation-mode:bicubic; border:0; display:block; max-width:100%; vertical-align:middle; }

table { border:none; border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
tr { background:#fff; }
th { background:#fff; border-bottom:none; /* font-size:1.4em; */ font-weight:600; /* line-height:1.4em; */ padding:0; text-align:left; }
td { /* font-size:1.4em; line-height:1.4em; */ padding:0; }
i,em,dfn { font-style:italic; }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
::::::::::::::::::::::::::::::::::::::::::::::::::: */
label { cursor:pointer; font-size: 1.5em;}
legend { border:0; margin-left:-7px; padding:0; white-space:normal; }
input[type=text],select,textarea { border:1px solid #1d2c57; color:#666; font-size:1.5em; padding:5px; width: 100%; }
button,input,select,textarea { font-size:1.3rem; margin:0; vertical-align:middle; }
label input{ font-size: 1em; }
button,input { line-height:normal; }
button,input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; overflow:visible; padding: 1.1rem; }
button[disabled],input[disabled] { cursor:default; }
input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0; height:1em; width:1em; vertical-align: baseline; }
input[type=search] { -moz-box-sizing:content-box; -webkit-appearance:textfield; -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; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; resize:vertical; vertical-align:top; }
input:invalid,textarea:invalid { background-color:#f0dddd; }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	WRAPPER
::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* this was #container in main.css, changed so we can apply it more widely */
.container { margin:0 auto; max-width:960px; padding-left: 0px; }
.container-apps { margin:0 auto; max-width:1130px; }
.reportcontainer { margin:0 auto; max-width:1500px; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	TOP BAR
::::::::::::::::::::::::::::::::::::::::::::::::::: */
.nav-bg-dark {
	background: #005587; /* Old browsers */
	background: -moz-linear-gradient(left,  #005587 0%, #2774ae 50%, #005587 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005587), color-stop(50%,#2774ae), color-stop(100%,#005587)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #005587 0%,#2774ae 50%,#005587 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #005587 0%,#2774ae 50%,#005587 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #005587 0%,#2774ae 50%,#005587 100%); /* IE10+ */
	background: linear-gradient(to right,  #005587 0%,#2774ae 50%,#005587 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005587', endColorstr='#005587',GradientType=1 ); /* IE6-9 */
}

.nav-bg-light {
	background: #8bb8e8; /* Old browsers  updated 4-24-19 */
	background: -moz-linear-gradient(left,  #8bb8e8 0%, #daebfe 50%, #8bb8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8bb8e8), color-stop(50%,#daebfe), color-stop(100%,#8bb8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #8bb8e8 0%,#daebfe 50%,#8bb8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #8bb8e8 0%,#daebfe 50%,#8bb8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #8bb8e8 0%,#daebfe 50%,#8bb8e8 100%); /* IE10+ */
	background: linear-gradient(to right,  #8bb8e8 0%,#daebfe 50%,#8bb8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb8e8', endColorstr='#8bb8e8',GradientType=1 ); /* IE6-9 */
}

.nav-bg-extra-dark {
	background: #003b5c; /* Old browsers  updated 4-24-19 */
	background: -moz-linear-gradient(left,  #003b5c 0%, #003b5c 50%, #003b5c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003b5c), color-stop(50%,#003b5c), color-stop(100%,#003b5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #003b5c 0%,#003b5c 50%,#003b5c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #003b5c 0%,#003b5c 50%,#003b5c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #003b5c 0%,#003b5c 50%,#003b5c 100%); /* IE10+ */
	background: linear-gradient(to right,  #003b5c 0%,#003b5c 50%,#003b5c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b5c', endColorstr='#003b5c',GradientType=1 ); /* IE6-9 */
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	ALERT BOX (Added 4-2-2020 -Eli) Previous color#A50000
::::::::::::::::::::::::::::::::::::::::::::::::::: */
#alert-box { background-color:#FFBF00; color:#005587; font-weight:normal; margin-top: -5px; padding:15px;font-size:1.5em; }
#alert-box a { color:#005587; font-weight:bold; }
#alert-box a:visited { color:#005587; font-weight:bold; }
#alert-box a:hover { color:#005587; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	HEADER
::::::::::::::::::::::::::::::::::::::::::::::::::: */
#header { background:#2c5e91 url(../img/header-bg.jpg) repeat-x top; border-bottom:1px solid #17244c; min-height:130px; padding:0 10px; }
#header-content { margin:0 auto; max-width:960px; padding:20px 0; position:relative; }

#subhead-logotype { color:#fff; font-family:Caslon, Georgia, Times, serif; font-size:1.6em; font-weight:400; margin:-8px 0 0 76px; position:absolute; text-transform:none; }
#subhead-logotype a,#subhead-logotype a:visited { color:#fff; text-decoration:none; }

#callout-nav { height:auto; overflow:hidden; position:absolute; right:0; top:-31px; }
#callout-nav li { float:left; margin-left:1px; text-align:center; }
#callout-nav li a { background:url(../img/callout-nav-bkgd.jpg) repeat-x left top #FFF100; border-top:4px solid #f0b400; box-shadow:0 1px 1px #666; color:#204E91; display:block; font-size:1.3em; font-weight:600; height:38px; letter-spacing:.1em; line-height:3em; text-decoration:none; text-shadow:1px 1px 1px #f0b400; text-transform:uppercase; width:75px; }
#callout-nav li a:hover { background-position:left -50px; color:#204e91; }
#callout-nav li a.active { background-position:left -50px; border-color:#f0b400; text-shadow:1px 1px 1px #fada79; }

#nav-control { background:#033b6e url(../img/mobile-menu-arrow.png) no-repeat right center; border:1px solid #183969; border-radius:2px; color:#fff; display:none; font-weight:600; letter-spacing:1px; padding:5px 25px 5px 15px; position:absolute; right:0; top:30px; text-decoration:none; text-transform:uppercase; }

#main-nav { margin:25px 0 0; position:relative; text-align:right; }
#main-nav li { background:url(../img/white-divider.gif) no-repeat left 45%; display:inline; margin:0; padding:0 0 0 5px; }
#main-nav li:first-child { background:none; margin:0; padding:0; }
#main-nav li a { color:#fff; font-size:1.3em; font-weight:600; padding:5px 6px 7px 5px; text-decoration:none; text-transform:uppercase; }
#main-nav li a:hover { color:#FFF100; }
#main-nav li a.selected { background:#fff; color:#204e91 !important; }
#main-nav li a.active { color:#FFF100; }
#main-nav li ul { background-color:#fff; box-shadow:0 1px 1px #192650; display:none; height:90px; left:0; padding:5px 0 10px; position:absolute; text-align:left; top:20px; width:100%; z-index:1000; }
#main-nav li li { background:none; }
#main-nav li li .nav-column { box-shadow:none; display:block; float:left; height:auto; margin:0 8px; padding:0; position:relative; top:0; width:210px; }
#main-nav li li .nav-column li { background:none; border-bottom:1px solid #204E91; display:block; margin-left:0; padding:5px 0; }
#main-nav li li .nav-column li a { color:#204E91; font-size:1.2em; font-weight:400; line-height:1.5em; margin:0; padding:0; text-decoration:none; text-transform:none; }
#main-nav li li .nav-column li a:hover { color:#955efc; }
#main-nav .close { color:#204e91!important; display:block; font-size:1.15em; font-weight:600; line-height:1.2em; padding:5px 0 0; position:absolute; right:10px; text-decoration:none; }
#main-nav .close:hover { background-position:-128px -40px; color:#955efc!important; }
ul.main-nav-template-spacer{ margin: 42px 0 0 0 !important; }

#search { position:absolute; right:0; top:40px; }
#search div { position:relative; }
#search #search-bar { width:215px; }
#search #search-btn { background:url(../img/search-btn.gif) no-repeat top left; border:0; height:25px; padding:0 35px 0 0; position:absolute; right:0; text-indent:-99999px; top:2px; width:25px; }
#searchbox { position:absolute; right:0; top:36px; }
#searchbox form { background:#fff; border:1px solid #1D2C57; height:26px; position:relative; width:225px; }
#searchbox #searchbox-input { border:none!important; font-size:12px; left:0; padding:5px 0 5px 5px; position:absolute; top:0; width:185px; }
#searchbox #searchbox-btn { background:#FFF; border:0; height:25px; margin:0; padding:0; position:absolute; right:0; top:0; width:35px; }
#searchbox .focus { background:#FFF!important; }
#searchbox .search-site { background:#FFF; }
#searchbox .searchbox-background { background: #FFF url(../img/sprites.png) no-repeat 3px -208px; }

#print-logo { display:none; }
#mobile-buttons { display:none; }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	MAIN CONTENT AREA
::::::::::::::::::::::::::::::::::::::::::::::::::: */
#main-content {
	padding:30px 30px 50px;
	position:relative;
	background: white;
}

#main-content li { font-size:1.3em; line-height:1.384; margin-bottom: 1.15em; }
#main-content li li { font-size:inherit; }

#nav-image-holder { position:relative; }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	HOME
::::::::::::::::::::::::::::::::::::::::::::::::::: */
#featured-stories { margin:0 30px 50px; position:relative; }
#featured-stories h3 { border-bottom:1px solid #e4e4e4; padding-bottom:5px; }
#featured-stories .viewport { height:auto; min-height:300px; overflow:hidden; position:relative; width:100%; }
#featured-stories .overview { left:0; list-style:none; margin:0; padding:0; position:absolute; top:0; }
#featured-stories .overview li { float:left; font-size:1em; padding-right:76px; width:216px; word-wrap:break-word; }
#featured-stories .story { color:#333; }
#featured-stories .story img { margin-bottom:20px; }
#featured-stories .story h4 { color:#333; margin-bottom:5px; }
#featured-stories .story h4 a:link { text-decoration:none; }
#featured-stories .story h4 a:hover { text-decoration:underline; }
#featured-stories .text { height:auto; }
#featured-stories .disabled { visibility:hidden; }
#featured-stories .carousel-nav { z-index:100; }
#featured-stories .buttons { background:url(../img/sprites.png) no-repeat; cursor:pointer; display:block; height:45px; position:absolute; text-indent:-999em; top:28%; width:30px; }
#featured-stories .prev { background-position:-100px -129px; left:-60px; }
#featured-stories .next { background-position:-130px -129px; right:-60px; }
#featured-stories .prev:hover { background-position:-165px -129px; }
#featured-stories .next:hover { background-position:-195px -129px; }
#featured-stories .bullet { border-top:1px solid #e4e4e4; padding-top:5px; text-decoration:none; text-transform:uppercase; }
#featured-stories .bullet:hover { text-decoration:underline; }

#supporting-content { margin:0 30px; position:relative; }
#supporting-content a.bullet { border-top:1px solid #e4e4e4; bottom:0; padding-top:5px; position:absolute; text-decoration:none; text-transform:uppercase; }
#supporting-content a.bullet:hover { text-decoration:underline; }

#home-news { float:left; padding-right:9.5%; margin-bottom:20px; width:27%; }
#home-news h3 { border-bottom:1px solid #e4e4e4; padding-bottom:5px; }
#home-news ul { height:auto; margin:0 0 20px; }
#home-news li { font-size:1.4em; line-height:1.4em; margin-bottom:13px; }
#home-news li a { text-decoration:none; }

#home-events { float:left; padding-right:9.5%; margin-bottom:20px; width:27%; }
#home-events h3 { border-bottom:1px solid #e4e4e4; padding-bottom:5px; }
#home-events ul { height:auto; margin:0 0 20px; }
#home-events li { font-size:1.4em; height:auto; line-height:1.4em; margin:0 0 16px; }
#home-events li a { text-decoration:none; }
#home-events li a:hover { text-decoration:underline; }

#home-social-media { float:left; margin-bottom:20px; width:27%; }
#home-social-media h3 { border-bottom:1px solid #e4e4e4; padding-bottom:5px; }
#home-social-media li { font-size:1.4em; line-height:2.4; margin-bottom:15px; overflow:hidden; }
#home-social-media li a { font-weight:600; text-decoration:none; }
#home-social-media li a:hover { text-decoration:underline; }
#home-social-media li img { float:left; padding-right:10px; }

#home-social-media span.facebook,
#home-social-media span.twitter,
#home-social-media span.foursquare,
#home-social-media span.youtube,
#home-social-media span.itunes { display:inline-block; width:32px; height:32px; text-indent:-9999px; margin-right:10px; float:left; background:url('../img/sprites.png') no-repeat; }

#home-social-media span.facebook { background-position:-24px -84px; }
#home-social-media span.twitter { background-position:-56px -84px; }
#home-social-media span.foursquare { background-position:-88px -84px; }
#home-social-media span.youtube { background-position:-120px -84px; }
#home-social-media span.itunes { background-position:-152px -84px; }


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	FOOTER (moved to custom.css - AW 20141024)
::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	STICKY FOOTER
::::::::::::::::::::::::::::::::::::::::::::::::::: */
body.sticky-footer #footer { height:100px; position:relative; z-index:auto; }
body.sticky-footer #footer #footer-content {  height:100px; overflow:auto;  }
body.sticky-footer #footer #contact-info { display:block; }
body.sticky-footer #footer #social-media { border-top:1px solid #FFF100; float:left; margin-top:10px; padding-top:10px; }
body.sticky-footer #footer #footer-nav { float:none; }
body.sticky-footer #footer-push { display:block; height:100px; }
body.sticky-footer #page-wrap { margin-bottom:-107px; padding-bottom:0px; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	MISC
::::::::::::::::::::::::::::::::::::::::::::::::::: */




.helper {
    width: 75%;
    word-wrap: break-word;
    margin: auto;
}