/* $Id: design6.css,v 1.332 2009/07/23 01:28:53 bob Exp $ */

/*
 * DEPRECATED: use design6bis.css.
 */

/*
 * browsers interpret margin and padding a little differently,
 * we'll remove all default padding and margins and
 * set them later on
 */

* { margin:0; padding:0; }

html {
	height: 100%; font-size: 100%; /* IE hack */
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	text-align: center; color: #444;
	line-height: 1.5; /* Unitless for proper inheritance */
	margin: 0;
	padding: 0;
	background-color: #fff;
}

img { border: 0; vertical-align: text-bottom; }

a { text-decoration: none; }

/*
 ******************************
 * LAYOUT
 ******************************
 */
div.pagewrapper {
	text-align: left;
	margin: 0 auto;		/* this centers wrapper */
	width: 762px; position: relative;
	background-color: transparent;
	color: black;
}

div#brandingbar a, div#masthead a, div#masthead_home a { border: none; }

div#brandingbar {
	text-align: right; position: relative;
	height: 53px; margin: 0 12px;
	background: url(/images/design6/ucr_name.gif) no-repeat;
}

div#brandingbar .overlay { position: absolute; right: 0; z-index: 100; }
div#brandingbar h2 { position: relative; z-index: 101; }

#masthead, #masthead_home {
    width: 100%; min-width: 762px;
    background-position: 50% 0%; background-repeat: no-repeat;
}
#masthead { height: 70px; }
#masthead_home { height: 90px; }

#masthead h1, #masthead_home h1 {
	width: 738px; margin: 0 auto;
	text-align: left;
	font-size: 41px;
	line-height: 55px;
	font-weight: normal;
}

#spotlight {
	width: 100%; min-width: 762px; margin-bottom: 33px;
	background: url(/images/design6/spotlight_bkgrnd.gif) 0% 0% repeat-x;
}

div#masthead_home h1 a, div#masthead h1 a {
	display:block; height: 90px; width: 50%;
	text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#masthead h1 a { height: 70px; }

#nav_main, #nav_audience, div.breadcrumbs {
	min-width: 762px;
}

#nav_main, #nav_audience { position: relative; z-index: 101; }

#nav_main ul, #nav_audience ul {
	width: 738px; margin: 0 auto;
	text-align: left;
}

#nav_main ul, #nav_audience ul { font-size: 0px; }

div.breadcrumbs ul, div.breadcrumbs p {
	width: 738px; margin: 0 auto;
	text-align: left;
	font-size: 0.833em; line-height: 2.4em;
}

div.breadcrumbs p {
	line-height: 1.5em;
}

div.breadcrumbs .lastitem {
	font-weight: bold;
}

#nav_main li, #nav_audience li, .breadcrumbs li {
	margin: 0; display: inline; list-style: none;
}

#nav_main li a, #nav_audience li a, #nav_main li strong, #nav_audience li strong {
    display: -moz-inline-box;
    display: inline-block;
    height: 25px; border: none;
    background-position: 0 0; background-repeat: no-repeat;
}

#nav_main li a span, #nav_audience li a span {
    display: none;
}

#nav_main a:hover, #nav_audience a:hover, #nav_main li strong, #nav_audience li strong {
    background-position: 0 -25px;
}

#nav_main_home { width: 40px; background-image: url(/images/design6/nav_main_home.gif); }
#nav_main_about_ucr { width: 79px; background-image: url(/images/design6/nav_main_about_ucr.gif); }
#nav_main_academics { width: 81px; background-image: url(/images/design6/nav_main_academics.gif); }
#nav_main_admissions { width: 84px; background-image: url(/images/design6/nav_main_admissions.gif); }
#nav_main_athletics { width: 75px; background-image: url(/images/design6/nav_main_athletics.gif); }
#nav_main_happenings { width: 85px; background-image: url(/images/design6/nav_main_happenings.gif); }
#nav_main_research { width: 75px; background-image: url(/images/design6/nav_main_research.gif); }
#nav_main_resources { width: 130px; background-image: url(/images/design6/nav_main_resources.gif); }
#nav_main_giving { width: 89px; background-image: url(/images/design6/nav_main_giving.gif); }

#nav_audience_future { width: 116px; background-image: url(/images/design6/nav_aud_future_students.gif); }
#nav_audience_students { width: 143px; background-image: url(/images/design6/nav_aud_current_students.gif); }
#nav_audience_parents { width: 88px; background-image: url(/images/design6/nav_aud_parents.gif); }
#nav_audience_faculty { width: 86px; background-image: url(/images/design6/nav_aud_faculty.gif); }
#nav_audience_staff { width: 75px; background-image: url(/images/design6/nav_aud_staff.gif); }
#nav_audience_alumni { width: 85px; background-image: url(/images/design6/nav_aud_alumni.gif); }
#nav_audience_friends { width: 87px; background-image: url(/images/design6/nav_aud_friends.gif); }
#nav_audience_media { width: 58px; background-image: url(/images/design6/nav_aud_media.gif); }

div.breadcrumbs a { font-weight: normal; }

div#content {
	margin: 0 auto 12px 0; padding: 0 12px 0 12px;
}

div#main {
	float: left;
	width: 484px; margin-left: 24px;
}

div#search_results {
	float: left;
	width: 600px; margin-left: 12px; padding-left: 12px;
	margin-top: 2em;
	border-left: 1px solid #d6d6d6;
}

div#sidebar {
	float: left;	/* set sidebar on the left side. Change to right to float it right instead. */
	width: 230px;
	margin-top: 12px;
	display: inline;  /* FIX IE double margin bug */
}

/*
 * Double-width column (special double column for use with no sidebar)
 */
.columnD, .columnDR {
    width: 484px; overflow: hidden;
    display: inline;  /* FIX IE double margin bug */
}

.columnD { float: left; }
.columnDR { float: right; }

/*
 *  1/2-width column (where the full width = main content area - sidebar)
 */
.column2, .column2R {
   width: 230px; overflow: hidden;
   display: inline;  /* FIX IE double margin bug */
}

#content form .column2, #content form .column2R,
.boxA .column2, .boxA .column2R, .boxB .column2, .boxB .column2R,
.boxC .column2, .boxC .column2R, .boxD .column2, .boxD .column2R,
.nota-bene .column2, .nota-bene .column2R {
    width: 214px;
}

