<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

	<head>
	
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <meta name="viewport" content="initial-scale=1.0">
	    <meta name="format-detection" content="telephone=no">
	
	    <title>The City of Edinburgh Council</title>
	    
	    <style type="text/css">
	
	        body {
	        	margin: 0; 
	        	padding: 0;
	        	-webkit-text-size-adjust: none; 
	        	-ms-text-size-adjust: none;
	        	}
	        	
	        table {
	        	border-spacing: 0;
	        	}
	        	
	        table td {
	        	border-collapse: collapse;
	        	}
	        		
	        .ReadMsgBody, 
	        .ExternalClass { 
	        	background-color: #ebebeb;
	        	width: 100%; 
	        	}
	        	
	        .ExternalClass, 
	        .ExternalClass p, 
	        .ExternalClass span, 
	        .ExternalClass font, 
	        .ExternalClass td, 
	        .ExternalClass div {
	        	line-height: 100%;
	        	}
	        	
	        h2,
	        h2 a,
	        h2 a:visited,
	        h3,
	        h3 a,
	        h3 a:visited,
	        h4,
	        h5,
	        h6,
	        .t_cht {
	        	border: 0;
	        	color:#000 !important;
	        	}
	        	
	        .yshortcuts a {
	        	border-bottom: none !important;
	        	}
	        	
	        a {
				color: #007f9f;
				-moz-transition: color 0.2s linear;
				-webkit-transition: color 0.2s linear;
				transition: color 0.2s linear;
	        	}
	        	
	        img[class="full"] {
            	height: auto;
                width: 100%;
				}
	
	        @media screen and (max-width: 600px) {
	            
	            table[class="container"] {
	                width: 100% !important;
					}
					
				}
	
	        @media screen and (max-width: 480px) {
	           
	            td[class="container-padding"] {
	                padding-left: 10px !important;
	                padding-right: 10px !important;
					}
					
				}
	
	        @media only screen and (max-width : 599px) {
	        
	            table[class="container"] {
	                width: 100% !important;
					}
				
				}
	
	    </style>
	    
	</head>
	
	<body style="margin:0; padding:0;" bgcolor="#ebebeb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
		
		<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ebebeb">
		
			<tr>
		
				<td align="center" valign="top" bgcolor="#ebebeb" style="background-color: #ebebeb;">
		
					<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" bgcolor="#ffffff">
		
						<tr>
		
							<td class="container-padding" bgcolor="#000000" style="background-color: #000000; font-size: 13px; font-family: sans-serif; color: #ffffff;" align="left">
		
								<a href="#"><img src="counciltoolkit/images/email/header.jpg" alt="Council Name" border="0" hspace="0" vspace="0" style="vertical-align:top;" height="100" width="600" class="full"></a>
		
							</td>
		    
						</tr>
						
						<tr>
						
							<td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; font-size: 15px; padding-left: 30px; padding-right: 30px; line-height: 24px; font-family: sans-serif; color: #333333;" align="left">
							
								<br />
		
								<h2 style="font-weight: bold; font-size: 18px; line-height: 24px; ">
									
									This is a heading
									
								</h2>
		
								Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. Morbi interdum porttitor neque, eget eleifend libero tincidunt ultrices. Vivamus vitae lacus erat. Sed sed enim mi. Morbi massa turpis, consequat non semper in, dapibus et neque. Praesent a vehicula augue. Sed tortor nulla, blandit sed blandit id, blandit ac justo. Nam semper nulla non tellus pellentesque nec porta magna adipiscing. Maecenas venenatis, leo nec placerat consectetur, magna leo luctus nisi, id faucibus augue felis nec leo.<br /><br />
								
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum porttitor neque, eget eleifend libero tincidunt ultrices. Vivamus vitae lacus erat. Sed sed enim mi. Morbi massa turpis, consequat non semper in, dapibus et neque. Praesent a vehicula augue. Sed tortor nulla, blandit sed blandit id, blandit ac justo. Nam semper nulla non tellus pellentesque nec porta magna adipiscing. Maecenas venenatis, leo nec placerat consectetur, magna leo luctus nisi, id faucibus augue felis nec leo.<br /><br />
								
																								
								<br />
	
							</td>
	          
						</tr>
						
						<tr>
		
							<td class="container-padding" bgcolor="#000000" style="background-color: #000000; font-size: 13px; font-family: sans-serif; color: #ffffff; padding-left: 30px; padding-right: 30px; padding-top: 10px; paddng-bottom: 10px;" align="left">
		
								<br />
								
								Council Name
								
								<br /><br />
								
								<a href="#" style="color: #ffffff;">Website</a> • <a href="mailto:email@council.gov.uk" style="color: #ffffff;">Email</a> • <a href="#" style="color: #ffffff;">Twitter</a> • <a href="#" style="color: #ffffff;">Facebook</a>
								
								<br /><br /><br />
		
							</td>
		    
						</tr>
					
					</table>
	
				</td>
			
			</tr>
			
		</table>
		
	</body>

</html>