﻿body {
background-image: url(images/background.jpg); 
font-size: normal;
font-family:"Palatino Linotype",Palatino,Arial Black,sans-serif; color: #ffffff;
margin-top: 20px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}
h2 {
font-size: 2em; color: #ff00ff;
}
#intro {
text-align: center;
}
#wrap { 
width: 80%;
margin: 0 auto;
padding: 0;
background: url(images/background2.jpg);
}
#wrap1 {
padding: 1em;
width: 100%;
}
#wrap2 { 
width: 65em;
margin: 0 auto;
padding: 2em#;
background: url(images/background2.jpg);
}
#screen { 
width: 500;
margin: 0 auto;
padding: 0;
position: relative;
}
#screen2 {
width: 100%;
}
#header {
text-align: right;
margin-right: 10px;
}
#menubar { 
width: 14em;
float: left;
background: #808080;
padding: 5px;
margin-left: 10px;
}
#menubar2 {
text-align: center;
clear: both;
}
#main {
Width: 30em;
float: right;
padding: 5px;
}
#main2 {
text-align: center;
margin-left: auto;
}
#main3 {
height: 50em;
}
#contentmain {
text-align: left;
padding: 10px;
}

#main4 {
text-align: center;
font-size: 110%;
height: 65em;
padding: 5em;
}
#main5 {
width: 1250px;
text-align: center;
}
#footer {
width: 100%;
background: #ff00ff;
clear: both;
text-align: center;

}
a:link {
font-weight: bold; color:#ffffff;
text-decoration: none;
}
a:visited {
font-weight: bold; color:#ffffff;
text-decoration: none;
}
a:hover {
text-decoration: none;
font-weight: bold; color:#800080;
}
.pic1 {
position: absolute; left: 130px; top: 80px;
}

.pic2 {
position: absolute; left: 175px; top: -30px;
}
.pic3 {
position: absolute; left: 175px; top: 0px;
}
.pic4 {
position: absolute; left: 175px; top: 30px;
}
.pic5 {
position: absolute; right: 550px; top: 160px;
}
.pic6 {
position: absolute; left: 140px; top: -60px;
}
.pic7 {
position: absolute; left: 440px; top: 60px;
}
.pic8 {
position: absolute; right: 550px; top: 180px;
}
.pic9 {
position: absolute; left: 175px; top: 60px;
}
.pic10 {
position: absolute; left: 175px; top: 0px;
}
.pic11 {
position: absolute; left: 175px; top: -60px;
}
.pic101 {
position: relative;  
}
.pic21 {
position: absolute; left: 0px; top: 350px;
}
.pic41 {
position: absolute; left: 270px; top: -350px;
}
 
.pic71 {
position: absolute; left: 375px; top: 0px;
}
.pic81 {
position: absolute; left: 0px; top: 350px;
}
.pic91 {
position: absolute; left: -375px; top: 575px;
}
.pic121 {
position: absolute; left: -350px; top: -200px;
}
.pic111 {
position: absolute; left: 700px; top: 0px;
}

#nicole {
position: relative;
}
#emma {
width: 50%;
position: absolute; left: 17em; top: 3em;
}
#sam {
width: 50%;
position: absolute; left: 32em; top: 3em;
}
#mel {
width: 50%;
position: absolute; left: 0em; top: 16em;
}
#harry {
width: 50%;
position: absolute; left: 17em; top: 16em;
}
#maria {
width: 50%;
position: absolute; left: 32em; top: 16em;
}
#billy {
width: 50%;
position: absolute; left: 0em; top: 29em;
}
#tilly {
width: 50%;
position: absolute; left: 17em; top: 29em;
}
#lorna {
width: 50%;
position: absolute; left: 32em; top: 29em;
}
#jade {
width: 50%;
position: absolute; left: 17em; top: 40em;
}
.c1 {
border: 2px dashed #ffffff;
padding: 5px;
}
.s1 {
font-weight: bold;
}
.s2 {
font-weight: bold; color: #ee71a2;
font-size: 110%;
}
.s3 {
font-style: italic;
}
.s4 {
font-size: 150%;
}
.s5 {
font-size: 150%;
font-weight: bolder;
}
.s6 {
font-size: 150%;
}
#cv1 {
padding: 50px;
} 
 
