/* custom DIVs for picture use. Use however you wish. */
/* FONT STYLES */
@import url('https://fast.fonts.net/cssapi/3ccf72a1-9c2f-448d-a20d-bbf3ece98ad5.css');
body {
    font-size: 16px;
}

#customDiv1,
#customdiv1{
	display: block;
	height:180px; /* primary site with nav is 251px*/
	margin: 0 auto;
    margin-top: 1rem;
	text-align: left;
	width: 960px;
	/* background: url("../images/header.jpg") center top no-repeat; */
    background: url("../images/new-otis-logo-line.svg") left top no-repeat;
	border:none;
}
#customDiv2,
#customdiv2{
    /*
	width: 960px;
	height: 50px;
	display: block;
	margin:0 auto;
	background: url("../images/blue_bar.jpg") left bottom no-repeat;
	border:none;
    */
    text-align: left;
    padding: 1rem;
}
#customDiv2::before,
#customdiv2::before{
    content: 'Office of Residence Life and Housing';
    font-weight: normal!important;
    font-family: 'LinotypeUniversW01-Cn', Arial, sans-serif;
    font-size: 36px;
}
#customDiv3,
#customdiv3{
}
h1,h2,h3 {
    font-weight: normal!important;
    font-family: 'LinotypeUniversW01-Cn', Arial, sans-serif;
}
strong,b {
    font-weight: normal!important;
    font-family: 'LinotypeUniversW01-Bold_723697', Arial, sans-serif;
}
a {
    font-weight: normal!important;
}
/* Overall styles */
body,html{height:100%;}

body {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	 /* font: 14px Arial, Helvetica, sans-serif; */
    font-family:'LinotypeUniversW01-Regu', Arial, sans-serif;
    font-size: 16px;
	text-align: center;
	/* background-color: #646464; */
	background: url(../images/new-bg-web5.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 960px;
	height: 100%;
}

p {
    line-height: 1.5rem;
}
p.Important {
    padding: 1rem;
    margin: 2rem 0;
}

/* Header style - appears at top of every page above both the
   content and sidebar. Custom HTML must be supplied in the configuration
	tool for the Header. */
#header {
}

/* Page Header styles */
#pageHeader {
	text-align: left;
}
#pageHeader h1 {
    /*
	font-size: large;
	margin: 9px 5px 2px 5px;
    */
	color: #222;
}
#breadCrumb,
#breadcrumb{
}

/* Main content styles. Container holds pageHeader + Content.  Content is main content area. */
#outer-container {
    display: inline-block;
    display: flex;
}
#container {
	width: 678px; /* 726px total */
    padding:0 1.5rem;
	float: left;
	border-left: none;
	text-align: left;
	color: #222;
	background-color: rgba(255,255,255,0.85);
	margin: 0 auto;
	min-height: 100%;
}
#content {
	height: 100%;
}

p {
	padding: 0em 0em 0em 0em;
	margin: 0.5em 0.3em 0.5em 0.3em;
}

a	{
	color: #FC0002;
	text-decoration: none;
}
a:hover		{
    text-decoration: underline;
}
img.left {float: left}
img.right {float: right}
/*
h1 {
	color: #D2691E;
	font-size: large;
   padding: 0.3em 0em 0.1em 0em;
	margin: 0em 0em 0.3em 0em;
   }
h2 {	color: #D2691E;
	      font-size: medium;
   padding: 0.3em 0em 0.1em 0em;
	margin: 0em 0em 0.3em 0em;
      }
h3 { 	color: #D2691E;
	      font-size: small;
   padding: 0.3em 0em 0.1em 0em;
	margin: 0em 0em 0.3em 0em;
   }
ol {
   padding: 0em 0em 0.4em 0em;
   margin: 0em 0em 0em 1.5em;
}
ul {
   padding: 0em 0em 0.4em 0em;
   margin: 0em 0em 0em 1em;
}
li {
   list-style-position :  inside;
   padding: 0em 0em 0em 0em;
   margin: 0em 0em 0.2em 0.9em;
}*/
/* Using dfn for help tips on fields */
dfn, acronym {
	cursor: help;
	padding-bottom: 0em;
/*
	background-color: #F5DEB3;
	color: black;
	border: 1px solid black;
*/
	border-bottom: 1px dashed black;
	font-style: normal;
}
fieldset {
	border: thin solid gray;
	padding: 0 0 0 0;
	margin: 0.5em 0.5em 0.5em 0em;
}
legend {
	color: #D2691E;
	font-weight : bold;
   font-family: verdana, sans-serif;
}
textarea {
	margin: 0 0 0 0em;
	padding: 0 0 0 0em;
	font-family: verdana, sans-serif;
	font-size: 1em;
}


