/* CSS Document */

html{
white-space:normal;
}

body {
	background-color:#f7f7f7;
	color : #000000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size : 100%;
	margin-top : 0px;
}

a:link, a:visited{
	color : #000000;
	background-color : transparent;
	text-decoration : none;
	padding:0;
    margin:0;

}

a:hover{
	background-color : transparent;
	color : #000000;
	text-decoration : none;
	padding:0;
    margin:0;
}

ul{
padding:0;
margin:0;
margin-left:30px;
}



li{
	padding : 0px;
	list-style:disc
}

p{
    padding:0px 0px 7px 0px;
    margin:0;

}

/*
h1{
	font-size : 2.5em;
	color : #9a9e88;
	font-weight : normal;
	padding-bottom : 0px;
	line-height : 0.9em;
	background-color : transparent;
	margin : 0px 0px 0.5em 0px;
}

h2{
	font-size : 2.0em;
	height:20px;
	color : #004F9D;
	background-color : transparent;
	margin : 0px;
	padding: 0px;
}

h3{
	font-size : 1.8em;
	line-height: 1.0em;
	color : #004F9D;
	background-color : transparent;
	margin : 0px;
	padding: 0px;
}*/

/* ------------------------------------------  */
/* -----------   Layout  --------------------  */
/* ------------------------------------------  */

#wrapper{
	background-repeat:repeat-y;
	border : 0px solid #ffffff;
	margin : 0px auto;
	padding : 0px;
	width : 980px;
}




#header{
	margin : 0px;
	padding :0px;
	height : 165px;
	background-color:#FFFFFF;
		}
		

#header h1 span{
	display : none;
}

#header h1 {
	margin : 0px;
	padding :0px;
	background : url(images/merton_college.gif) repeat-x top left;
	height : 165px;
	width:150px;
	float:left;
	background-position:33px 11px;
	background-repeat:no-repeat;
}

#headerFlash{
float:right;
width:764px;
}


.article h2{
display:inline;
background-color:#DFDFDF;
border:1px solid #A5ACB2;
border-bottom:0px;
padding:5px 15px;
margin:0px;
font-size:80%;
}



.article span{
display:block;
background-color:#F7F7F7;
border:1px solid #A5ACB2;
padding:10px;
font-size:80%;
margin-top:5px;
margin-bottom:20px;
}


.article a:link, .article a:visited{
font-weight:bold;
text-decoration:underline;

}

.article a:hover{
font-weight:bold;
text-decoration:none;

}


.righthandCol h2{
display:inline;
background-color:#DFDFDF;
border:1px solid #A5ACB2;
border-bottom:0px;
padding:3px 15px;
margin:0px;
font-size:80%;
}

.righthandCol span{
display:block;
background-color:#F7F7F7;
border:1px solid #A5ACB2;
padding:10px;
font-size:80%;
margin-top:3px;
margin-bottom:20px;
}

.righthandCol  a:link, .righthandCol  a:visited{
font-weight:bold;
text-decoration:underline;

}

.righthandCol a:hover{
font-weight:bold;
text-decoration:none;

}

.righthandCol form{
margin:0;
padding:0;
}


#googleSearch{
width:90%;
margin-bottom:10px;

}


#news{
width:163px;
background-color:#FFFFFF;
margin : 20px 0px 1px 10px;
padding: 0px 10px 10px 10px;
font-size:75%;
}


#news h2{
 font-size:100%;
 padding:10px 0 0 0;
 margin:0;
 
}

#news a{
padding: 0 0 0px 0;
margin:0 0 5px 0;;
}

#learnDirect{
width:167px;
background-color:#FFFFFF;
margin : 20px 0px 1px 10px;
padding: 10px 8px 10px 8px;
font-size:75%;
text-align:center;
}

/* the text changer is inserted into the dom using js */

#changer{
width:167px;
background-color:#FFFFFF;
margin : 20px 0px 1px 10px;
padding: 10px 8px 10px 8px;
font-size:75%;
}




/* ------------------------------------------  */
/* -------------   Navigation  --------------  */
/* ------------------------------------------  */

#nav {
width:183px;
background-color:#FFFFFF;
margin : 1px 0px 1px 10px;
padding:0px;

}

#nav ul li{
    list-style : none;
	margin : 1px 0px 1px 1px;
	padding : 0px 0px 0px 1px;
	#height:23px;
    background-image:url(images/navbar.gif);
    background-repeat:no-repeat;

}

#nav ul li.selected{
    background-image:url(images/navArrow.gif);
    background-repeat:no-repeat;

}


#nav ul{
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	margin : 0px;
	padding : 0px;

}


#nav ul li a{
font-weight : bold;
    font-size:75%;
	padding : 1px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
}


#nav ul li ul li a{
    font-size:70%;
	padding : 1px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-weight:normal;
}

#nav ulli ul{
	border-top:solid 0px #ffffff;
	border-bottom:solid 0px #ffffff;
	margin : 0px;
	padding : 0px;

}



/* ------------------------------------------  */
/* ---------   Background Colors  -----------  */
/* ------------------------------------------  */


.bgred {
	background-color : #FF1810;
	color : #FFFFFF;
}


.bgyellow {
	background-color : #FF9900;
	color : #FFFFFF;
}

.bgorange {
	background-color : #FF6600;
	color : #FFFFFF;
}

.bgdarkblue {
	background-color : #003399;
	color : #FFFFFF;
}

.bgblue {
	background-color : #3366CC;
	color : #FFFFFF;
}

.bgmagenta {
	background-color : #990000;
	color : #FFFFFF;
}

.bgpurple {
	background-color : #990066;
	color : #FFFFFF;
}

.bggreen {
	background-color : #009900;
	color : #FFFFFF;
}


.bgdarkgreen {
	background-color : #00731E;
	color : #FFFFFF;
}

.bglightgreen {
	background-color : #CCCC00;
	color : #FFFFFF;
}


.bggrey {
	background-color : #F0F0F0;
	color : #000000;
}

/*-------------------------------------------------*/
/*----------------  Page Shadow Css  --------------*/
/*-------------------------------------------------*/


#pageshadow {
	width:965px;
	padding:0 8px;
	margin:0px;
	z-index : 0;	
	margin-bottom:30px;
	display:table; /* a bit of a hack to get the footer to sit below the page content, when page content exceeds window height */
	
}


#footer{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.8em;
	padding:0 8px;
	margin:0 -8px;	
/*	padding:0 8px;	
	border-top:solid 5px #2E7D4A;*/
	width:981px;
	clear:both;
	z-index : 1;
	
	
	}



#footer #footerbar{
	padding:0;
	background-repeat:repeat-y;
	position:relative;
	display:block;
}

#footer #footerbar #footercontents{
clear:both;
height:25px;

color:#ffffff;
padding:0 10px;
width:946px;
margin:0 8px
}

#footercontents a {
font-weight:normal;
color:#ffffff;
text-decoration:none;
padding:0 0px;
font-size:75%;
}

#footerlinks{
float:left;
width:300px;
padding-left:5px;
}

#credits{
	float:right;
	width:300px;
	text-align: right;
	padding-top:5px;
}



#footer #shadowbottom {
	background-image:url(images/bottom.gif);
	width:981px;
	background-repeat:repeat-x;
	/*height:8px;*/

	
}

#footer #shadowbottom #shadowbottomleft {
	background-image:url(images/bottom_left.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:8px;


}

#footer #shadowbottom #shadowbottomleft #shadowbottomright

{

	background-image:url(images/bottom_right.gif);
	background-position:973px 0;
	background-repeat:no-repeat;
	height:8px;
	margin-bottom:-8px;

}