.subsection .column2, .subsection .column2R {
    width: 218px;
}

#prefooter .column2 {
	width: 254px; margin-right: 0;
}
#prefooter .column2, #prefooter .column2R {
    margin-bottom: 1.5em;
}
.column2 { float: left; margin-right: 24px; }
.column2R { float: right; }

.subsection .column2 { float: left; margin-right: 28px; }

/*
 *  1/3-width column
 */
.column3, .column3R {
   width: 145px; overflow: hidden;
   display: inline;  /* FIX IE double margin bug */
}

.column3 { float: left; margin-right: 24px; }
.column3R { float: right; }

.nota-bene .column3, .nota-bene .column3R { width: 134px; }
.nota-bene .column3 ul { border-right: 1px solid #cfceca; }
.nota-bene .column3 li, .nota-bene .column3R li {
	margin-left: 0; list-style-image: none;
}

/*
 *  2/3-width column
 */
.column23, .column23R {
   width: 315px; overflow: hidden;
   display: inline;  /* FIX IE double margin bug */
}

.column23 { float: left; margin-right: 24px; }
.column23R { float: right; }

/*
 *  1/4-width column
 */
.column4, .column4R {
   width: 103px; overflow: hidden;
   display: inline;  /* FIX IE double margin bug */
}

#content form .column4, #content form .column4R,
.nota-bene .column4, .nota-bene .column4R {
    width: 95px;
}

.column4 { float: left; margin-right: 24px; }
.column4R { float: right; }

/*
 *  3/4-width column
 */
.column34, .column34R {
   width: 357px; overflow: hidden;
   display: inline;  /* FIX IE double margin bug */
}

#content form .column34, #content form .column34R,
.nota-bene .column34, .nota-bene .column34R {
    width: 333px;
}

.column34 { float: left; margin-right: 24px; }
.column34R { float: right; }

#nav_utility, #nav_utility2 {
	text-align: right;
	font-size: 0.917em; font-weight: bold;
	line-height: 1.091em;
}

#nav_utility2 { width: 30em; }

#masthead_home #nav_utility { font-size: 1em; width: 30em; }

#nav_utility { margin-bottom: 0.545em; }

#nav_utility ul, #nav_utility2 ul { line-height: 1em; margin: 0; }
#nav_utility2 ul { padding-left: 20em; }

#nav_utility li,
#nav_utility2 li {
	display: inline; clear: none;
	list-style: none;
	font-weight: bold;
}

#nav_utility li+li, #nav_utility2 li+li { margin-left: .1em; padding-left: .4em; }

div#nav_utility2 {
	position: relative;
	top: -3.5em;
	width: 738px; margin: 0 auto;
}

div#search {
	position: absolute; top: 6px; right: 0;
	padding-right: 12px; z-index: 102;
	text-align: right;
}

div#masthead_home div#search { top: -65px;}

#search label { font-size: 0.917em; }
#search p { margin-top: 0; }

div#bigsearch {
	text-align: right;
	margin: 2em 0;
}

#masthead_home div#search { top: -2.5em; }

#masthead_home #search label { visibility: hidden; }

#footerwrapper {
	clear: both; width: 738px;
	margin: 0 auto 12px 0;
	padding: 3em 12px 0.5em;
}

#prefooter { min-height: 156px; }

#footer { font-size: 0.75em; margin: 1.0em 0 1em 0; }
#footer ul { margin: 0; }
#footer li {
   display: inline; list-style: none; margin: 0; padding-right: 0.7em;
}

#footer li+li { padding-left: 1em; }

/*
 * accessibility divs are hidden by default
 * text, screenreaders and such will show these
 */
.accessibility, hr, .skip a, .skip_main a {
	position: absolute;
	left: -999em;
}

#accessibility_links { margin: 0 }

.skip, .skip_main { display: block; position: absolute; margin: 0; }
.skip a, .skip_main a { display: block; width: 10em; }
.skip a:active, .skip a:focus,
.skip_main a:active, .skip_main a:focus {
    position: absolute; top: 0em; left: 1em; z-index: 2;
}

.skip_main a:link, .skip_main a:visited { color: white; }

.nav {
	margin: 0 0 1.5em; padding: 0;
}

.nav_compact {
	margin: 1em 0 0; padding: 0;
}

.nav ul, .nav_compact ul { margin: 0; padding: 0; }
.nav li, .nav_compact li {
	font-size: 1.083em; line-height: 1.2em; font-weight: bold;
	padding: 0; margin: 0; list-style: none; list-style-image: none;
}

.nav li a span {
	font-size: 0.917em; display: block;
}

.nav dfn, .nav_compact dfn, #nav_main dfn, #nav_audience dfn {
   position: absolute;
   left: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

