/* 
	Stylesheet for the DMU homepage.
	 
	Authors: Safwan Ahmedmia: sahmedmia@dmu.ac.uk, Ismail Sidat: webmaster@dmu.ac.uk
	28/02/2008
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
                background: #fff;
	margin: 0;
	padding: 0;
}

h1 	{
	font-size: 1.2em;
	font-weight: bold; 
}

h2 {	
	font-size: 1em; 
	padding: 0;
	margin: 0;
}

h3 	{
	font-size: 1em; 	
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h4 	{
	font-size: 70%; 
	font-weight: bold; 
}

.hide {
display: none;
}

a:link {
	color: #981E32;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color: #981E32;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #981E32;
	text-decoration: underline;
}

.container {
	width: 766px;
	margin: 17px auto 17px auto;
}

#mainHeader {
	height: 99px;
}

.headLogo	{
	float: left;
}

/* Search Box */

#headerSearchBox {
	float: right;
	font-weight: bold;
}

#headerSearchBox ul {
	list-style: none;
	font-size: 0.6em;
	margin: 0;
	padding: 5px 0 0 0;
}

#headerSearchBox li{
	display: inline;
	padding-right: 12px;
}

#headerSearchBox p{
	font-size: 0.75em;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#headerSearchBox a:link {color: #000000; text-decoration: underline;}
#headerSearchBox a:visited {color: #000000; text-decoration: underline;}
#headerSearchBox a:hover {color: #981E32; text-decoration: underline;}

#headerSearchBox form{
	padding: 0;
	margin: 0;
}


/* Top Navigation Bar */

#headTopNav {
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 6px 0 0 15px;
	margin: 0;
	height: 24px;
	background-color: #981E32;
	background-image: url(/homepage_files/images/navigation-bar.gif);
	clear:both;
}

#headTopNav ul {
	list-style: none;
}

#headTopNav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#headTopNav a{
	border-right: 1px solid #fff;
	padding: 0 8px 0 8px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#headTopNav a:visited{
	text-decoration: none;
}
#headTopNav a:hover{
	text-decoration: underline;
}

#headTopNav .final {
	border-right: 0;
}

/* Bread Crumbs */

.breadCrums {
	text-align: left;
	height: 10px;
	clear:both;
}


#leftSection {
	margin:0 0 6px 0;
	padding: 0;
	width: 178px;
	float: left;
}

#rightSection {
	margin:0 0 6px 0;
	padding: 0;
	float: right;
	width: 582px;
}

/* Left Navigation Bar */

#leftNav {
	font-weight: bold;
	font-size: 0.75em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 216px;
	width: 184px;
	float: left;
}

#leftNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
} 

#leftNav li{
	display: block;
	padding: 0 0 3px 0;
	margin: 0;
}

#leftNav a{
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
}
#leftNav a:visited{
	text-decoration: none;
}
#leftNav a:hover{
	color: #981E32;
}

#flashBanner {
	width: 582px;
	float: left;
}

#greyButtons {
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

.buttonSectionCol {
	padding: 0;
	margin: 0;
	float: left;
}

/* Formatting for the info boxes */

.infoBoxes {
	clear: both;
}

.infoBox1 {
	width: 388px;
	float: left;
}

.infoBox2 {
	width: 372px;
	float: right;
}

.infoBoxHeader {
	height: 24px;
	background-color: #000000;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 6px 0 0 7px;
}


.infoBoxContent {
	background-color: #f0f0f0;
	border: 1px solid #999999;
	font-size: 0.75em;
	min-height: 310px;
	padding: 7px 7px 1px 7px;
}

.latestEvents {
	padding: 5px 0 5px 0;
	margin: 5px 0 10px 0;
	border-bottom: 1px dashed #000000;
}

/* Formatting for the footer */

.footerMain {
	padding: 6px 0 0 0;
	margin: 0 0 17px 0;
	clear: both;
}

#AddThis {
	float: left;
	padding: 10px 0 0 0;
}

#followUs {
	float: right;
	font-size: 0.80em;
	font-weight: bold;
	padding: 10px 0 0 0;
}

