@import "toggleElements.css";

#header img {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
#header h1 {
  margin-top: 69px;
  font-size: 16px;
  text-align: center;
  border-top: 2px solid #330066;
  border-bottom: 2px solid #330066;
  padding: 5px;
}
#department {
  width: 50%;
  height: 67px;
  background-color: #330066;
  position: absolute;
  top: 0;
}
#address {
  padding: 4px 0 0 4px;
  color: #fff;
}
#art {
  position: absolute;
  top: 0;
  left: 50%;
  width: 330px;
  height: 67px;
  margin-left: -165px;
  background-image: url(../images/ttlpic-abstract-01.jpg);
}

#staff_image {
float: right;
}

a {
color : #a624c4;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d756ee;
background : inherit;
text-decoration : underline;
}
p {
margin : 10px 0;
}

h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 20px;
padding : 0;
list-style : circle;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
#content {
margin-left: auto;
margin-right: auto;
width: 920px;
margin-top:35px;
margin-bottom: 20px;
}


#footer {
clear : both;
color : #777;
border-top: 1px solid;
background : #fff url(../images/footerLine.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 10px;
}
#footer a {
text-decoration : none;
background : #fff;
}

/*
 * Styles for module selection
 *
*/
.module {
  clear:both;
  width:600px;
  margin:5px 0 0 20px;
}
.first_choice {
  padding: 10px;
  width: 120px;  
}
.second_choice {
  padding: 10px;
  width: 120px;  
}
.module_details {
  padding: 10px;
  width: 300px;  
}
.choice_unavailable {
  background: #FF99FF;
}

.module dl {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #f1f1f1;
	overflow: hidden;
	border: 1px solid #888;;
}

.module dl.module_selected {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #CCCCFF;
	overflow: hidden;
	border: 1px solid #888;;
}

.module dl.module_available {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #CCFFCC;
	overflow: hidden;
	border: 1px solid #888;;
}

.module dl.module_unavailable {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #FFCCCC;
	overflow: hidden;
	border: 1px solid #888;;
}

.module dl.module_disabled {
	margin: 0 0 20px;
	padding: 10px 15px;
	background: #999999;
	overflow: hidden;
	border: 1px solid #888;;
}


.module dt {
	width: 160px;
	float: left;
	margin: 0;
	padding: .3em 0;
	font-weight: bold;
	clear: both;
}

.module dd {
  width: 380px;
	float: left;
	margin: 0;
	padding: .3em 0;
}

.module dl .top {
	background: green;
}

.module dl.contact {
	border-color: #3079cc;
}

.module a.leftmargin {
	margin-left: 5px;
}	

#menu {
  position: absolute;
  top: 140px;
  left: 50px;
  }
  
.choice {
  border: 1px solid #333;
  background: #eee;
  padding:10px;
  margin-top: 10px;
}