.nav li .small { font-size: 0.917em; color: #444; }

.nav li a, .nav li h3, .nav li strong, .nav_compact li a, .nav_compact li strong, .nav li.nav_inline h3, .nav li.nav_inline_last h3 {
	padding: 8px; margin: 0;
	display: block; border: none;
}

.nav_compact li a, .nav_compact li strong { padding: 2px 8px 4px 8px; }

.nav li.nav_inline h3, .nav li.nav_inline_last h3 {
	padding: 8px 8px 0; margin: 0;
	display: block; border: none;
}

.nav li.nav_inline ul, .nav li.nav_inline_last ul {
    padding: 4px 8px 8px; display: block; border: none;
}
.nav li.nav_inline_last {
    padding-bottom: 20px; border: none;
}
.nav li a:link { border: none; }
.nav li a:visited { border: none; }
.nav li a:hover { border: none; }
.nav li a:active { border: none; }
.nav li .small a { font-size: 0.917em; display: inline; border: none; }

.nav li h3, .nav li strong, .nav_compact li strong {
	letter-spacing: 0;
	font-size: 1em; font-weight: bold;
	line-height: 1.231em;
}


.nav li.nav_inline li, .nav li.nav_inline a, .nav li.nav_inline li h3,
.nav li.nav_inline_last li, .nav li.nav_inline_last a, .nav li.nav_inline_last li h3 {
    padding: 0 !important; margin: 0 !important; display: inline; font-size: 0.917em; line-height: 1.5em;
}

.nav li li {
	border-bottom: none; font-size: 1em;
}
.nav li li a {
	font-weight: bold; display: block;
	border-bottom: none;
    padding-left: 2em;
}

.nav li li li a {
	font-weight: bold; display: block;
	border-bottom: none;
    margin-left: 1em; padding-left: 2em;
}

.nav li.nav_inline li a, .nav li.nav_inline_last li a {
    font-weight: normal; display: inline; padding: 0;
}

.nav li li.currentpage h3 { padding-left: 2em !important; }
.nav li li li.currentpage h3 { padding-left: 3em !important; }

.nav li.nav_inline li.currentpage h3, .nav li.nav_inline_last li.currentpage h3 {
    font-weight: normal; padding-left: 0 !important; margin: 0 !important;
}

.nav li li a, .nav li li.currentpage h3 {
    padding-top: 4px; padding-bottom: 4px;
}

/*
 * LINKS
 */
/* Use background so it works in IE. */
a.external {
	background: url(/images/design6/external.png) center right no-repeat;
	padding-right: 13px;
}

/* These work in modern browsers (not IE) that support the 1998 spec. */
a[href$="pdf"]:after { content: " " url(/images/design6/pdf.gif); }
a[href$="doc"]:after { content: " " url(/images/design6/doc.gif); }
a[href$="xls"]:after { content: " " url(/images/design6/xls.gif); }
a[href$="ppt"]:after { content: " " url(/images/design6/ppt.gif); }
a[href$="vsd"]:after { content: " " url(/images/design6/vsd.gif); }
a[href$="zip"]:after { content: " " url(/images/design6/zip.gif); }
a[href$="dwg"]:after { content: " " url(/images/design6/dwg.gif); }
a[href$="mov"]:after { content: " " url(/images/design6/qt.gif); }

div.nav a[href$="pdf"]:after { content: ""; }
div.nav a[href$="doc"]:after { content: ""; }
div.nav a[href$="xls"]:after { content: ""; }

.video_download {
    margin-top: 1.5em;
}

.video_download a {
    display: block;
}

.button, .button2, button3 {
	font-weight: bold;
    display: -moz-inline-box;
    display: inline-block; vertical-align: middle;
}

.button2 {
	padding: 0 2em 0 1em;
}

.button2:before { content: "\25b6\0020"; }

.button3 {
	padding: 1px 4em 2px 3px;
}

.img_link { border: none !important; }

/*
 * LISTS
 */
ul, ol, dl {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1em 0 0 0;
}

ul>li {
	margin: 1em 0 0 3em;
	list-style-position: outside;
	list-style-type: none;
}

ul.tight { margin-top: 0; }
ul.tight li {
    margin: 0 0 0 3em;
}

ol>li {
	margin: 1em 0 0 3em; list-style-image: none;
}

ol.lowercase { list-style-type: lower-alpha; }
ol.uppercase { list-style-type: upper-alpha; }
ol.lower-greek { list-style-type: lower-greek; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-roman { list-style-type: upper-roman; }

/* definition lists topics on bold */
dl dt {
	font-weight: bold;
	margin: 1em 0 0 1em;
}
dl dd {
	margin: 0 0 0 2em;
}

ul.star li { margin-left: 0; padding-left: 30px; }

ul.bullets li {
	list-style-type: disc;
}

ul.standout, ul.standout li { margin-top: 0.5em; }

ul.col li {
    float: left; clear: none;
    width: 44%; margin: .5em 1.5em 0 0; line-height: 1.5em;
}

br.endcol { clear: left; }

ul.plain li {
    list-style-image: none; position: relative;
    margin-left: 39px; padding-left: 12px; margin-top: 1.5em;
}
ul.plain li img {
    position: absolute; left: -39px;
}

ul.people li {
    list-style-image: none; position: relative;
    margin-left: 62px; padding-left: 8px;
}

ul.people li+li {
    margin-top: 2.5em;
}

ul.people li img {
    position: absolute; left: -64px; padding: 1px;
}

ul.people2 li {
	background: url(/images/design6/horizontal_ruler_dotted_blue.gif) 0% 100% repeat-x;
    list-style-image: none; position: relative; min-height: 31px;
	margin: 1em 0; padding: 1em 0 1em 80px;
}

ul.people2 li a {
	font-size: 1.5em;/* 18px */
	font-weight: normal;
}

ul.people2 li img {
    position: absolute; left: 0; padding: 1px;
}

ul.people_about li {
	background: url(/images/design6/horizontal_ruler_dotted_blue.gif) 0% 0% repeat-x;
    list-style-image: none; position: relative; min-height: 90px;
	margin: 1em 0; padding: 1em 0 1em 110px;
}

ul.people_about li img {
    position: absolute; left: 0; padding: 4px !important; margin-top: 4px;
}

ul.thumb li {
    list-style-image: none; position: relative;
    margin-left: 141px; padding-left: 24px;
}

ul.thumb li+li {
    margin-top: 2.5em;
}

ul.thumb li img {
    position: absolute; left: -145px;
}

ul.thumb2 li {
    list-style-image: none; position: relative;
    margin-left: 121px; padding-left: 24px;
}

ul.thumb2 li+li {
    margin-top: 2.5em;
}

ul.thumb2 li img {
    position: absolute; left: -121px;
}

ul.big_links {
	background: url(/images/design6/horizontal_ruler_gradient.gif) 0% 0% repeat-x;
	padding-top: 4px;
}

ul.big_links li, ul.big_links2 li {
    list-style-image: none;
    margin: 0;
	background: url(/images/design6/horizontal_ruler_dotted_blue.gif) 0% 100% repeat-x;
}

ul.big_links li strong, ul.big_links2 li strong {
	display: block;
	font-size: 1.667em; /* 20px */
	font-weight: normal;
	margin-bottom: 0.5em;
}

ul.big_links li a {
	padding: 10px;
	display: block; min-height: 78px;
	background: url(/images/design6/arrow_goto_orange.png) 464px 15px no-repeat;
}

ul.big_links2 li a {
	display: block; position: relative; padding: 12px 0 12px 154px;
}
ul.big_links2 li a:after {
	content: "\00a0\00a0" url(/images/design6/arrow_goto_orange.png);
}
ul.big_links2 li a img {
	position: absolute; left: 0px; bottom: 12px;
}

ul.big_links.striped li { padding: 0; }
ul.big_links.striped li a { background-position: 454px 15px; }

ul.big_links li img {
	float: left; margin-right: 10px;
}

ul.inline li {
    float: left;
	list-style: none; margin: 0;
}

ul.inline a { border: none !important; }

ul.news li {
	list-style-image: url(/images/design6/icon_news.gif);
}

ul.news li a {
	font-weight: bold;
}

ul.news li em {
	font-family: Georgia, "Times New Roman", Times, Serif;
}

ul.sectioned>li {
	list-style: none; list-style-image: none;
	padding-top: 10px; padding-left: 3em; margin-left: 0; margin-top: 2em;
	background: url(/images/design6/horiz_rule_list.gif) 0% 0% no-repeat;
}

ul.sectioned strong, ul.thumb2 strong, strong em, em strong {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 1.1em; line-height: .91em; font-style: italic;
}

ul.thumb2 strong { font-style: normal; }

.striped>li {
	margin: 0; padding: 1em 10px; list-style: none; list-style-image: none;
}

ul.alt1>li {
	margin: 0 0 2px;
	list-style: none; list-style-image: none;
}

ul.alt1>li strong, ul.alt2>li strong {
	font-size: 1.25em;/* 15px */
	line-height: 1.2em;/* 18px */
	font-weight: bold;
}

ul.menu_links li {
	list-style-image: none; list-style: none;
	margin-left: 0; padding-bottom: 10px;
	background: url(/images/design6/dotted_horiz_line_grey.gif) 0% 100% repeat-x;
}

/*
 * TABLES
 */
table { margin: 1.5em 0 0; border-spacing: 0 5px; }

table.layout { margin: 1.5em 0 0; cell-spacing: 0; border-spacing: 0; }
table.layout th, table.layout td { padding: 0; }

td, th {
	padding: 0.5em; vertical-align: top;
}

td>*:first-child { margin-top: 0; }

table.timeline { padding: 0; }
table.timeline th { white-space: nowrap; }

table.data { margin: 1.5em 0 0; border-spacing: 1px; padding: 4px; }
table.data td, table.data th, table.data2 td, table.data2 th {
	padding: 0.5em 15px;
}

table.data2 { width: 100%; margin: 1.5em 0 0; border-spacing: 0; }
table.data2 thead th { text-align: center; font-weight: bold; }

input, textarea, select {
	font-family: Arial, sans-serif; font-size: 1em;
	padding: 0;
	margin: 0;
}

/*
 * TEXT
 */
h2 {
	font-size: 2.25em;/* 24px */
	line-height: 1.083em;
	font-weight: normal;
}

#content h2 { margin-top: 4px; padding: 14px 242px 4px 0; }
#content h2.long { margin-top: 4px; padding: 14px 14px 4px 0; }

h3 {
	font-size: 1.5em;/* 18px */
	line-height: 1.333em;/* 24px */
	font-weight: lighter;
	margin-top: 1em;
	letter-spacing: 0.03em;
}

h3+h3 { margin-top: 0; text-indent: 145px; }

h3 em, h3 i {
	font-size: 0.889em;/* 16px */
	line-height: 1.125em;/* 18px */
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: normal;
}

#sidebar h3 { padding-left: 8px; }
#sidebar .links h3 { margin-top: 0.6em; padding-left: 0; padding-bottom: 1em; }
#search_results h3 { margin-top: 0; }

#prefooter h3 {
	font-size: 1em;/* 12px */
	line-height: 1.5em;/* 18px */
	font-weight: bold;
	margin: 0; padding: 0 10px;
}

h4 {
	font-size: 1.25em;/* 15px */
	line-height: 1.2em;/* 18px */
	font-weight: bold; font-style: normal;
	margin-top: 1.2em;
}

h4 em, h4 i {
	font-size: 0.933em;/* 14px */
	line-height: 1.286em;/* 18px */
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: normal;
}

.list_block h4 { clear: both; }

h5, label {
	font-size: 1.083em;/* 13px */
	line-height: 1.385em;/* 18px */
	font-weight: bold;
	margin-top: 1.385em;
}

h5 em, h5 i {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 0.923em; line-height: 1.5em; font-weight: normal;
}

h6, p {
	font-size: 1em;/* 12px */
	line-height: 1.5em;/* 18px */
	margin-top: 1.5em;
}

.NewsSummary h6 {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: bold; font-style: italic;
}

h3+h4, h4+h3, h4+h5, h5+h6,
h3+p, h4+p, h5+p, h6+p,
h3+ul, h4+ul, h5+ul, h6+ul,
h3+ol, h4+ol, h5+ol, h6+ol /*, h6+h5*/ { margin-top: 0.5em; }
.spotlight h3+h4, h3.highlight+h4, h3.highlight2+h4 { margin-top: 1.2em; }

.spotlight h4+h5 { margin-top: 1.385em; }

#flashcontent, .flashcontent { margin-top: 1.5em; }
#spotlight .flashcontent { margin-top: 0; }

blockquote {
	margin: 1em 1.8em;
	font-family: Georgia, "Times New Roman", Times, Serif;
}

blockquote.letter { padding: 3em; margin: 1em 0; background: #fff url(/images/design6/ridged_paper.gif) repeat; }

blockquote.fancy {
    background: url(/images/design6/quotes_start.gif) top left no-repeat;
    margin: 0; padding: 0em 3em;
	font-style: italic; font-size: 1.417em/* 17px */;
}
blockquote.fancy .last {
    background: url(/images/design6/quotes_end.gif) bottom right no-repeat;
}

blockquote.fancy .last:after { content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; }

blockquote.fancy2 {
    margin: 0; padding: 0em;
	font-style: italic;
	font-size: 1.250em/* 15px */;
	line-height: 1.333em/* 20px */;
}

blockquote.fancy em, blockquote.fancy2 em {
	font-style: normal;
}

p.quotee {
	text-align: right;
	margin-top: 0;
	font-weight: bold;
	font-size: 0.706em/* 12px */;
}

p.quotee:before {
        content: "\2014";
}

blockquote.fancy2 p.quotee {
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-style: normal;
	font-size: 0.800em/* 12px */;
    line-height: 1.25em;/* 15px */
	margin-top: 1em;
}
blockquote.fancy2 p.quotee em { font-style: italic; }

#sidebar blockquote {
    font-style: italic; padding: 1px 10px 18px; margin: 3em 1em;
}
#sidebar blockquote p {
    font-size: 1.333em;/* 16px */
    line-height: 1.125em;/* 18px */
    margin-top: 1.125em;
}
#sidebar blockquote p.quotee {
    font-size: 1.083em;/* 16px */
    line-height: 1.385em;/* 18px */
    margin-top: 0;
}

strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style:italic;
}

sup, sub {
        font-size: smaller; line-height: 1px;
}

.comment {
	font-weight: normal; font-style: normal; font-size: 90%;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, kbd, pre {
 white-space: pre-wrap;		 /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;		/* Opera 4-6 */
 white-space: -o-pre-wrap;	 /* Opera 7 */
 word-wrap: break-word;		 /* Internet Explorer 5.5+ */
 font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace;
 font-size: 1em;
 overflow: auto;
}

pre {
	margin-top: 1.5em;
	padding: 0.5em 1em;
	line-height: 1.5em;
	font-size: 90%;
}

address {
	font-weight: normal; font-style: normal; margin-top: 1.5em; margin-left: 2em;
}

#prefooter address, #prefooter p {
	margin: 1.25em 13px 0 0;
	font-size: 0.917em; line-height: 1.364em;
	min-height: 100px;
	padding: 0 10px 4px;
}

#prefooter ul {
	margin-top: 1.25em;
	font-weight: normal; font-style: normal;
	font-size: 0.917em; line-height: 1.636em;
	margin-right: 14px; padding: 0 10px; list-style: none;
}

#prefooter li {list-style-image: none; text-indent: -1em; margin: 0 0 0 1em; }

abbr, acronym {
	font-variant: small-caps;
	letter-spacing: 0.1em;
	border: none;
}

