html {
  height:100%;
}
body { 
  margin:0px;
  padding:0px;
  text-align: justify;
  font-family: Helvetica, Arial, sans-serif;
  font-size:16px;
  background: url(images/bg.gif) top center repeat-y;
}
h1 {
  font-weight:bold;
  font-size:24px;
  padding-bottom:12px;
}
h2 {
  font-weight:bold;
  font-size:24px;
  border-bottom:1px solid #eeeeee;
  padding-top:24px;
}
.firsth2 {
  padding-top:0px;
}
h3 {
  font-weight:bold;
  font-size:20px;
  border-bottom:1px solid #eeeeee;
  padding-top:12px;
}
h4 {
  font-size:16px;
  padding:0px;
  margin:0px;
}
.phead {
  font-style:italic;
}
a { 
  text-decoration: none;
}
a:hover { 
  text-decoration:underline;
}
a img { 
   border:none;
}
a.hide:hover {
	text-decoration:none;
}
#canvas { 
  position:relative;
  width:700px;
  height:100%;
  margin:10px auto;
  background-color:#ffffff;
  padding-bottom:20px;
}
.title {
	font-family:"Century Gothic", Arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	color:#B31B1B;
	font-weight:bold;
}
.subtitle {
	font-family:"Century Gothic", Arial, sans-serif;
	font-size:24px;
    text-transform:uppercase;
}
#menu {
  width:690px;
  text-align:center;
  padding:0px;
  margin-left:0px;
  background-color:#000000;
  line-height:25px;
}
#menu ul li {
  display:inline;
  padding:0px;
  cursor:pointer;
}
#menu ul li a {
  padding:5px 15px;
  color:#ffffff;
  text-decoration: none;
}
#menu ul li a:hover {
  background-color:#B31B1B;
}
#info {
  float:left;
  margin:20px;
}
#header a {
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}
#logo {
  position:absolute;
  top:10px;
  right:10px;
  height:88px;
  width:254px; 
}
b { 
  font-weight:bold;
}
.content {
  width: 640px;
  margin:0px;
  padding:20px 20px 0px 20px;
  height:100%;
}
#footer {
  font-weight: lighter;
  color: #777777;
  font-size:12px;
  padding-top:24px;
}
table {
    text-align:left;
    border-collapse:collapse;
    margin-left:32px;
  	width:100%;
    border:1px solid #cccccc;
}
table td, th {
    border:1px solid #cccccc;
    vertical-align:top;
    padding:3px 6px 3px 6px;
}
table.grades {
  width:50%;
  margin-left:5px;
  border:0px;
}
table.grades td {
	border:0px;
}
table.grades td.percent {
  text-align:right;
  padding-right:6px;
}
table.schedule td {
    padding:3px 18px 3px 6px;
}
.announcedate {
	font-weight:bold;
}
ul.announce li {
	padding-bottom:16px;
}
ul.announce li.last {
	padding-bottom:0px;
}
.duedate {
	color:#B31B1B;
	font-weight:bold;
}
dt {
	font-weight:bold;
}
dd {
	padding-bottom:12px;
}
.breadcrumb {
	color:#666666;
}