charset "UTF-8";
/* All the special bits for YDEN
sky blue #2E62A6
dark green #222416
beige #D3C4A7
mid green #35400C
lighter green #627326


*/


/* typography.css */

h1, h2, h3 {color:#627326;}

thead th {background:#c3d9ff;}

caption {background:#eee;}

#main_content h1 {color:#627326;}
#main_content h2 {color:#627326;}
#main_content h3 {color:#627326;}
#main_content h4 {color:#5C5B56;}
#main_content h5 {color:#5C5B56;}


#left_hand_side 		{ float:left; width:730px; background-color:#FFF; margin:0; padding:0; min-height:700px; }
#left_hand_side_wide 	{ float:left; width:965px; background-color:#FFF; margin:0; padding:0; min-height:700px; }
#left_hand_side ul,
#left_hand_side_wide ul	{ margin: 0 10px 5px 15px; list-style:square outside; margin-bottom:1.5em;}
#left_hand_side ol,
#left_hand_side_wide ol { margin: 0 10px 5px 35px; margin-bottom:1.5em;}
#left_hand_side li,
#left_hand_side_wide li	{ line-height:1.5em; margin-bottom:0.2em;}




#sub_branding { 		 margin:10px 15px 0 10px; height:55px; width:700px; }
#sub_branding_wide {	margin:10px 15px 0 10px; height:55px; width:935px; }



#main_nav 		{ float:left; margin:0 15px 0 0; height:28px; width:740px; background-color:#222416; }
#main_nav_wide	{ float:left; margin:0 15px 0 0; height:28px; width:965px; background-color:#222416; }



h1, h2, h3, h4, h5, h6 { font-family:Georgia,Helvetica,Arial,sans-serif; font-weight:normal; /*color:#83714A;*/}


a 		{ color:#2E62A6; border-bottom:1px dotted #2E62A6;}
a:hover { color:#2E62A6; border-bottom:1px solid #2E62A6; }


#aside .header { margin:0 30px 0 24px; padding:10px 0 10px 0; font-style:normal; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:1em; font-weight:bold; color:#5C5B56;}


/* image panels for landing pages */

#imagePanel .shade {position:absolute; background-color:#222416; opacity:0.7; filter:alpha(opacity=70);}
#imagePanel .shade,
#imagePanel.left .shade { left:0; height:100%; width:210px; }
#imagePanel.right .shade { left:490px; height:100%; width:210px; }
#imagePanel.bottom .shade { left:0px; bottom:0;height:60px; width:700px;}

#imagePanel.left .caption { position:absolute;  left:0; height:100%; width:210px; }
#imagePanel.right .caption { position:absolute; left:490px; height:100%; width:210px;}
#imagePanel.bottom .caption { position:absolute; left:0; bottom:0;height:60px; width:700px;}

#imagePanel .caption p,
#imagePanel .caption pre { color:#FFF; font-size:0.9em;  margin:0; padding:4px 10px 10px 10px; }

#imagePanel .caption h1, 
#imagePanel .caption h2, 
#imagePanel .caption h3 { color:#FFF; margin:0; padding:0 10px 10px 10px; }

#imagePanel .caption h1 { font-size:24px; line-height:1.286em;}
#imagePanel .caption h2 { font-size:18px; line-height:1.5em;}
#imagePanel .caption h3 { font-size:16px; line-height:1.2857em;}


/* 520px image panels for page tops */
#smallPanel { position:relative; height:198px; width:520px; margin-bottom:20px; padding:0; overflow:hidden;}

#smallPanel .shade {position:absolute; background-color:#35400C; opacity:0.7; filter:alpha(opacity=70);}
#smallPanel .shade,
#smallPanel.bottom .shade { left:0px; bottom:0;height:40px; width:520px;}
#smallPanel.right .shade { left:310px; height:100%; width:180px; }
#smallPanel.left .shade { left:0; height:100%; width:180px; }

#smallPanel.bottom .caption { position:absolute; left:0; bottom:0;height:40px; width:520px;}
#smallPanel.right .caption { position:absolute; left:310px; height:100%; width:180px; }
#smallPanel.left .caption { position:absolute;  left:0; height:100%; width:180px; }
#smallPanel.left { background-position: right; background-repeat:no-repeat;} 
#smallPanel .caption p { color:#FFF; font-size:0.9em;  margin:0; padding:4px 10px 10px 10px; }

#smallPanel .caption h1, 
#smallPanel .caption h2, 
#smallPanel .caption h3 { color:#FFF; margin:0; padding:0 10px 10px 10px; }

#smallPanel .caption h1 { font-size:24px; line-height:1.286em;}
#smallPanel .caption h2 { font-size:18px; line-height:1.5em;}
#smallPanel .caption h3 { font-size:16px; line-height:1.2857em;}




#logo-title {
	
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	margin:20px;
	margin-bottom:10px;
	width:80%;
}
#logo-alt{
	display:none;	
	color:#ddd;
	margin:20px;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
	
}
 


ul.profiles li {
	list-style-type: none;
	border-bottom: thin dashed 	#eee;
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	margin-left: 100px; 
	
}

ul.profiles li img {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	margin-left: -100px;
}

/* the stories */
.newsbox {
	border-bottom: 1px solid #2E62A6; 
	padding: 5px; 
	margin-bottom: 5px; 
	
}

.newsbox img {
	float: right; 
	width: 160px; 
	padding: 0; 
	margin: 5px;
	border: 0;
}

.newsbox h3 {
	font-weight: bold;  	
}

.left { float:left; }
.right { float:right; }

#eventsList {
	margin: 20px 10px 10px 5px; 	
}

#eventsList a {
	margin-left: 20px; 
}

#eventsList li {
	list-style-type: none!important;
	color: #819732;
	margin-top: 10px; 

}

#eventsList ul{
	margin-bottom: 5px; 

}

#aside p.quote {
    color: #819732;
    font-family: Georgia,Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-style: italic;
    line-height: 2em;
    margin-bottom: 20px;
    margin-top: 60px;
    text-align: left;
    text-indent: 0;
}



/* add green background instead of black */
body { 
	background-image:url(http://www.fbs.leeds.ac.uk/images/html_bg_green.png); 
	}

/* #logobox - partner's logo display */

#logobox a, #logobox a.visited {
	border: none; 
}

#logobox img {
  margin: 10px 0;	
}

<!-- for jQuery table sorter -->
th { white-space: nowrap; }
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}


#banner2 {
	position: relative;
	width: 700px;
	height: 252px;
	margin: 0;
	padding: 0;	
}

#banner2 .shade {
	opacity:0.7;
	filter:alpha(opacity=70); 	
	background-color: #000;
	position: absolute;
	height: 50px;
	width: 700px;
	bottom: 0;
}


#banner2 .shade p, #banner2  .shade h1{
	color: #fff;
	font-style: italic;
	background-color: transparent;
	margin-left: 20px; 
	margin-top: 10px;
}