td,div {
font-family: arial,"lucida console",sans-serif;
}

body {
margin:0px;
height:100%;
}
/*body {font:arial;}*/



#logo {
width:100%;
}

#left {
height:400px;
width:200px;
float:left;
padding-top:15px;
border-right:1px dashed black;
}

#sometable {
margin-top:15px;
width:550px;
 text-align:left;
overflow:auto;
height:80%;


}

div.courseList {
line-height:125%;
}

#coursestaken {
width:200px;
}

#right {
margin-left:220px;
}

.course:hover {
background-color:white;
}

.courseCode {
text-align:center;
font-size:1.5em;
font-weight:bold;
width:100px;
border-right:1px dashed black;
}

.courseDescDiv {
height:80px;
width:100%;
overflow:hidden;
}

.courseName {
padding-left:5px;
font-weight:bold;
}

.courseDesc {
padding-left:5px; 
}

.course {
border:1px solid black;
}


.enabled {
background-color:#00ffaa;
}

.enabled:hover {
border:2px solid black;
background-color:yellow;
cursor:pointer;
}

.disabled {
background-color:#ff5555;
}

#coursestaken {
text-decoration:underline;
}

#container {
margin: 0 auto;
width:800px;
background:#cccccc;
padding: 10px;
height:97%;
padding-bottom:10px;
margin-bottom:0px;
}