body 
{
position: relative; color: #FFFF99; background-color: #000099; margin: 0; padding: 0;
} 


img
{	margin: 7px; border : thick double green; 
	float:left;
}

img.right
{	margin: 7px; border : thick double green; 
	float:right;
}

img.default
{	float:none;
}

img.nostyle
{	border : none; 
	float: none;
}


/* LINKS BOXES */
div#links 
{
font: 13px Trebuchet MS, Arial, Helvetica, sans-serif; position: absolute; top: 100px; left: 20px; width: 150px; z-index: 100;
} 

/* LINKS TEXT */
div#links a 
{ 
display: block; text-align: left; font: bold 13px Trebuchet MS, Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0 0 1px; text-decoration: none; color: #FFFF99; background-color: #6699FF; 
} 

/* LINKS HOVER COLOURS */
div#links a:hover 
{
color: #FFFF99; background-color: #000099; border-right: 1px solid #FFFF99;
} 

/* LINKS DON'T DISPLAY HOVER SPAN TEXT */
div#links a span 
{
display: none;
} 

/* HOVER SPAN TEXT */
div#links a:hover span 
{
display: block; position: relative; top: 1px; left: 10px; width: 180px; padding: 5px; margin: 0px; color: #FFFF99; background-color: #000099; font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; text-align: left; z-index: 100;
} 

/* CONTENT */
div#content 
{
position: absolute; top: 10px; left: 160px; right: 10px; bottom: 30px; color: #000099; background-color: #FFFF99; padding-top: 100px; padding-left: 30px; padding-right: 20px; padding-bottom: 40px; font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
} 

/* PARAGRAPH */
div#content p
{
color: #000099; background-color: #FFFF99; font: 13px Trebuchet MS, Arial, 
Helvetica, sans-serif; 
}

div#content2 
{
position: absolute; top: 10px; left: 160px; right: 10px; bottom: 30px; 
color: black; background-color: white; padding-top: 10px; padding-left: 30px; 
padding-right: 20px; padding-bottom: 40px; font: sans-serif;
} 

/* HEADING 1 */
h1 
{
color: #FFFF99; background-color: #6699FF; font: bold 25px Trebuchet MS, Arial, Helvetica, sans-serif; 
position: absolute; top: 20px; right: 15px;  height: 38px; padding: 5px 5px 5px; text-align: right;  letter-spacing: 0.2em;  vertical-align: middle; white-space: nowrap; z-index: 100;
} 

/* HEADING 2 */
h2
{
color: #000099; background-color: #FFFF99; font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; 
}

/* HEADING 3 */
h3
{
color: #000099; background-color: #FFFF99; font: bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; 
}


/* COLOUR FOR LINKS */
div#content a:link 
{
background-color: #FFFF99; color: #000099;
} 
/* COLOUR FOR VISITED LINKS */
div#content a:visited 
{
background-color: #FFFF99; color: #000099;
} 
/* COLOUR FOR HOVER OVER LINKS */
div#content a:link:hover 
{
background-color: #000099; color: #FFFF99;
} 
/* COLOUR FOR HOVER OVER VISITED LINKS */
div#content a:visited:hover 
{
background-color: #FFFF99; color: #000099;
} 

/* IMAGE/PHOTO */
div#photo
{
position: absolute; top: 100px; left: 250px; z-index: 200;
}