.underline { border-bottom: 1px solid #E3E3E3; }

hr.divider { height: 1px; border:0; border-bottom: 1px solid #A3AA8D; margin-bottom:5px;}

h1 span.heading_details { color: #777; font-size:18px; font-style:italic; }
h4 span.heading_details { color: #888; font-size:11px; font-style:italic;  }

li.doc { background: url(/images/icons/doc.gif) no-repeat center left; padding-left: 20px;}
li.pdf { background: url(/images/icons/pdf.gif) no-repeat center left; padding-left: 20px;}
li.zip { background: url(/images/icons/zip.gif) no-repeat center left; padding-left: 20px;}
li.xls { background: url(/images/icons/xls.gif) no-repeat center left; padding-left: 20px;}
li.ppt { background: url(/images/icons/ppt.gif) no-repeat center left; padding-left: 20px;}
li.lock { background: url(/images/icons/lock.gif) no-repeat center left; padding-left: 20px;}

div#photo_right, div#photo_left { border: 1px solid #ccc; padding: 3px; }
div#photo_right p, div#photo_left p { text-align: left; font-size: 11px; line-height: 12px;}
div#photo_right { float:right; margin: 15px 0 15px 15px; }
div#photo_left { float:left; margin: 15px 15px 15px 0; }

/* replace div id's with classes below */

div.photo_right, div.photo_left, div.photo_center { border: 1px solid #ccc; padding: 3px; }
div.photo_right p, div.photo_left p { text-align: left; font-size: 11px; line-height: 12px;}
div.photo_right { float:right; margin: 15px 0 15px 15px; }
div.photo_left { float:left; margin: 15px 15px 15px 0; }
div.photo_center { margin: 15px auto; }

div.left { float: left; }
div.right { float: right; }
img.photo { border: 1px solid #ccc; padding: 3px; margin: 15px; }

ul.extraline li { margin-bottom: 10px; }

/* undeclared/declared advising lists */
table.listing { width: 500px; }
table.listing td { border-bottom:1px solid #ccc; padding-bottom: 10px;}
table.listing td.name { width: 150px; }
table.listing td.link {}
table.listing td.info { width: 175px; }

/* list of people -- e.g. contacts page */
ul.people { 
	margin:0; padding:0; 
	}
ul.people li { 
	position:relative; 
	border-bottom: 1px solid #E3E3E3; 
	}
ul.people li em { 
	margin-left: 5px;
	}
ul.people li span {
	position: absolute;
	right: 0;
	top: 2px;
	}
ul.people li span a { 
	margin-left: 15px; 
	}


/* small calendar for College Calendar */
div#small_calendar * { font-family: georgia; margin:0; padding:0; }
div#small_calendar { 
	/*position: fixed; */
	margin-left: 5px; 
	text-align: center;  
	font-size: .9em; 
	width: 210px;  
	color: #000000;
	background-color: #ffffff; 
	}
div#small_calendar div.dates {
	border: 1px solid #B6B7B2; 
	border-top: 0; 
	width: 210px;
	}
div#small_calendar p { 
	width:210px; 
	border: 1px solid #915109;  
	background: #915109 url(/images/bg_bar.jpg) repeat-x bottom left; 
	color: #ffffff; 
	padding: 5px 0; 
	font-size: 15px;  
	}
div#small_calendar p a { 
	color: #ffffff; 
	border-bottom: 0;
	}	
div#small_calendar p a:hover{ 
	color: #333333;
	background-color: #EFD9C8; 
	}
div#small_calendar ul { 
	clear: both; 
	list-style-type: none; 
	}
div#small_calendar ul.heading { 
	padding-top: 2px; 
	font-weight: bold; 
	color: #4B531A;
	font-size: 14px; 
	}
div#small_calendar li { 
	width: 30px; 
	height: 20px; 
	display: block; 
	float: left; 
	border-bottom: 1px solid #EFEFEF;
	}
div#small_calendar li.other { color: #aaaaaa; }
div#small_calendar li a {
	display: block; 
	width: 18px; 
	margin: 0 5px; 
	color: #ff8300;
	border-bottom:0;
	}
div#small_calendar li a:hover { 
	border: 1px solid #4B531A; 
	color: #4B531A;
	}
	
	
	

div.department_list { clear:both; }
div.department_list h1 { margin-bottom: 10px; }
div.department_list div.item { font-size: .95em; border-top: 1px solid #ccc; clear:both; display: block;    }
div.department_list div.name { /*background-color: #FFBF9A;*/  width: 210px; display:block; float:left; margin-bottom: 10px;}
div.department_list div.position { /*background-color:#9AE5FF;*/ width: 190px; display:block; float: left;  }
div.department_list span.other { font-size: .95em; color: #777; }
div.department_list a { font-size: .90em; }


/* advising calendar for advisor appointments */
div#advising_calendar * { font-family: georgia; margin:0; padding:0; }
div#advising_calendar { 
	text-align: left;  
	width: 500px;  
	background-color: #ffffff; 
	}
div#advising_calendar dl dt {
	clear:both;
	font-size:11px;
	font-weight:bold;
	margin-top: 20px;
}
div#advising_calendar dl dd { 
	display:block;
	padding-left: 80px;
	font-size: 11px; 	
	color: #000000;	
	border-bottom: 1px solid #ddd;
	}
div#advising_calendar .filled {
	color: #777;
	}
	
/* --- advising: advisor page grid of appointments --- */	

table.advising_grid * { margin:0; padding: 0; }
table.advising_grid { 
	text-align:center;
	font-size:11px;
	width:486px; 
	margin: 20px 0;
	}
table.advising_grid th {
	background: #97530A url(/images/bg_bar.jpg) bottom left repeat-x;
	font-weight:normal;
	font-size: 12px;
	color: #f1f1f1;
	}
	
table.advising_grid td {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}
	
table.advising_grid td.day {
	width: 90px;
	text-align: center;
	vertical-align: middle;
	}

table.advising_grid td.times {
	border-right: 1px solid #ddd;
	background-color: #E7E2DB;
color:#333;
	}
	
table.advising_grid td span.student {
	color: #666;
	margin: 1px;
	}
table.advising_grid td span.expired {
	color: #bbb;
	margin: 1px;
	}	

/* --- advising: reserve appointment form --- */

form.advising_reserve * { margin:0;padding:0; }
form.advising_reserve {
	}
	
form.advising_reserve legend {
	font-size:16px;
}

form.advising_reserve ol {
	list-style-type: none;
	clear:both;
}

form.advising_reserve ol li {
	vertical-align:top;
	clear:both;
	margin-bottom:10px;
}

form.advising_reserve label {
  display: block;
  vertical-align: top;
  text-align:left;
  width: 100px;
  float:left;
font-size: 16px; 
  }	
 
form.advising_reserve input {
 	float:left;
	font-size:16px;
	padding:2px;
}
  
form.advising_reserve em {
  font-weight: normal;
  font-style: italic;
  color: #990000;
}  

form.advising_reserve span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
}


/* -- news -- */

dl.news {
	margin: 10px 0 0 0;
}
	
dl.news dt {
	margin: 5px 0 5px 5px;
}
	
dl.news dt .date {
}
	
dl.news dt .title {
	font-weight: bold;
}
	
dl.news dd {
	margin: 5px 0 5px 15px;
}