<style type="text/css">

		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			RESET
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		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; }

		article, aside, details, figcaption, figure,
		footer, header, hgroup, menu, nav, section { display:block; }

		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			ELEMENTS
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		html { height:100%; overflow-y:scroll; }
		body { -webkit-text-size-adjust:none; background:#d1e8f8 url(bg-optimists-takeover.png) repeat; color:#666; font:normal 400 62.5%/1.4em 'Open Sans', Verdana;sans-serif; height:100%; position:relative; }

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

		h1 { font-size:3.8em; font-weight:400; text-transform:uppercase; }
		h2 { font-size:3em; font-weight:400; text-transform:uppercase; }
		h3 { font-size:2.1em; }
		h1,h2,h3,h4,h5,h6 { color:#347bad; line-height:1.2; margin-bottom:10px; }

		a:link { color:#1e4b87; }
		a:visited { color:#1e4b87; }
		a:hover { color:#8237ff; }
		a:active { color:#1e4b87; }

		p a:link { color:#8237ff; }
		p a:visited { color:#8237ff; }
		p a:hover { color:#1e4b87; }
		p a:active { color:#8237ff; }

		p { font-size:1.4em; line-height:1.4em; margin:0 0 16px; }

		b,strong { font-weight:600; }

		ul,ol { margin:0 0 10px; }
		ul li { color:#1e4b87; list-style:none; }

		img { -ms-interpolation-mode:bicubic; border:0; display:block; max-width:100%; vertical-align:middle; }
		button,input,select,textarea { font-size:100%; margin:0; vertical-align:middle; }
		button,input { line-height:normal; }
		button,input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; overflow:visible; }
		button[disabled],input[disabled] { cursor:default; }
		button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
		i,em,dfn { font-style:italic; }

		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			WRAPPER
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#page-wrap { height:auto !important; height:100%; margin-bottom:0; min-height:100%; }
		#container { margin:0 auto; max-width:960px; }
		#skip-nav a { background-color: #fff; font-size: 2em; left: -1000px; overflow: hidden; padding: 5px; position: absolute; }
		#skip-nav a:focus { left: 0; overflow: visible; }
		.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }

		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			HEADER
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#header { background:#2c5e91 url(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; }
		#logo a { background:url(sprites.png) 0 0 no-repeat; color:#fff; display:block; height:47px; text-indent:-9999px; width:144px; }
		#mobile-buttons { display:none; }


		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			MAIN; Original secondary-nav specs were left:40px
			top:15px, width:200px changed 6/15/22 DLMD
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#main-content { -moz-box-shadow:0 1px 1px #347bad; -webkit-box-shadow:0 1px 1px #347bad; background:#fff; box-shadow:0 1px 1px #347bad; clear:both; margin:0 0 40px 40px; max-width:860px; min-height:400px; padding:50px 30px; position:relative; z-index:9; }
		#main-content li { font-size:1.4em; line-height:1.4em; }
		#nav-image-holder { position:relative; }

		#secondary-nav { background:#1e5175; left:10px; margin:0; padding:10px; position:absolute; top:60px; width:170px; z-index:10; }
		#secondary-nav li { border-bottom:1px solid #abd0e8; color:#fff; margin-bottom:5px; padding-bottom:5px; }
		#secondary-nav li a { color:#fff; display:block; font-size:1.3em; font-weight:600; line-height:1.4em; text-decoration:none; text-transform:uppercase; }
		#secondary-nav li a:hover,
		#secondary-nav li a.active,
		#secondary-nav .active { color:#ffe800; }

		.section { border-bottom:0; border-top:1px solid #347bad; clear:both; margin-bottom:0; padding-bottom:50px; padding-top:25px; }
		.section-header { font-size:1.4em; font-weight:600; margin-bottom:15px; text-transform:uppercase; }
		.section:last-child { border:0; border-top:1px solid #347bad; clear:both; margin-bottom:0; padding-bottom:50px; }
		.section:first-child { border-top:none!important; }
		h2 + .section { border:0!important; margin-bottom:0!important; padding-top:0; }

		.left-column { float:left; width:48%; }
		.right-column { margin-left:52%; width:48%; } 
		.left-med-column { float:left; width:58%; }		
		.link-column { float:left; margin:0 0 3% 5%; }
		.left-column .link-column, .right-column .link-column { float:left; margin:0 0 0 5%; width:45%; }
		.left-column .link-column:first-child, .right-column .link-column:first-child, .link-column:first-child { margin:0; }
		.offset-right,.offset-right-extended { margin-left:35px; padding: 20px 0 20px 0; }

		.callout-alt { 
			color:#347bad; 
			display:block; 
			font-size:1.8em;
			font-weight:100;
			line-height:1.4;
			margin-bottom:15px;
		}


		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			HELPER CLASSES
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		.clear-fix:before { content:""; display:table; }
		.clear-fix:after { clear:both; content:""; display:table; }
		.clear-fix { zoom:1; }
		.ada-hidden { left:-10000px; position:absolute; }


		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			OIT SWC Custom - May 2017
		::::::::::::::::::::::::::::::::::::::::::::::::::: */

		#logo a {
			background: url(sprites.png) 0 0 no-repeat;
			color: #fff;
			display: block;
			height: 47px;
			text-indent: -9999px;
			width: 144px;
		}

		#header {
			background: #2c5e91 url(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;
		}

		#container {
			margin: 0 auto;
			max-width: 960px;
		}

		/* Mod from #3284bf to improve accessibility contrast */
		#secondary-nav {
			background:#1e5175;
		}

		#main-content {
			-moz-box-shadow: 0 1px 1px #347bad;
			-webkit-box-shadow: 0 1px 1px #347bad;
			background: #fff;
			box-shadow: 0 1px 1px #347bad;
			clear: both;
			margin: -60px 0 40px 40px;
			max-width: 860px;
			height: auto;
			padding: 50px 30px;
			position: relative;
			z-index: 9;
		}

		#page-header,
		#interior-split-page-header-full { 
			border-bottom:1px solid #347bad;
			margin-bottom:40px; 
		}

		.clearFloat {
			clear:both;
		}

		#nav-image-holder {
			margin-top: -30px;
			position: relative;
		}

		li.zoom-account {
			list-style-type: disc;
			padding: 10px;
		}

		.zoom-account em {
			color: black;
			font-weight:700;
		}
		
		.oit-swc {
			padding: 20px 0px;
			color: white;
		}
		
		p.oit-swc a {
		    color: #ffe800;
		}
		
		p.oit a {
		    font-size: .7em;
		}

		/* For mobile  */
		@media screen and (min-width : 320px) and (max-width : 768px) {
			body { background: #fff; border-top: 2px solid #DDDDDD; }
			div#main-content { margin: 0px 0 0px 0px; padding: 20px; }
			.offset-right, .offset-right-extended {display: none;}
			div.left-column { width:100%; }			
			div.right-column { margin-left:0; width:100% }
			div.footer .wrapper .row-fluid .span-2 { width:100%; float: none; display: block; }
			div.footer .wrapper .row-fluid .span-2:first-child { margin-bottom: 10%; }
		}
		

		/* :::::::::::::::::::::::::::::::::::::::::::::::::::
			FOOTER
		::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#footer { background:#2b4886; color: white; padding-bottom: 40px; }
		#footer-content { margin:0 auto; max-width:960px; padding:16px 0 0; }
		.footer-wrapper { margin-left:40px; }
		#footer .footer-nav li { display:block; margin:0 0 0 0; padding:0 0 0 0; }

		.other-links li { line-height:25px; }
		.other-links a { color:#ffe800; text-decoration:none; }
		.other-links a:hover { color:#ffe800; text-decoration:underline; }

		.footer .wrapper .row-fluid:after { content: ""; display: table; clear: both; }
		.footer .wrapper .row-fluid .span-2 {
		  width: 21.875%;
		  display: inline-block;
		  vertical-align: middle;
		  float: left;
		  margin-left: 2.18%;
		}
		.footer .wrapper .row-fluid .span-2:first-child {
		  margin-left: 0;
		}

		.footer ul, .footer li {
		  list-style-type: none;
		}

		.footer .text-link {
		  font-size: 14px;
		}

		.footer .other-links .ucla-logo {
		  display: inline-block;
		  width: 68px;
		  padding-bottom: 22px;
		  position: relative;
		  margin-left: 0.5625em;
		}

		.footer .ucla-logo .ucla-logo-white {
			display: block;
			position: absolute;
			width: 62px;
			height: 20px;
			top: 10px;
			left: 0px;
			background-repeat: no-repeat;
			background-image: url('sprites.png');
			background-position: -2px -328px;
		}

		.footer .column-header {
		  font-style: normal;
		  color: #acc1e5;
		  text-transform: uppercase;
		  font-size: 15px;
		  font-weight: 600;
		  letter-spacing: .5px;
		  line-height: 1em;
		  margin: 8px 0 15px;
		  display: block;
		}

		.footer .legal {
			font-size: 1.3em;
			line-height: 1.3em;
			padding-top: 5.35714%;
		}

		.footer .legal a {
			color: #fee800;
			text-decoration: none;
		}

		.footer .legal a:hover {
			text-decoration: underline;
		}

		.footer .copyright:after {
			content: '|';
			margin: 0 6px 0 10px;
		}

	</style>