/* Form-related styles */
td.formLabel {
	text-align: right;
   vertical-align: middle;
	padding: 0.1em 0.1em 0.1em 0.1em;
}
td.formField {
	text-align: left;
   vertical-align: middle;
	padding: 0.1em 0.1em 0.1em 0.1em;
}
td.formGroup {
   vertical-align : top;
}
form {
   margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
form fieldset table {
	margin: 0.3em 0.3em 0.3em 0.3em;
	padding: 0.3em 0em 0.3em 0em;
}
form fieldset {
	border: thin solid gray;
	padding: 0 0 0 0;
	margin: 0.5em 0.5em 0.5em 0em;
}
form legend {
	color: #D2691E;
	font-weight : bold;
    font-family: verdana, sans-serif;
}
form tr {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
form td {
	margin: 0 0 0 0;
	padding: 0em 0em 0.1em 0em;
}
form input, textarea, option, select {
	margin: 0.25rem 0 0.25rem 1em;
	padding: 0.5rem;
	font-family: verdana, sans-serif;
	font-size: 1em;
}
form input[type=submit] {
    width: 50%;
}


/* Data Table styles */
table.DataTable {
	margin: 0em 0em 1em 0em;
    width: 100%;
}
table.DataTable td {
	padding: 0.2em 0.2em 0.2em 0.2em;
}
table.DataTable th {
	text-align: center;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background: #F0E68C;
	font: bold;
	color: black;
}
table.DataTable tr.DataRowEven {
	background: #FFFACD;
}


/* Term status display area */
#terms {
	padding: 0em 0em 0em 0em;
	/*border-top: thin solid #696969;*/
}
#terms h2 {
   padding: 0.7em 0em 0.1em 0em;
	margin: 0em 0em 0.3em 0em;
	border-bottom-color: #DEB887;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
}
#terms ul {
   padding: 0em 0em 0.6em 0em;
   margin: 0em 0em 0em 0.9em;
}
#terms li{
   list-style-position :  outside;
   padding: 0em 0em 0em 0em;
   margin: 0em 0em 0.2em 0.9em;
}

/* Sidebar styles */

#sidebar {
	float: left;
	width: 199px; /* 234 total */
	overflow: hidden;
	border-left: none;
	margin: 0;
    padding:0 17px;
    text-align: left;
    min-height:100%;
    border-right: 1px solid #ccc;
    background-color: rgba(236,236,236,0.95);
}
#menu {
	text-align: left;
}
#menu a {
	text-decoration: none;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	margin:0;
    padding:0;
	list-style-type:none;
	margin-bottom: 2px;
}
#menu ul li a {
	color: #FC0002;
	display: block;
	padding: 9px 0 10px;
    padding-left: 1rem;
	margin: 0;
    font-weight:bold;
}
#menu ul li a:hover {
	text-decoration:underline;
}
#menu ul li.break { border-bottom: 1px solid #777; }

hr {
    border: 0px none;
    border-bottom: 1px solid #ccc;
}

#menu h1 {
	/*
    margin: 2px 0;
	padding: 0;
	display: block;
	width: 100%;
	border-bottom: 1px solid #777;
	text-align: left;
	/* background-color: #afa082; */
	color: #222;
}
h2.submenuHeader {
	margin: 0.5rem 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: left;
	color: #222;
	/* background-color: #afa082; */
}
#reminders {
   line-height: 1.2em;
	margin: 20px 0;
	font-size: 90%;
	}
#reminders ul,ol {
  padding: 0;
  margin: 0;
}
#reminders li {
	list-style-type: decimal;
	/*list-style-position: inside;*/
   padding: 0;
   margin: 0 0 0.7em 1.5em;
}
#reminders a {
    padding-left: 1rem;
    display: inline-block;
    margin: 0.25rem 0;
    line-height: 1.25;
}
#reminders h1 {
	font-size:24px;
    padding-bottom: 5px;
	margin: 0em 0em 0.5em 0em;
	/*
    border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #D2B48C;
    */
}

/* Footer */
#footer {
	clear: both;
	font-size: x-small;
	text-align: center;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
    /*
	border-top: 1px solid #DEB887;
	background-color: #FFF;
    */
    padding-top: 3rem;
}
#footer p {
   line-height: 1.2em;
	padding: 0.3em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#footer a {
	color: white;
}

/* Error text */
.Error {
	border: thin dashed;
	background-color: #FFCC66;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.6em 1em 0.6em 1em;
}
/* important text */
.Important {
	color: Black;
	border: thin solid;
	background-color: #f16465;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.6em 1em 0.6em 1em;
}
:focus {
    outline-color: #FC0002;
}
/* Success status messages */
.Success {
	font-weight: bold;
	color: Black;
/*
	border: thin solid;
	background-color: #FFFACD;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.3em 1em 0.3em 1em;
*/
}
/* Required fields */
.Required {
	color: red;
	font-size: 80%;
	text-align: right;
}
.Highlight {
	background: #FFFFE0;
	border: 1px solid gray;
	padding: 0.1em 0.1em 0.1em 0.1em;
}
.Underline {
	border-bottom: 1px solid Black;
}
.Aside {
	font-size: 89%;
}

.popupForm
{
	padding: 0.25em 0em 0.6em 0.25em;
	background-color: #FFFACD;  /*#FFF3D9;*/
	border: 1px dashed #D2B48C;
}