#followUs img{
	padding: 0 0 0 4px;
}

.footerTxt	{
	float: left;
	font-size: 0.85em;
	color: #981E32;
	font-weight: bold;
}

.footerLegal	{
	float: right;
	font-size: 0.75em;
	color: #000000;
	font-weight: normal;
}

.footerLegal a:link	{color: #000000; text-decoration: underline;}
.footerLegal a:visited {color: #000000;}
.footerLegal a:hover {color: #981E32;}

/* Rollovers for the image buttons */

* html a:hover{
	visibility:visible;
}

.greyBtn {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 0.9em;
	color: #ffffff;
	text-decoration: none;
	width: 178px;
	height: 58px;
	margin: 6px 6px 0 0;
	padding: 0;
	background-color: #797979;
}

.greyBtn a{
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	width: 178px;
	height: 58px;
	background-color: #797979;
}

.greyBtn a:visited{
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	width: 178px;
	height: 58px;
	background-color: #797979;
}

.greyBtn a:hover{
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #292929;
}

.greyBtn span{
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/* Rollovers for the redBtn01 button */
.redBtn01 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 204px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn01b.gif); background-color: #981E32;}
.redBtn01 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn01 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn01 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn01 img{width: 204px;	height: 58px; border: 0px;}
.redBtn01 a:hover img{visibility:hidden;}
.redBtn01 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Rollovers for the redBtn02 button */
.redBtn02 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 204px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn02b.gif); background-color: #981E32;}
.redBtn02 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn02 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn02 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn02 img{width: 204px;	height: 58px; border: 0px;}
.redBtn02 a:hover img{visibility:hidden;}
.redBtn02 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Rollovers for the redBtn03 button */
.redBtn03 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn03b.gif); background-color: #981E32;}
.redBtn03 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn03 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn03 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn03 img{width: 120px;	height: 58px; border: 0px;}
.redBtn03 a:hover img{visibility:hidden;}
.redBtn03 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Rollovers for the redBtn04 button */
.redBtn04 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn04b.gif); background-color: #981E32;}
.redBtn04 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn04 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn04 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn04 img{width: 120px;	height: 58px; border: 0px;}
.redBtn04 a:hover img{visibility:hidden;}
.redBtn04 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Rollovers for the redBtn05 button */
.redBtn05 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn05b.gif); background-color: #981E32;}
.redBtn05 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn05 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn05 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn05 img{width: 120px;	height: 58px; border: 0px;}
.redBtn05 a:hover img{visibility:hidden;}
.redBtn05 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Rollovers for the redBtn06 button */
.redBtn06 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 6px 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn06b.gif); background-color: #981E32;}
.redBtn06 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn06 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn06 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn06 img{width: 120px;	height: 58px; border: 0px;}
.redBtn06 a:hover img{visibility:hidden;}
.redBtn06 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;} 

/* Rollovers for the redBtn07 button */
.redBtn07 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 0 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn07b.gif); background-color: #981E32;}
.redBtn07 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn07 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn07 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn07 img{width: 120px;	height: 58px; border: 0px;}
.redBtn07 a:hover img{visibility:hidden;}
.redBtn07 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;} 

/* Rollovers for the redBtn08 button */
.redBtn08 {display: block; position: relative; font-weight: bold; font-size: 0.9em; color: #ffffff; text-decoration: none; width: 120px; height: 58px; margin: 6px 0 0 0; padding: 0; background-image: url(/homepage_files/images/redBtn08b.gif); background-color: #981E32;}
.redBtn08 a{display: block; font-weight: bold;	color: #ffffff; text-decoration: none;}
.redBtn08 a:visited{display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn08 a:hover{ display: block; font-weight: bold; color: #ffffff; text-decoration: none;}
.redBtn08 img{width: 120px;	height: 58px; border: 0px;}
.redBtn08 a:hover img{visibility:hidden;}
.redBtn08 span{position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: 0px; padding: 0px;	cursor: pointer;}

/* Slideshow */
#slideshow {
    position:relative;
    height:282px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 282px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 282px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}