/*  ===========================
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">
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert Site Title Here</title>
</head>

<style>

body {
font : 12px Arial, sans-serif;
text-align : justify;
background-color : #5b5b5b;
line-height : 19px;
color : #393939;
text-transform : none;
}
b {
color : #00259d;
}
u {
color : #373737;
border-bottom : 1px dotted #858585;
font-style : normal;
font-weight : normal;
}
i {
color : #001e7c;
font-family : Georgia;
}
a:link, a:active, a:visited {
color : #585858;
font-size : 12px;
border-bottom : 1px dotted #858585;
text-decoration : none;
}
a:hover {
color : #0031ac;
text-decoration : none;
}
#container {
width : 770px;
margin : 0 auto;
text-align : left;
background-color : #fff;
padding : 8px;
}
#spacer {
display : block;
height : 33px;
width : 100%;
}
#header {
background-color : #0055bd;
width : 100%;
height : 100px;
padding-top : 5px;
}
#title {
font-size : 40px;
font-family : Georgia;
color : #fff;
text-align : center;
font-weight : normal;
font-style : normal;
margin : 0;
letter-spacing : -1px;
padding : 0;
}
#subtitle {
font-size : 15px;
font-family : Trebuchet MS;
color : #d9fcff;
text-align : center;
font-weight : normal;
font-style : normal;
margin : 0;
padding-top : 5px;
}
#sidebar {
float : left;
width : 250px;
}
#content {
float : right;
width : 500px;
}
#footer {
clear : both;
text-align : center;
width : 100%;
height : 45px;
padding-top : 15px;
}
.bar {
background-color : #f0f0f0;
padding : 8px;
}
.ct {
background-color : #f0f0f0;
padding : 8px;
}
a.nav:link, a.nav:visited, a.nav:active {
text-decoration : none;
font-family : Arial;
font-size : 12px;
line-height : 12pt;
text-align : center;
color : #555555;
font-weight : normal;
cursor : default;
display : block;
padding : 2px;
border-bottom : 1px dotted #003acd;
background-color : #dddddd;
}
a.nav:hover {
text-decoration : none;
font-family : Arial;
font-size : 12px;
text-align : center;
line-height : 12pt;
color : #0031ac;
font-weight : normal;
background-color : #cfcece;
cursor : default;
display : block;
padding : 2px;
border-bottom : 1px dotted #0031ac;
}
blockquote {
color : #686868;
background-color : #fbfbfb;
border-left : 8px solid #024aac;
padding : 5px;
line-height : 18px;
}
h1 {
font-family : Georgia;
font-size : 25px;
border-bottom : 2px solid #c0c0c0;
color : #0055bd;
text-transform : none;
line-height : 18px;
text-align : justify;
font-weight : normal;
font-style : italic;
background-color : transparent;
margin-top : 0;
margin-bottom : 0;
padding-bottom : 8px;
letter-spacing : -1px;
}
</style>




<body>

	<div id="container">
		<div id="header">	
		<div id="spacer"> </div>
		<div id="title">Site Title</div>
		<div id="subtitle">insert your subtitle here</div>
		</div>
		<br>

		
		<div id="content">
                <div class="ct">  
		
			<h1>Content</h1>
		   <blockquote>This is a blockquote. Here are also some style tags displayed for you to see for reference
		   <a href="link">Link</a>, <i>Italic</i>, <u>Underline</u>, <b>Bold</b>
		   </blockquote>



			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc 
			blandit semper velit. Pellentesque ac pede eu libero blandit mollis. 
			Cras fermentum euismod libero. Ut sagittis vehicula ligula. Vivamus 
			consequat viverra velit. Quisque imperdiet posuere tortor. Mauris 
			aliquam arcu et augue. Cras dolor ligula, laoreet mollis, varius at, 
			tincidunt in, nulla. Aliquam magna augue, sollicitudin quis, tempus 
			in, volutpat vitae, odio. Quisque ornare. Sed urna. Ut ipsum lorem, 
			vehicula at, lacinia vitae, suscipit non, ipsum. Ut auctor aliquam 
			orci. Etiam posuere. Etiam pede purus, lacinia non, mattis non, 
			molestie a, metus. </p>
			<p>Nullam faucibus. Aliquam vel urna a risus scelerisque posuere. In 
			sed enim. In hac habitasse platea dictumst. Donec vestibulum 
			tincidunt nunc. Etiam ullamcorper eros at nunc. Curabitur tincidunt, 
			nibh a lobortis commodo, tortor elit bibendum lectus, non lacinia 
			turpis tortor vitae lorem. Integer ut risus in metus cursus porta. 
			Aenean non turpis. Quisque eu pede at ligula aliquam egestas. 
			Aliquam erat volutpat. Fusce cursus lobortis justo. Maecenas lectus 
			neque, semper sit amet, iaculis at, ullamcorper eget, lorem. Proin 
			id ipsum id velit euismod rutrum. Quisque ut purus et leo tincidunt 
			ornare. Praesent blandit est nec ligula. </p>
			<p>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 id="sidebar">
		<div class="bar">
			<h1>Sidebar</h1>
		
			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. Proin libero 
			turpis, lobortis in, laoreet id, semper quis, odio.</div>
			
			
			<br>
			
			<div class="bar">
			
			<h1>Navigation</h1>
			
			<a href="linkhere" class="nav">Link 1</a>
			<a href="linkhere" class="nav">Link 2</a>
			<a href="linkhere" class="nav">Link 3</a>
			<a href="linkhere" class="nav">Link 4</a>
			<a href="linkhere" class="nav">Link 5</a>
			</div>
	
		<br>
		
			<div class="bar">
			
			<h1>Credits</h1>
			
			Web Template and CSS was designed by <a href="http://memorylast.net">Rainie</a>
			</div>
		</div>
		
 
		<div id="footer"><hr/><u>Web Template</u> from <a href="http://www.memorylast.net" target="_blank">Memorylast</a>
	</div>

	
</body>
</html>
