body, html {
background-image: url('http://stardazzle.net/background.jpg');
color: #CD5C5C;
cursor: default;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
text-align: justify;}

h1 {
background-color: #CD5C5C;
color: #ffffcc;
font-size: 12pt;
font-weight: bold;
letter-spacing: 1px;
padding: 3px;}

h2 {
font-size: 10pt;
font-weight: bold;
text-align: left;}

p {
padding-bottom: 1px;
padding-left: 3px;
padding-right: 1px;
padding-top: 1px;}

#layout {
position: absolute;
left: 212px;
top: 375px;
z-index: 1;
width: 500px;}

a:link,a:visited,a:active {
color: #CD5C5C;
cursor: crosshair;
text-decoration: underline;}

a:hover {
color: #CD5C5C;
cursor: crosshair;
font-style: italic;
font-weight: normal;
text-decoration: underline;}

hr {
border-color: #FFFE59;
border-bottom-width: 3px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 3px;
border-style: dashed;}

/*NAVIGATION BAR*/

/*list-style-type: none; removes bullet points*/
#navigation {
list-style-type: none;
margin: 0;
padding: 0;}

/*CSS code below this comment tells the links to go next to each other*/
li.links {
float: left;}

/*Below makes the links into block (background behind text is clickable as well as text)*/
a.links {
display: block;
text-transform: none;
width: 125px;}

/*Centres the links*/
div#nav {
text-align: center;}

/*Keep the following in ALL style sheets*/

img {
border: 0px;}

.flickr {
border: 3px #FFFE59 dashed;}

.center {
text-align: center;}

.scroll {
height: 150px;
overflow: auto;
text-align: left;
width: 500px;}

form, input, option, select, textarea {
background-image: url(background.jpg);
color: #CD5C5C;
font-family: verdana;
font-size: 10pt;
text-align: justify;}