abbr[title], acronym[title] {
	cursor: help;
	border-bottom: 1px dotted #aaa;
}

.center { text-align: center; }

.color_block {
    display: -moz-inline-box;
    display: inline-block;
	width: 1.75em; margin: 0 .5em 0 0;
	border: 1px solid #ccc;
}

div.headshot_block {
	margin-top: 1.5em;
	height: 90px; position: relative;
}

div.headshot_block img {
	position: absolute; bottom: 0; left: 0;
}

div.headshot_block h4 {
	position: absolute; bottom: 0; left: 100px;
}

a:link.gloss,
a:visited.gloss,
a:hover.gloss,
a:active.gloss {
	color: black; /* should be the same color as text */
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}

a:hover.gloss { color:#cd5806; }

a.magnify {
    background: url(/images/design6/magnify-clip.png) no-repeat;
    height: 11px; width: 15px; margin-top: 4px; margin-left: 4px;
    float: right; border: none !important; font-size: 0px;
	overflow: hidden;
}

a.magnify:before { content: "\00a0\00a0\00a0\00a0\00a0"; }

ul.thumb2 a.magnify {
	position: absolute; left: -16px; top: 90px;
}

.xpander { display: block; }

a.xpander-control {
	background: url(/images/design6/plus.png) 100% 6px no-repeat;
	height: 20px; width: 100%; margin-top: -22px;
	float: right; border: none !important; font-size: 0px; line-height: 0%;
	overflow: hidden; position: relative;
}

a.xpander-control:before { content: "\00a0\00a0\00a0\00a0\00a0"; }

a.xpander-on {
    background-image: url(/images/design6/minus.png);
}

.figure, .figure_L, .figure_R {
    margin-top: 1.5em;
}

.figure+.figure { margin-top: 3em; }

.figure_L { float: left; margin-right: 1.5em  }
.figure_R { float: right; margin-left: 1.5em  }

.figure p, .figure_L p, .figure_R p {
    font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 0.923em; line-height: 1.5em;
    font-style: italic;
    text-align: left;
    margin: 0;
}

.figure p em, .figure_L p em, .figure_R p em { font-style: normal; }

.indent { margin-left: 3em; }

.news_item {
	background: url(/images/design6/news_icon.gif) 0% 50% no-repeat;
	padding-left: 34px; padding-top: 6px; margin-top: 2em;
}

.news_highlight, .cal_highlight {
	padding-left: 70px; min-height: 60px;
}
.news_highlight img, .cal_highlight img {
    float: left; margin-left: -70px; margin-top: 4px;
}
.cal_highlight img { padding 2px; }

.news_highlight h4, .cal_highlight h4, .news_highlight p, .cal_highlight p {
	font-size: 0.917em;/* 11px */
	line-height: 1.364em;/* 15px */
	margin-top: 1.5em;
}
.news_highlight p, .cal_highlight p { margin-top: 0; }

#callout {
	width: 240px;
	padding-top: 2em; margin-bottom: -1em
}

.clear { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

.rel { position: relative; }

.topspace { margin-top: 1.5em; }

.credit {
	margin-top: 0;
	text-align: right;
	font-size: 0.833em !important;/* 10px */
	line-height: 1.1em !important;/* 11px */
}

.img_clear { clear: both; }

.img_L, .img_L_borderless { margin: 4px 1em 0.5em 0; float: left; }
.img_R, .img_R_borderless { margin: 4px 0 0.5em 1em; float: right; }
.img_L_close, .img_L_borderless_close { margin: 0 0 0.5em 0; float: left; }
.img_R_close, .img_R_borderless_close { margin: 0 0 0.5em 0; float: right; }

.bordered { margin: 0 0 0.5em 0; }

.borderless, .img_L_borderless, .img_R_borderless,
.img_L_borderless_close, .img_R_borderless_close {
    border: none !important;
}

img.replacement { margin: 4px 0 2px 0; }

img.overlap { margin-top: -70px; }

ul.thumbnails { text-align: center; }
ul.thumbnails li { display: inline; list-style: none; margin: 0; }
ul.thumbnails img { margin: 0 21px 24px 0; }
ul.thumbnails img.rightmost { margin: 0 0 24px 0; }
ul.thumbnails a:link { border: none; }
ul.thumbnails a:visited { border: none;  }

.main_image_caption, .main_image_caption_sepia, .main_image_caption_lt {
	position: relative; margin-top: 0px; padding: 1em;
	font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 1.333em; line-height: 1.125em; font-style:italic;
}

.main_image_caption em, .main_image_caption_sepia em, .main_image_caption_lt em {
	font-style: normal;
}

.list_block {
	margin-left: 137px;
	padding-left: 12px;
}

.list_block img {
	float: left; margin-left: -151px; margin-bottom: 1em;
}

.list_block img.last { margin-bottom: 0; }

.list_block li { clear: none; }

.news_sidebar {
    width: 179px;
    margin-left: 12px; padding: 0 12px 12px;
}

.news_sidebar_topper { margin-left: 12px; }

.news_sidebar p { margin-top: 0.5em; }

.news_sidebar h5 {
	font-size: 1em;/* 12px */
	line-height: 1.5em;/* 18px */
	margin-top: 1.5em; margin-bottom: 0;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style: italic;
	font-weight: normal;
}

.news_sidebar h6 { margin-top: 0; }

.card {
	padding: 17px 28px 18px 112px; width: 256px;
	margin-top: 18px;
}

.card h4 { margin-top: 0; }
.card h5 { margin-top: 1em; margin-bottom: 0; }
.card img {
	float: left; margin-left: -102px;
}

#sidebar .links ul { margin: 0; padding: 0; }
#sidebar .links li {
	font-size: 16px;
	margin-bottom: 1em;
	list-style: none; list-style-image: none;
}

