/*  ===========================
Copy and paste the code wherever HTML is allowed.
(NOTE : You SHOULD NOT copy this as well)
=============================== */


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Memorylast Website Template</title>
</head>

<body>
<html>

<style>

body {
background-color : #dceff0;
width : 100%;
height : 100%;
margin : 0;
font-family : Arial;
font-size : 11px;
line-height : 19px;
text-align : justify;
color : #000;
}
b {
font-weight : bold;
}
i {
font-style : italic;
}
a:link, a:active, a:visited {
font-family : Arial;
font-size : 11px;
line-height : 19px;
color : #708c8d;
text-decoration : none;
border-bottom : 0 solid #000;
}
a:hover {
font-family : Arial;
font-size : 11px;
line-height : 19px;
color : #425f61;
text-decoration : none;
border-bottom : 0 solid #000;
}
blockquote {
font-family : Arial;
font-size : 11px;
color : #000;
background-color : #eeeeee;
border-left : 5px solid #99babc;
border-right : 5px solid #99babc;
border-bottom : 1px dotted #585858;
padding : 5px;
line-height : 18px;
}
#container {
width : 720px;
margin : 0 auto;
}
#header {
width : 100%;
height : 55px;
}
#sidebar {
float : left;
width : 200px;
}
#content {
float : right;
width : 500px;
margin-bottom : 30px;
}
#footer {
padding : 15px;
clear : both;
font-size : 11px;
color : #fff;
text-align : center;
background : #000;
}
#footer_wrap {
margin : 0;
width : 100%;
}
.clear {
clear : both;
}
.main {
background-color : #fff;
padding : 10px;
}
.bar {
font-family : Arial;
font-size : 11px;
line-height : 14px;
text-align : justify;
color : #566f70;
background-color : #c7e0e1;
padding : 6px;
}
#top {
margin : 0;
text-align : center;
position : absolute;
font-size : 8pt;
width : 100%;
background-color : #000000;
color : white;
text-transform : uppercase;
line-height : 60px;
}
#top p {
text-align : center;
}
#navigation, #navigation li {
margin : 0;
padding : 0;
list-style-type : none;
}
#navigation li {
display : inline;
background : url() no-repeat 0 center;
padding : 10px;
}
#navigation li a {
font-family : Arial;
font-size : 14px;
color : white;
padding : 10px;
}
#navigation a:hover {
font-family : Arial;
font-size : 14px;
color : white;
padding : 10px;
background-color : #373737;
}
h1 {
font-family : Arial;
font-size : 30px;
font-weight : normal;
letter-spacing : -2px;
color : #000;
text-transform : lowercase;
line-height : 20px;
text-align : center;
background-color : transparent;
padding : 5px;
margin : 5px;
}
h2 {
font-family : Arial;
font-size : 21px;
font-weight : bold;
letter-spacing : -1px;
color : #000;
text-transform : lowercase;
line-height : 15px;
text-align : center;
padding : 5px;
border-bottom : 1px solid #505050;
margin : 3px;
}
</style>


 <div id="top">
	<ul id="navigation">
	<li><a href="linkhere">Link 1</a></li> 
	<li><a href="linkhere">Link 2</a></li> 
	<li><a href="linkhere">Link 3</a></li> 
	<li><a href="linkhere">Link 4</a></li> 
	<li><a href="linkhere">Link 5</a></li> 	
	</ul>
 </div>
	
<br><br>

		<div id="container">
		<div id="header"> </div>	
			
		<div id="sidebar">
		<h2>Sidebar 1</h2>
	    <div class="bar">
		Nullam nec risus vitae dui elementum ullamcorper. Cras sed mi. Donec orci. Morbi nec augue sit amet mi viverra pellentesque. Nulla varius mattis velit. Phasellus convallis leo id leo.
		</div>
		<br>
		

		<h2>Sidebar 2</h2>
	    <div class="bar">
		Etiam euismod venenatis ipsum. Aliquam erat volutpat. Etiam in turpis quis magna posuere placerat. Aenean lectus ipsum, pellentesque sit amet, fermentum vitae, lorem.
		</div>
		<br>
		
		<h2>Credits</h2>
	    <div class="bar">
		This website template and CSS is from <a href="http://memorylast.net">Memorylast</a>
		</div>
		
		</div>
		

<div id="content">
<div class="main">
		
<h1>Welcome to my Site</h1>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eleifend lectus vel ligula elementum lacinia. Morbi in est turpis. Donec elit ante, porttitor eu pulvinar quis, viverra ut augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut sit amet nisi nec urna viverra dapibus eget sit amet magna. Phasellus varius sapien sed mauris vestibulum egestas. In sed risus sem. Sed eget tellus nulla, at faucibus arcu. Vestibulum a sem pharetra libero mollis imperdiet. Ut nec massa enim, nec mollis est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
<br><br>


Suspendisse a felis leo, eget consequat ante. Phasellus egestas vestibulum odio sed condimentum. Nulla facilisi. Duis vehicula sodales arcu, ac sagittis arcu sollicitudin ac. Praesent mauris magna, tempus et sagittis malesuada, lobortis ac risus. Cras quis enim lacus. Donec feugiat semper augue, in consequat quam pharetra sagittis. In lacus erat, auctor id ultrices at, vestibulum nec libero. Donec mi magna, condimentum sit amet elementum imperdiet, posuere sit amet nibh. Mauris justo purus, aliquam ut laoreet quis, aliquam eu mi. Vivamus consectetur imperdiet est. Pellentesque ante nibh, gravida et malesuada at, pretium ut neque. Nam in felis erat, nec laoreet libero. Etiam rutrum tincidunt tortor, a adipiscing orci venenatis at. Quisque varius interdum justo, at facilisis diam accumsan vitae.
<br><br>

Praesent ut est sit amet arcu eleifend bibendum. Donec pharetra suscipit vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer aliquet varius sem nec pretium. Suspendisse eget ante non turpis cursus adipiscing. Phasellus eu diam sem. Donec nec erat nec ipsum tristique adipiscing ut vitae ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo augue ac velit pharetra elementum. Vivamus libero purus, ullamcorper non convallis vel, aliquam nec sem. Proin cursus varius tincidunt. Duis egestas scelerisque nisi, condimentum suscipit ligula euismod quis. Nunc est quam, tincidunt sed semper non, facilisis nec leo. Fusce tincidunt laoreet elit, non auctor lacus ultricies quis.
<br><br>

Etiam euismod venenatis ipsum. Aliquam erat volutpat. Etiam in turpis quis magna posuere placerat. Aenean lectus ipsum, ullamcorper et, pellentesque sit amet, fermentum vitae, lorem. Donec lacinia libero eu nisi. Aenean nec libero at diam feugiat aliquam. In eget odio. Aliquam viverra sem. Praesent et leo. Etiam odio. Quisque purus nibh, porta vitae, sollicitudin ut, dignissim nec, mi. Etiam elementum scelerisque lacus. 

</div>
</div>
</div>
	
		
		

<div class="clear"></div>

<div id="footer">
<div id="footer_wrap">



Website Template from <a href="http://memorylast.net">Memorylast</a>



<div class="clear"></div>
</div>






</body>
</html>

