/* #### default BODY text format #### */

BODY { 
  margin: 1em;
  font-family:  tahoma, zurich, arial;
  line-height: 1.1;
  background: black;
  background-image: url(background_1920.gif);
  color: white; 
}


/* #### HEADINGS text format #### */

h1, h2, h3, h4, h5, h6 { font-family: swiss 721, zurich, arial; display: block; margin-top: 0; margin-bottom: 0; line-height: 1.5;}
h1 { font-weight: bold; font-size: 26pt }
h2 { font-weight: bold; font-size: 18pt }
h3 { font-weight: bold; font-size: 14pt }
h4 { font-weight: bold; }
h5 { font-size: 14pt; font-style: italic}
h6 { font-style: italic }


/* #### paragraph, lists, menu text format #### */

P, UL, OL, DIR, MENU, DT, DD, BLOCKQUOTE, PRE, BR, HR, FORM, DL { display: block }

LI { display: list-item }
p { margin-top: 1.1em }

p.small {font-size: 8pt}

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
LI { margin-left: 1em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

BLOCKQUOTE { margin-left: 3em; margin-right: 3em }

/* #### ADDRESS format #### /*

ADDRESS { text-align: center;  font-style: normal; }

/* #### emphasis format #### */

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN { display: inline }
B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }


/* #### links formats #### */

A {text-decoration: none; }
A:link { color: orange; }     /* unvisited link */
A:visited { color: red; }     /* visited links */
A:active { color: white; }     /* active links */

/* setting the anchor border around IMG elements
   requires contextual selectors */

A:link IMG { border: 0px }
A:visited IMG { border: 0px}
A:active IMG { border: 0px }

/* #### text block definitions #### */

div {
display: block;
position: absolute;
}

div.topRightHead {
text-align: right;
width:64%;
right:3%;
}

div.centreMenu {
width:23%;
text-align:left;
display: inline;
float: left;
top:180px;
left:1%;
}

div.textLeft {
text-align: left;
float: left;
top:180px;
left:30%;
}

div.projectText {
width:40%;
top:180px;
left:33%
}

div.usefulText {
width:60%;
top:140px;
left:33%;
}

div.scrollText {
width:69%;
height:80%;
top:140px;
left:30%;
overflow:scroll;
}

/* #### image block defininitions #### */

img {
display: inline;
}

img.slideRight {
display: block;
position: absolute;
top:310px;
left:750px;
}

img.projectRight1 {
display: block;
position: absolute;
top:250px;
right:5%;
}

img.projectRight2 {
display: block;
position: absolute;
top:300px;
right:5%;
}

img.projectRight3 {
display: block;
position: absolute;
top:450px;
right:5%;
}

img.projectRight4 {
display: block;
position: absolute;
top: 410px;
right:5%;
}
img.projectRight5 {
display: block;
position: absolute;
top:150px;
right: 5%
}

img.botleft {
display: block;
position: absolute;
top:85%;
left:5%;
}

img.botleftcent {
display: block;
position: absolute;
top:85%;
left:38%;
}

img.botrightcent {
display: block;
position: absolute;
top:85%;
left:55%;
}

img.botright {
display: block;
position: absolute;
top:85%;
right:5%;
}