Wish Upon A Star

Designer's Comments

Look carefully for specific instructions

Please leave the credit in place and enjoy the layou!

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Make Your *Dreams* Come True</title>
</head>
<body>
<style type="text/css">
body { 
margin : 0;
padding : 0;
color : #9d7600;
font-size : 8pt;
line-height : 12pt;
font-family : sans-serif;
background-color : #d0ebff;
background-image : url(http://cbimg6.com/layouts/07/08/15/20705aa.jpg);
} 
input, textarea, select { 
background : #fffcc8;
font-size : 11px;
font-weight : bold;
font-family : tahoma;
color : #000;
border : 1 solid #9d7600;
} 
i { 
font-size : 12px;
font-family : Arial;
color : #72b683;
font-weight : bold;
} 
b { 
font-size : 12px;
font-family : tahoma;
color : #32ade6;
} 
u { 
font-size : 12px;
font-family : tahoma;
color : #dee601;
font-weight : bold;
} 
s { 
font-size : 12px;
font-family : tahoma;
color : #cecece;
font-weight : bold;
} 
strong { 
font-size : 14px;
font-family : tahoma;
font-weight : bolder;
color : #32ade6;
} 
em { 
font-size : 13px;
font-family : tahoma;
color : #72b683;
} 
.head { 
color : #d7d526;
letter-spacing : 2px;
border-bottom : 1px solid #ffffff;
font-weight : bold;
background-color : #fdfcac;
font-size : 13px;
text-align : center;
font-family : tahoma;
} 
A:link, a:active, a:visited { 
color : #0a0555;
border-bottom : 1px dotted #ffffff;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
cursor : crosshair;
height : 1px;
text-transform : lowercase;
} 
A:hover { 
color : #aebcf9;
border-bottom : 1px dotted #ffffff;
text-decoration : none;
font-size : 12px;
font-weight : bold;
font-family : tahoma;
text-transform : uppercase;
} 
a.menu:link, a.menu:active, a.menu:visited { 
color : #999999;
letter-spacing : 2px;
margin-right : 0;
border-right : 10px solid #2e4d8e;
display : block;
margin-top : 1px;
border-top : none;
text-transform : lowercase;
} 
a.menu:hover { 
color : #cccccc;
letter-spacing : 2px;
margin-right : 0;
border-right : 10px solid #fdfb6a;
display : block;
margin-top : 1px;
border-bottom : none;
text-transform : uppercase;
} 
a img { 
border : none;
border-bottom : 0;
} 
#container { 
margin-top : 0px;
background-color : transparent;
background-repeat : repeat-y;
background-image : url(http://cbimg6.com/layouts/07/08/15/20705ab.png);
border : 0 solid #ffffff;
width : 737px;
} 
#header { 
background-image : url(http://cbimg6.com/layouts/07/08/15/20705ac.png);
background-color : transparent;
height : 320px;
width : 737px;
border-bottom : 0 solid #ffffff;
margin-top : 0px;
} 
#banner h1 { 
margin : 0;
padding : 0.5em;
} 
#nav { 
float : right;
width : 150px;
margin-right : 25px;
padding-top : 5px;
text-align : left;
} 
#content { 
width : 500px;
margin-left : 25px;
float : left;
text-align : left;
padding-top : 5px;
} 
#footer { 
clear : both;
background-color : transparent;
background-image : url(http://cbimg6.com/layouts/07/08/15/20705ad.jpg);
background-repeat : no-repeat;
padding : 0em;
width : 737px;
height : 54px;
text-align : right;
border-top : 0 solid #ffffff;
}
</style>

<div align="center">
<div id="container">
   <div id="header"></div>
   <div id="nav">
<div class="head">Navigation</div>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>
<a href="http://urlhere.com" class="menu">Link</a>