/* Site Colors:
  #FFFFFF - white
  #000000 - black
  #57068C - eng dark purple
  #CCAAFF - eng light purple
*/

html {
	height: 100%;
	width: 100%;
}

body {
	width: 100%; height: 100%;
	margin: 0; padding: 0; border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 15px;
	background: #FFFFFF;
}

img {
    position: relative;
    left: 10px;
    top: 10px;
}

a {
	color: #000000;
	font-weight: bold;
}
a:hover { color: #CCAAFF; }

/* Header */
#header {
	height: 90px;
	margin: 0; padding: 0; text-align: left;
  background: #000000; color: #000000;
}
#header a:hover { color: #000000; }

/* Footer */
#footer {
	clear: both;
	height: 2em; margin: 0; padding: 1em;
	text-align: center;
	background-color: #CCAAFF;
}

/* Navigation */

nav a {
	color: #FFFFFF;
	text-decoration: none;
}

nav a:hover,
nav a:focus{
	color: #CCAAFF;
}

nav .dropdown .dropbtn {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	position: relative;
}

nav .dropdown {
	display: inline-block;
	position: relative;
}

nav .dropdown .dropdown-content {
		display: none;
    position: absolute;
    background-color: #333;
    z-index: 1;
}

nav .dropdown-content a {
    color: white;
    padding: 14px 4px;
    text-decoration: none;
    display: inline-block;
}

nav .dropdown:hover .dropdown-content,
nav .dropdown:focus-within .dropdown-content,
nav .dropdown .dropdown-content:hover{
    display: block;
}

nav .dropdown:hover .dropbtn,
nav .dropdown:focus-within .dropbtn,
nav .dropdown:focus .dropbtn{
    background-color: #CCAAFF;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    background-color: #333;
}
/*ol.subjects {
	margin: 1em 0; padding-left: 0; list-style: none;
}
ol.pages { padding-left: 2em; list-style: square; font-weight: normal; }
.selected { font-weight: bold; }*/
ul.subjects {
	margin: 1em 0; padding-left: 0; list-style: none;
}
ul.pages { padding-left: 2em; list-style: square; font-weight: normal; }
.selected { font-weight: bold; }

nav li {
    float: center;
}

nav li a {
		float: left;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
nav li a:hover,
nav li a:focus{
    background-color: #111;
}

nav > ul > li{
	display:inline-block;
}
/* Page Content */
#page {
	height: 100%;
	width: 1000px;
	vertical-align: top;
	margin: 0 auto;
	padding: 25px !important;
	background: #FFFFFF;
}

#page h1 { color: #57068C; margin-bottom: 30px; line-height: 1.5;}
#page h2 { color: #000000; margin-bottom: 30px;}
#page h3 { color: #000000; }
.view-content {
	margin: 1em; padding: 1em; border: 1px solid #999;
}

#page div .message {
	border: 2px solid #000000;
	color: #000000; font-weight: bold;
	margin: 1em 0 ; padding: 1em;
}

#page select{
	padding: 3px;
}

#page table{
	max-width: 100%;
}

#page table, th, td{
	text-align: left;
	border-collapse: collapse;
}

#read_table th {
	border: 1px solid #c1c1c1 !important;
	padding: 5px;
}

#read_table td{
	border: 1px solid #c1c1c1 !important;
	padding: 5px;
}

#read_table tr:nth-child(even){
	background-color: #c1c1c1;
}

#edit_table th, td {
	padding: 5px;
    border-collapse: collapse;
	border: none !important;
}

#page input[type=text], textarea {
	width: 500px;
}

/*Form Styles*/

.form label,
.form input{
	display:block;
}

.form input,
.form textarea,
.form p,
.form .faculty-select{
	margin-bottom:20px;
}

.source-select{
	margin-right:100px;
}

#title{
	display:block;
	font-size:17pt;
	font-weight: bold;
	text-align:center;
	text-decoration: underline;
	color: black;
}