/** Lancaster University CSS style sheet by Stephen Moulton */

body 
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	background: #141212 url(images/main_bg.jpg) repeat;
}


a:link, a:visited { color: #d4d1c5; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #0066FF; text-decoration: underline; }

img 
{
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_40 { margin-right: 40px; }
.margin_right_70 { margin-right: 70px; }

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

.button_01 a 
{
	clear: both;
	display: block;
	width: 100px;
	height: 21px;
	padding-top: 5px;
	background: url(images/button_01.jpg) no-repeat;
	
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.button_02 a 
{
	clear: both;
	display: block;
	width: 100px;
	height: 21px;
	padding-top: 5px;
	background: url(images/button_02.jpg) no-repeat;
	
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.header_01 
{
	clear: both;
	color: #ff0000;
	padding: 5px 0 10px 0;
	border-bottom: 1px dashed #ffffff;
	margin-bottom: 20px;
	font-size: 26px;
}

.header_02 
{
	clear: both;
	color: #ffffff;
	padding: 0;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.header_exec
{
	clear: both;
	color: #ffffff;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}

.header_03 
{
	clear: both;
	color: #ff0000;
	padding: 5px 0 10px 0;
	margin-bottom: 20px;
	font-size: 26px;
}

#container 
{
	width: 980px;
	margin: 0 auto;
	background: #4a483f;
}

/* menu */

#menu 
{
	clear: both;
	width: 980px;
	height: 55px;
	background: url(images/menu_bg.jpg) repeat-x;
}

#menu ul 
{
	margin: 0 auto;
	padding: 0px;
	width: 1104px; /*  ( 138 x no. of menu item ) - 38 */
	list-style: none;
}

#menu ul li 
{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#menu ul li a 
{
	color: #000000; /* Black*/
	float: left;
	display: block;
	height: 40px;
	padding: 15px 24px 0 0;
	background: url(images/menu_right3.jpg) right top no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 100px;	
	outline: none;
}

#menu li a:hover, #menu li .current 
{
	color: #FF0000; /*Red*/
}

#menu li .last 
{
	padding-right: 0px;	
	background: none;
}
/* end of menu*/

/* header */
#header_01 
{
	clear: both;
	width: 980px;
	height: 220px;
	background:url(images/header_bg.jpg) no-repeat;
}

#site_title span 
{
	display: block;
	color: #cba810;
	margin-top: 20px;
	font-size: 16px;
}

/* end of header */

/* contetn */

#content
 {
	clear: both;
	width: 880px;
	padding: 10px 50px;
	background: #000000;
}

/* side_column */

#side_column 
{
	float: left;
	position: relative;
	width: 260px;	
	padding: 45px 20px;
	background: #666666;
}

#side_column .top 
{
	position: absolute;
	width: 300px;
	height: 45px;
	top: 0px;
	left: 0px;
	background: url(images/templatemo_side_column_top1.jpg) no-repeat;
}

#side_column .bottom 
{
	position: absolute;
	width: 300px;
	height: 45px;
	bottom: 0px;
	left: 0px;
	background: url(images/templatemo_side_column_bottom1.jpg) no-repeat;
}

#side_column img 
{
	border: 2px solid #000000;
	margin-bottom: 5px;
}

.news_section 
{
	clear: both;
	margin-bottom: 30px;
}

.news_section p 
{
	margin-bottom: 10px;
}

#main_column 
{
	float: right;
	padding-top: 50px;
	width: 480px;
}

#main_column p 
{
	margin-bottom: 15px;
}

#exec_column 
{
	float: left;
	padding-top: 40px;
	width: 680px;
	margin-bottom: 20px;
}

#social_column 
{
	float: left;
	padding-top: 40px;
	width: 750px;
	margin-bottom: 20px;
}

.section_w480 
{
	clear: both;
	width: 480px;
	margin-bottom: 60px;
}

.section_w160 
{
	width: 170px;
}

.section_w270 
{
	width: 270px;
}

.image_wrapper img 
{
	border: 1px solid #ff0000;
}
/*top,right,bottom,left*/
.exec_img 
{
	float: left;
	margin: 5px 10px 10px 5px;	
}

.image_wrapper .fr_img img 
{
	float: right;
	margin: 3px 20px 5px 0px;
}

.content_list_01 
{
	margin: 0 0 0 15px;
	padding: 0px;
	list-style: decimal-leading-zero;
}

.content_list_01 li 
{
	margin: 0px;
	padding: 0 0 10px 0;
}
/* end of content */

/* footer */
#footer 
{
	width: 880px;
	padding: 80px 50px 0 50px;
	margin: 0 auto;
	background: #000000 url(images/templatemo_footer_bg.jpg) no-repeat;
	min-height: 60px;
}

#footer a 
{
	color: #57615B;
}


/* end of footer */

/* Start of gallery css*/
#dhtmlgoodies_slideshow
	{
		width:600px;	/* Total width of slideshow */
	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		
		text-align:center;
		font-family: Georgia, "Times New Roman", Times, serif;	/* Font to use */
		font-size:10px;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
/*End of gallery*/

/* Table layout */

	table 
	{ 
		font: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #FF0000;
		text-align: left;
		border-collapse: collapse;
		border: 1px solid #ff0000;	
	}
	table a 
	{
		text-decoration: underline;
	}
	table a:visited 
	{
		text-decoration: none;
	}
	tr a 
	{
		color: #FF0000;
	}
	tr:hover 
	{
		background-color: #FF0000;
		color: #000000;
	}
	tr 
	{
		vertical-align: top;
	}
	tr,th,td 
	{
		padding: .70em;
		border: 1px solid #ff0000;
	}
	
	#thepolo table
	{
		width:100%;
		border: none;
	}
	
/*End of table */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover
{
background-color: transparent;
}

.thumbnail:hover img
{
border: 1px solid white;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 2px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}