/* 
	For profile images:
		Name(s): enclose in <p> </p>
		Photo credit: enclose in <p class="credit"> </p>
		Left-aligned images: enclose images and captions in <div class="images"> </div>
		Right-aligned images: enclose images and captions in <div class="images-right"> </div>
		
*/
			
		div.images {
			float: left;
			margin-top: 7px;
			margin-right: 20px;
			font-weight: bold;
		}

		p.credit {
			font-weight: lighter;
			font-size: x-small;
		}

		div.images-right {
			float: right;
			margin-top: 7px;
			margin-left: 20px;
			font-weight: bold;
		}


		.narrow-top-margin {
			margin-top: 0px;
		}



/*
	For formatting the module summaries on the main undergraduate and postgraduate modules pages
*/

		.modules a
		{
			text-decoration: none;
			color: #1d4a63;
		}
		
		.module
		{
			width: 100%;
			padding: 10px;
			margin-bottom: 15px;
			background-color: #EBF4FB;
			overflow: auto;
			display: block;
		}
		
		.module:hover
		{
			background-color:#1d4a63;
			color: white;
		}
		
		.module img
		{
			float: left;
			margin-right: 20px;
		}
		
		.module .title
		{
			font-size: 1.4em;
			padding-top: 5px;
			padding-bottom: 10px;
		}

		.module .title .new
		{
			font-size: 0.8em;
		}
		
		.module .info
		{
			margin-right: 2em;
		}
		
		
		.module .notice
		{
			padding-top: 5px;
			font-size: 1.2em;
			font-weight: bold;
			float: right;
		}


		
/*
	For general buttons
*/

		.buttonwrapper a
		{
			text-decoration: none;
			color: white;
		}

		.button
		{
			background-color:#204F79;
			font-size: 1.4em;
			text-align: center;
			padding: 10px;
			margin-bottom: 45px;
			display: block;
			border-radius: 10px;
		}


		.button:hover
		{
			background-color: #153551;
		}


/*
	For laying out the newsletter cover images on the newsletters page
*/

		.newsletters a {
			text-decoration: none;
		}

		.newsletter {
			margin-right: 75px;
			margin-bottom: 50px;
			float: left;
			font-weight: bold;
			text-decoration: none;
		}

		.newsletter .cover
		{
			display: block;
			margin-bottom: 15px;
		}