#sidebar .links li a { border-bottom: none; text-decoration: underline; }

.Morelink {
    padding: 0 1em;
}

.printonly { visibility: hidden; }
.screenonly { display: inline; }

.left49 {
	width: 49%; /* 50% for both left and right might lead to rounding error on some browsers */
}

.right49 {
	float: right;
	width: 49%;
	text-align: right;
}

.top_page {
	display: block; text-align: right;
	font-size: 1em;
	font-weight: bold;
	padding-right: 20px;
}

.top_page a:link, .top_page a:visited { border: none;}

.link { cursor: pointer; } /* JavaScript fake link */
.linkExpand { float: right; margin-top: -0.5em; cursor: pointer; }
.linkMore { float: right; }

.arrowBar {
    margin: 0 1em 0 0; padding: .25em 2em .25em 1em;
    display: -moz-inline-box;
    display: inline-block; vertical-align: middle;
}
.breadcrumbs .arrowBar { padding: .75em 2em .75em 1em; }
.breadcrumbs input, .breadcrumbs select { font-size: 1em; }

.bar { margin-top: 1em; }

.spotlight { padding-bottom: 20px; }
.spotlight h3, h3.highlight, h3.highlight2 {
	font-family: Georgia, "Times New Roman", Times, Serif;
    text-align: center;
    font-size: 1.333em; line-height: 1.4em;
}

.spotlight h4, .spotlight h5 { padding: 0 10px; }
.spotlight p { padding: 0 1em; }
.spotlight h4 img {
    float: left; margin-top: -30px;
}

.on_the_side, .on_the_side2 { margin-top: 1.636em; font-size: 0.917em; /* 11px base */ }

.on_the_side.column3R, .on_the_side2.column3R { width: 137px; }
.on_the_side.column4R, .on_the_side2.column4R { width: 95px; }


.on_the_side>*:first-child, .on_the_side2>*:first-child { margin-top: 0; }

.on_the_side img, .on_the_side2 img { margin-bottom: 0; }

.on_the_side h3, .on_the_side2 h3 {
    font-size: 1.25em;/* 15px */
    line-height: 1.2em;/* 18px */
    font-weight: bold; font-style: normal;
    margin-top: 1.2em;
    font-variant: small-caps;
}

.on_the_side h3+h4, .on_the_side2 h3+h4 { margin-top: 1.385em; }
.on_the_side h4, .on_the_side2 h4, .on_the_side h5, .on_the_side2 h5 { margin-top: 0.75em; }
.on_the_side h4+h5, .on_the_side2 h4+h5 { margin-top: 0.25em; }
.on_the_side p, .on_the_side p {
	margin-top: 0.5em;
}

.contacts { margin-right: 190px;}
.contacts img { float: right; margin-right: -190px; }
.contacts p { margin-top: 0; padding-bottom: 1.5em;}
.contacts p em { font-family: Georgia, "Times New Roman", Times, Serif; }
.contacts p+h3 { margin-top: 3em; }

.opaque { background-color: white; padding-bottom: 1.5em; }

.notop { margin-top: 0 !important; }
.halftop { margin-top: 0.5em !important; }

div.date { /* Flip style date */
    height: 49px; width: 48px;
    padding: 5px 0 0 0; margin: 1em 8px 0 0; float: left;
    text-align: center; font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
    text-transform: uppercase; color: #666;
    border: 0 !important;
    background: transparent url("/images/design6/calendar_bg.gif") top left no-repeat; }

div.date span.day {
    display: block; padding: 2px 0 0 0; margin: 0;
    text-shadow: #fff 2px 2px 0;
    font: bold 24px "Verdana", sans-serif; color: #555;
}

div.date abbr.month:before, div.date abbr.month:after { content: "-"; }

div.date abbr { border-bottom: none; }

/* Basic Bar Graph */
dl.graph .bar {
	display: block;
	position: relative;
	background: #a395b3;
	text-align: center; margin-top: 0;
	color: #333;
	height: 2em; line-height: 2em;
}
dl.graph .bar span {
	/* This extra markup is necessary because IE doesn't want to follow the
	 * rules for overflow: visible */
	position: absolute; left: 1em;
}

dl.graph dt {
	position: relative; /* IE is dumb */
    display: block;
	float: left;
	width: 104px;
	margin: 1em 12px 0 0;
	text-align: right;
}
dl.graph dd {
	position: relative; /* IE is dumb */
    display: block;
	float: left; white-space: nowrap;
	width: 200px;
	border: 1px solid #BFBFBF;
	padding: 2px;
	margin: .5em 0 0 0;
}

div.glider, div.glider2 {
	margin-top: 1.5em; padding: 9px;
	text-align: center;
}

div.glider3 {
	margin-top: 1.5em;
	text-align: center; position: relative;
}

div.glider-index {
	margin-top: 1.5em; padding-top: 9px;
	text-align: center; position: relative;
}

