#main { width: 615px; float: left; color: #333333; margin: 20px 0 0 0; }
#sidebar { float: right; width: 300px; margin: 20px 0 0 0; }

h2 { font-size: 24px; font-weight: bold; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

body.staff #main p { font-size: 12px; line-height: 18px; margin: 0 0 10px; }

p.location { width: 250px; float: left; margin: 0 0 10px; }

p.staff_sort { text-align: right; }
p.staff_sort a { cursor: pointer; text-decoration: none; }
p.staff_sort a:hover { text-decoration: underline; }
p.staff_sort a.active { font-weight: bold; color: #e08722; }

body.staff_list #main ul { list-style: inside; font-size: 12px; line-height: 18px; margin: 0 0 20px; }

.ordered_staff_list, .ordered_staff_list2 { margin: 0 0 10px; }
.ordered_staff_list tr, .ordered_staff_list2 tr { font-size: 12px; line-height: 18px; list-style: none; display: block; padding: 0 5px; width: 605px; }
.ordered_staff_list tr.table_head, .ordered_staff_list2 tr.table_head { font-weight: bold; }
.ordered_staff_list tr a, .ordered_staff_list2 tr a { text-decoration: none; }
.ordered_staff_list tr a:hover, .ordered_staff_list2 tr a:hover { text-decoration: underline; }
.ordered_staff_list tr.odd, .ordered_staff_list2 tr.odd { background: #eeeeee; }
.ordered_staff_list tr td.supervisor { font-weight: bold; }
.ordered_staff_list tr td.staff_name, .ordered_staff_list2 tr td.staff_name { width: 145px; }
.ordered_staff_list tr td.staff_name a, .ordered_staff_list2 tr td.staff_name a { color: #333333; }
.ordered_staff_list tr td.staff_position, .ordered_staff_list2 tr td.staff_position { width: 255px; }
.ordered_staff_list tr.department_head, .ordered_staff_list tr.publication_head { margin: 20px 0 0 0; border-bottom: 1px solid #cccccc; }
.ordered_staff_list tr.department_head td, .ordered_staff_list tr.publication_head td { font-size: 18px; font-weight: bold; }
/* SUB PUBLICATION */
.ordered_staff_list tr.sub_pub { margin: 10px 0 0 20px; width: 595px; padding: 0; }
.ordered_staff_list tr.sub_pub td { font-size: 14px; }
.ordered_staff_list tr.sub_pub_info { margin: 0 0 0 20px; width: 584px; border-left: 1px solid #cccccc; }


.service_buttons { margin: 0 0 20px; }
a.service_button { color: #ffffff; font-weight: bold; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 4px 10px; background:   background-color: #006FA8; background-image: -webkit-gradient(linear, left top, left bottom, from(#006FA8), to(#23538a));
 background-image: -webkit-linear-gradient(top, #006FA8, #23538a);
 background-image: -moz-linear-gradient(top, #006FA8, #23538a);
 background-image: -ms-linear-gradient(top, #006FA8, #23538a);
 background-image: -o-linear-gradient(top, #006FA8, #23538a);
 background-image: linear-gradient(to bottom, #006FA8, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#006FA8, endColorstr=#23538a); width: 200px; text-align: center; font-size: 12px; }


/* STORY LIST */
.story_detail { margin: 0 0 20px 0; width: 515px; float: left; }
.story_detail .lead_photo { float: right; margin: 0 0 0 10px; }
.story_detail .lead_photo img { border: 1px solid #cccccc; }
.story_detail h3, .story_detail h4, .story_detail p  { width: 420px; }
.story_detail h3 { font-size: 18px; line-height: 20px; font-weight: bold; }
.story_detail h3 a { color: #333333; text-decoration: none; }
.story_detail h3 a:hover { text-decoration: underline; }
.story_detail h4 { font-size: 16px; line-height: 18px; color: #555555; }
.story_detail p.tease { font-size: 12px; line-height: 16px; color: #555555; }
.story_detail p.tease img { vertical-align: top; margin: 0 2px 0 0; }
.story_detail p.tease a { text-decoration: none; }
.story_detail p.tease a:hover { text-decoration: underline; }
.story_detail .story_meta { font-size: 10px; line-height: 16px; }

/* PAGINATION */
.pagination { margin: 0 0 10px 0; height: 30px; }
.pagination .previous, .pagination .next, .pagination .no_previous, .pagination .no_next { display: block; width: 33px; height: 30px; background: url(../images/pagination_sprite.png) top left repeat; text-indent: -9999px; float: left; }
.pagination a.no_previous { background-position: 0 0; }
.pagination a.previous { background-position: 0 -30px; }
.pagination a.previous:hover { background-position: 0 -60px; }
.pagination a.no_next { background-position: 33px 0; }
.pagination a.next { background-position: 33px -30px; }
.pagination a.next:hover { background-position: 33px -60px; }

.more_stories_text_link { height: 30px; vertical-align: middle; line-height: 30px; text-decoration: none; margin: 0 0 0 5px; font-style: italic; }
.more_stories_text_link:hover { text-decoration: underline; }

/* STAFF BIO */
.staff_bio .bio_info { margin: 0 0 20px; }
.staff_bio h2 { padding: 0 0 5px 0; border-bottom: 1px solid #cccccc; margin: 0 0 10px 0; }
.staff_bio #main h2 a { color: #333333; }
.staff_bio img.mugshot { float: right; }
.staff_bio .bio_info .latest_tweet { margin: 10px 0 0 0; }
.staff_bio .bio_info .latest_tweet img { float: left; margin: 0 5px 5px 0; }
.staff_bio .bio_info .latest_tweet .username { display: block; }
.staff_bio .bio_info .latest_tweet .username a { font-weight: bold; }

h5 { color: #555555; font-size: 18px; font-weight: bold; line-height: 20px; }
h5.title { margin: 0 0 20px; }
ul.contact_details { font-size: 14px; line-height: 16px; margin: 0 0 0 20px; }
body.staff #main .story_detail p.tease { margin: 0; }
body.staff #main .story_detail .story_meta { font-size: 10px; line-height: 16px; }

#main .section_header { border-bottom: 1px solid #cccccc; margin: 0 0 10px; }
#main .section_header h2 { 
	font-size: 24px; 
	font-weight: bold; 
	margin: 0 0 5px;
	float: left;
	}
#main a.section_rss { text-indent: -9999px; 
	background: url(../images/rss_sprite.png) top left no-repeat;
	margin: 4px 0 0 4px; 
	width: 20px; 
	height: 20px; 
	display: block;
	float: left;
	}
#main a.section_rss:hover { background-position: 0 -20px; }

.photo_item { clear: both; margin: 0 0 10px; }
.photo_item img { float: right; border: 1px solid #cccccc; margin: 0 0 10px 10px; }

/* CONTACT FORM */
form { text-align: left; }
form input, form textarea { border: 1px solid #cccccc; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
form input.button { background: #eeeeee; cursor: pointer; }
form input.button:hover { background: #cccccc; }
form input.button:focus { background: #dddddd; }