/*---Background---*/
body { background-image:url(/Case-studies/Classroom-practice/ICT/CP809-Y11-Web-Design-Unit/resources/Paul/images/gradient2.jpg);
font-family:verdana, helvetica, sans-serif;
}


.solid {border-style:solid; border-color:#000000; border-width:1px;}
.dotted {border-style:dotted; border-color:#000000; border-width:1x;}
.dashed {border-style:dashed; border-color:#000000; border-width:1px;}


/*---links---*/
#links {
position: absolute;
width: 2%;
height: 60%;
top: 15%;
left: 0%;
font-family:verdana, helvetica, sans-serif;
font-size:1;

}

#links a{
font-family:verdana, helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:underline;
}
a:hover {
text-decoration:underline;

}

/*---navigation---*/
#navigation {
position: absolute;
width: 15%;
height:20%;
top: 0%;
left:0%;
}

ul li {
list-style-type:none;
list-style-position:outside;

}


/*---pagehead---*/
#pagehead {
position: absolute;
width:60%;
height:60%;
top:0%;
left:2%;

}


/*---pictures---*/
#pictures {
position: absolute;
width: 42%;
height: 33%;
top: 25%;
left: 17%;
background-color:#cccccc;
}

/*---subtitle--*/
#subtitle {
position: absolute;
width: 15%;
height:5%;
top:56%;
left:20%; 
}


/*---title---*/
#title {
position: absolute;
width: 60%;
height: 10%;
top: 3%;
left: 18%;
}

/*---crest---*/
#crest {
position:absolute;
width: 5%;
height: 12%;
top:3%;
left:80%;
}



/*---main heading---*/
h1 {
font-size:1em;
text-transform:capitalize;

}


/*---secondary heading---*/
h2 {
font-size:1.1em;
text-transform:capitalize;
}



/*---paragraph text---*/
p {
font-family:Verdana,Helvetica,sans-serif;
font-size: 0.9em;
color:#000000;
padding: 3px;
} 

/*---paragraph---*/
#para{
position: absolute;
width:30%;
height:15%;
top:65%;
left:20%;
}

/*---rightparagraph---*/
#rpara{
position:absolute;
width:34%;
height:40%;
top:20%;
left:62%;
}

#flashdiv {
position:absolute;
top:0%;
left:29%;
width:12%;
height:12%;
}

/*---extratext---*/
#extratext {
position:absolute;
top:24%;
left:40%;
width:19%;
height:30%;
}