div.scroller {
	width: 464px; overflow: hidden; margin-bottom: 10px;
	text-align: left; padding-bottom: 14px;
}

div.glider-index div.scroller, div.glider3 div.scroller { width: 484px; }

div.scroller div.slide {
	width: 464px; overflow: hidden;
	float: left;
}

div.glider-index div.scroller div.slide,
div.glider3 div.scroller div.slide { width: 484px; }

div.scroller div.slide h3 {
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, Serif;
}
div.scroller div.slide h3+p { margin-top: 0; }
div.scroller div.slide p {
	font-size: 0.917em;/* 11px */
	line-height: 1.182em;/* 13px */
}

div.glider3 div.slide a { border: none; }

div.scroller div.content {
	width: 1000em;
}

div.glider-index div.index-box {
	background: url(/images/design6/index_box.png) 0% 100% no-repeat;
	width: 470px; margin: 7px; padding: 16px 20px 30px;
	text-align: left;
}

div.glider-index div.index-box h4 { margin: 0 0 .5em; }

div.glider-index div.index-box ul.controls {
	font-size: 1.083em;/* 13px */
	line-height: 1.385em;/* 18px */
	font-weight: bold; font-style: normal;
	margin-top: 1.385em;
	letter-spacing: .1em;
}

div.glider ul.controls, div.glider2 ul.controls, div.glider-index ul.controls {
	display: inline;
}
div.glider ul.controls li, div.glider2 ul.controls li, div.glider-index ul.controls li {
	margin: 0; display: inline; list-style: none;
}
div.glider ul.controls li a, div.glider2 ul.controls li a { border: none; }
div.glider ul.controls img, div.glider2 ul.controls img { vertical-align: middle; }

div.glider a.previous, div.glider2 a.previous, div.glider3 a.previous,
div.glider a.next, div.glider2 a.next, div.glider3 a.next {
    display: -moz-inline-box;
    display: inline-block; position: relative;
    border: none !important; font-size: 0px;
	overflow: hidden; vertical-align: middle;
}

div.glider3 a.previous { margin-right: 198px; }
div.glider3 a.next { margin-left: 198px; }
div.glider3 p.controls { margin-top: 0; padding-bottom: 8px; }

div.glider a.previous:before, div.glider a.next:before,
div.glider2 a.previous:before, div.glider2 a.next:before,
div.glider3 a.previous:before, div.glider3 a.next:before {
	content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}

q:lang(en) { quotes: "\0201c" "\0201d" "\02018" "\02019" }
q:lang(no) { quotes: "\000ab" "\000bb" "\0201c" "\0201d" }

q:before { content: open-quote }
q:after  { content: close-quote }

p.math {
    counter-increment: eqn-num; margin: 2em 0 0;
    text-align: center; font-style: normal;
}

p.math:before { content: "(" counter(eqn-num) ")"; margin-bottom: -1.5em; display: block; text-align: right; }

.keycap {
    border: 2pt outset #888; padding: 0px 2px 0px;
    -moz-border-radius: 5pt;
    text-align: center; vertical-align: middle;
    font-family: "Lucida Sans",Tahoma,Sans-Serif; font-size: smaller; font-style: normal;
}

.tab-header { margin-top: 18px;/* position: relative; top: -58px;*/ }

.tab-control {
	/*position: relative; top: 198px;*/
	text-align: left; font-size: 0px;
	margin: 0; white-space: nowrap;
}

.tab-control li {
	margin: 0; list-style: none; zoom: 1;
	display: inline;
}

.tab-control li a, .tab-control li a:link, .tab-control li a:visited,
.tab-control li a:hover, .tab-control li a:active {
	display: -moz-inline-box;
	display: inline-block;
	height: 58px; border: none; overflow: hidden;
	background-position: 0 0; background-repeat: no-repeat;
}

.tab-control li a:before { content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; }

.tab-control li a.active {
	background-position: 0 -58px !important;
}

.tab-column { padding: 15px; }

.bigtab-control {
	text-align: right; font-size: 0px;
	margin: -43px 4px 0; padding-right: 12px;
	white-space: nowrap;
}

.bigtab-control li {
	margin: 0; list-style: none; zoom: 1;
	display: inline;
}

.bigtab-control li a, .bigtab-control li a:link, .bigtab-control li a:visited,
.bigtab-control li a:hover, .bigtab-control li a:active {
	display: -moz-inline-box;
	display: inline-block;
	height: 42px; border: none; overflow: hidden;
	background-position: 0 -42px; background-repeat: no-repeat;
}

.bigtab-control li a.active {
	background-position: 0 0 !important;
}

.bigtab-column { margin-top: 0; height: 268px; }
.bigtab-column h3 { margin-top: 0; }
.bigtab-column img { float: left; }
.bigtab-column .spot {
	float: right; width: 260px; height: 219px;
	position: relative;
}
.bigtab-column .spot div { padding: 10px; position: absolute; bottom: 0; }

.bordered_box {
	background: url(/images/design6/bordered_box_backgrnd.gif) 0% 0% repeat-y;
	margin-top: 1.5em;
}
.bordered_box>* {
	margin-left: 20px; margin-right: 20px;
}

img.border_image { margin: 0 !important; padding: 0 !important; }

.boxA img.border_image, .boxB img.border_image, .boxC img.border_image, .boxD img.border_image {
	background-color: transparent;
}

.colA, .colB, .colC { width: 246px; padding-bottom: 52px !important; }

.colA>*, .colB>*, .colC>* { margin-left: 15px; margin-right: 15px; }
.colA>a, .colB>a, .colC>a { margin: 0; }

.colA {
	background: #f3f2ec url(/images/design6/colA_bkgrnd.gif) 0% 100% no-repeat;
}
.colB {
	background: #d9e2ef url(/images/design6/colB_bkgrnd.gif) 0% 100% no-repeat;
}
.colC {
	background: #e0d8f2 url(/images/design6/colC_bkgrnd.gif) 0% 100% no-repeat;
}

.colA-narrow, .colB-narrow { width: 161px; padding-bottom: 52px !important; }
.colC-narrow { width: 162px; padding-bottom: 52px !important; }

.colA-narrow>*, .colB-narrow>*, .colC-narrow>* { margin-left: 12px; margin-right: 12px; }
.colA-narrow>a, .colB-narrow>a, .colC-narrow>a { margin: 0; }

.colA-narrow {
	background: #f3f2ec url(/images/design6/colAn_bkgrnd.gif) 0% 100% no-repeat;
}
.colB-narrow {
	background: #d9e2ef url(/images/design6/colBn_bkgrnd.gif) 0% 100% no-repeat;
}
.colC-narrow {
	background: #e0d8f2 url(/images/design6/colCn_bkgrnd.gif) 0% 100% no-repeat;
}

.form, .nota-bene, .linkbox, .note, .alert, .error, .attention,
.contact-us, .doc-check, .asterisk, .house, .dandelion,
.boxA, .boxB, .boxC, .boxD {
    padding: 0 15px 1.5em;
    margin-top: 1.5em;
}

#sidebar .form {
    padding: 0 10px 1.5em;
	font-size: 90%;
}

.boxA, .boxB, .boxC, .boxD {
	padding-top: 24px;
}

.boxA>*:first-child, .boxB>*:first-child, .boxC>*:first-child, .boxD>*:first-child {
	margin-top: 8px;
}

.boxA img, .boxB img, .boxC img, .boxD img {
	padding: 4px; margin-top: 5px; background-color: white;
}

.boxA img.borderless, .boxB img.borderless, .boxC img.borderless, .boxD img.borderless,
.boxA img.img_L_borderless, .boxB img.img_L_borderless, .boxC img.img_L_borderless, .boxD img.img_L_borderless,
.boxA img.img_R_borderless, .boxB img.img_R_borderless, .boxC img.img_R_borderless, .boxD img.img_R_borderless {
	padding: 0; margin-top: 0;
	background-color: transparent;
}

.boxA {
	background: #f3f2ec url(/images/design6/boxA_bkgrnd.gif) 100% 0% no-repeat;
}
.boxB {
	background: #d9e2ef url(/images/design6/boxB_bkgrnd.gif) 100% 0% no-repeat;
}
.boxC {
	background: #e0d8f2 url(/images/design6/boxC_bkgrnd.gif) 100% 0% no-repeat;
}

.boxD {
	background: #eef1f4 url(/images/design6/boxD_bkgrnd.gif) 100% 0% no-repeat;
}

.boxA .section, .boxB .section, .boxC .section, .boxD .section {
	border-top: none; padding-top: 10px; margin-top: 1em;
	background: url(/images/design6/dotted_horiz_line_blue.gif) 0% 0% repeat-x;
}

.profile {
	background: url(/images/design6/profile_bkgrnd.jpg) 0% 0% repeat-x;
	margin-top: 1.5em; padding-bottom: 15px; border-bottom: 1px dotted #afafaf;
}

.profile>* { margin-left: 15px; margin-right: 15px; }

.profile img {
	padding: 4px; margin-top: 5px; background-color: white;
}

.subsection { padding: 0 14px 1.5em; }

.nota-bene.float_L {
	margin: 1.5em 1em .5em 0; float: left; width: 230px;
}

.nota-bene.float_R {
	margin: 1.5em 0 .5em 1em; float: right; width: 230px;
}

.form label { display: block; margin-top: 1.5em; }
#sidebar .form label { margin-top: 1em; }
.form label.radio { display: block; margin-top: 0.5em; }

.form input[type=text], .form textarea {
    width: 98%; padding: 1px; margin-top: .25em;
}

.form select {
    width: 75%; margin-top: .25em;
}

.form input[type=radio], .form input[type=checkbox] {
    border: none;
}

#style_switcher {
	position: fixed; right: 0; top: 63px;
	margin-top: 0; text-align: right; padding: 0 4px 4px; font-size: 75%;
}
#style_switcher label { margin-top: 0em; }
#style_switcher select { width: auto; }

.linkbox { width: 230px; }

.linkbox h3, .linkbox h4 { margin: 0 -15px; padding: 0 15px; }

.note {
    min-height: 34px; padding-left: 44px;
    background: #CCF url(/images/design6/note.png);
    background-position: 1% 50%; background-repeat: no-repeat;
    border: 1px solid #aaf;
}

.alert {
    min-height: 30px; padding-left: 43px;
    background: #FFC url(/images/design6/warning.png);
    background-position: 1% 50%; background-repeat: no-repeat;
    border: 1px solid #eea;
}

.error {
    min-height: 34px; padding-left: 44px;
    background: #FCC url(/images/design6/caution.png);
    background-position: 1% 50%; background-repeat: no-repeat;
    border: 1px solid #faa;
}

#portal_button {
	display: block; overflow: hidden; height: 175px;
	background: url(/images/design6/ucr_portal_bttn.gif) 0% 0%;
}

#faculty_portal_button {
	display: block; overflow: hidden; height: 170px;
	background: url(/images/design6/faculty_portal_bttn.gif) 0% 0%;
}

#staff_portal_button {
	display: block; overflow: hidden; height: 170px;
	background: url(/images/design6/staff_portal_bttn.gif) 0% 0%;
}

#portal_button:hover, #faculty_portal_button:hover, #staff_portal_button:hover {
	background-position: 0% 100%;
}

#research_button {
	display: block; overflow: hidden; height: 60px;
	background: url(/images/design6/research_a_z_bttn.gif) 0% 0%;
}

#research_button:hover {
	background-position: 0% 100%;
}

/* These colors never change */
span.normal { color: green; }
span.caution { color: #ff9a18; }
span.emergency { color: red; }

.emergency_status {
	background: white url(/images/design6/emergency_status_bkgrnd.jpg) 0% 100% no-repeat;
	margin: 0 12px 1em; padding: 12px 12px 24px;
}

.emergency_status p, .emergency_status h3, .emergency_status h4 {
	margin-left: 78px;
}
ul.alert_normal, ul.alert_caution, ul.alert_emergency {
	padding-left: 78px;
}

ul.alert_normal li, ul.alert_caution li, ul.alert_emergency li {
	margin: 0.5em 0 0 2em;
}

ul.alert_normal { background: url(/images/design6/alert_green.png) 0% 0% no-repeat; }
ul.alert_caution { background: url(/images/design6/alert_yellow.png) 0% 0% no-repeat; }
ul.alert_emergency { background: url(/images/design6/alert_red.png) 0% 0% no-repeat; }


/* vim:set shiftwidth=4 ts=4: */