body.normal
{
  margin-left	  : 100px;
  margin-right	  : 100px; 
  margin-top	  : 10px;
  background-color: white;
  font-size       : 12pt;
  text-align	  : justify;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}

body.index
{
  margin-left	  : 50px; /*DD stick the first three lines are different to the non sticking version but changing does nto effect the problem*/
  margin-right	  : 50px; 
  margin-top	  : 0px;
  background-color: white;
  font-size       : 11pt;
  text-align	  : left;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}


/* This formats the sentence at the top of the sponsor logo section */
#Sponsor
{
	text-align: left;
	background-color: white;
}

.success
{
 text-align	       : center;
 text-decoration	: none;
 font-size         : 10pt;
 font-family       : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 color             : Yellow;
 background-color  : white;
}
.sponsor
{
 text-align	       : left;
 font-size         : 8pt;
 font-family       : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 color             : blue;
 background-color  : white;
}

div.content {clear:left; padding-top:2%;} /* Used to format the index page area of text and slideshow */

.contents
{
 text-align	       : left;
 font-size         : 10pt;
 font-family       : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 color             : #00bb00;
 background-color  : white;
 }

div
{
  font-size       : 10pt;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}


.indextextdiv
{
  margin-left	  : 5px;
  margin-right	  : 20px; 
  background-color: white;
  font-size       : 10pt;
  text-align	  : left;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : black;
}

.home
{
  margin-left	  : 40px;
  font-size       : 12pt;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : green;
}

.h1
{
  font-size       : 35pt;
  text-align	  : center;
  font-weight     : bold;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}
.h2
{
  font-size       : 12pt;
  text-align	  : center;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}
.title
{
  font-size       :35pt;
  text-align	  : center;
  font-weight     : bold;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color           : #bb0000;
}
.center
{
  font-size       : 10pt;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-align	  : center;
  color           : #bb0000;
}
.section
{
  font-size       : 20pt;
  font-weight     : normal;
  font-family     : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-align	  : center;
  color           : green;
}


HR
{
	color			   : #bb0000;
	height			   :5px;
	background-color	: #bb0000;
	border				: none;
	width				: 900px;
} 


#splash /* This is the main heading with panoramic faz pic */
{
	background-color: white;
	/*margin-bottom: 2em;*/
    text-align: center; /* If I remember correctly, this aligns image */
    /*padding-bottom: 0.5em;
	border-bottom-style: solid;
	border-bottom-width: 0.8em;
	border-bottom-color: #8DCFF4;*/
 }


/* Suckerfish Drop down menu info starts here*/
 

#nav, #nav ul {   /* This controls main menu and drop down menu. I have experimented separating them and found that the float left position in the
style is critical for FF. With them together, it is not possible to control the borders independently.*/
/*	width: 900px; /* This sets to overall width of the dropdown menus together, i.e.from left page margin to right but does not seem necessary
					as overall width can be determined by sum of menu items */
	list-style: none; /* Without this bullet points are added in FF and Saf but not IE */
	line-height: 1; /*With a value of 1 it has no effect as this is original line height multiplied by 1.  
To make the line height bigger and hence increase the text box height bigger in the menu tems, make this value greater than 1
The display blck command also influences this */
/*	display: block; /* This prevents more than one DD menu being displayed at the same time */
/*	font-weight: bold; /* This only affects main menu*/
	font-size: 10pt; /* This controls the font size in all menu items and in IE and FF */
	padding: 0; /* this value puts padding round all sides of the dd. It must be inherited as, unless specified as zero, 
	problems arise with all but IE */

	float: left; /* only affects IE maybe because the others have more room */
	margin: 0 0 1em 0; /* This sets the border (gap) between the main menu and the first line of text more noticeable in other browsers than IE*/
	background: white; /*this sets the background colour behind the main  menu and the drop down menu items. It could be experimented */
						/*with for various effects */
}


#nav a {
	display: block;
	width: 6.7em; /* See next line - It does not seem to have any effect with FF*/
	w\idth: 6.7em; /* The backwards slash in the width is to accomodate IE and sets the width allocated to main menu items.
	It also has an effect in FF (later test show that it doesn't any more!)*/
	color: blue; /* This sets the color of the text in all the links, whatever level */
	text-decoration: none; /* This says in effect that we don't want an underline in the link otherwise we would say so */
	padding-top: .35em; /* Puts padding on top of the text in the text box of all links */ 
	padding-bottom:	.35em;	/* Puts padding underneath the text in the text box of all links */
	padding-left:	.25em;  /* Puts padding to left of text in main menu and dropdowns from left,  
	It really makes the link area (dotted line) wider to accommodate this right movement and just appears to move text 
	right relative to background */
	/*margin-top: 0.5em; again does same as padding exp */
}



#nav li {
	float: left; /* Not sure at this stage why, but this spreads the main menu items in a row, without it they all clump on left */
	background:#ebf5fc; /*Set background color of all links, #ebf5fc is a nice pale blue */
	color: blue; /* sets text color */
	border: 1px solid blue; /* Note that even when this is commented out, the dropdowns still don't line up*/
	margin-left: 0em; /* These three lines control the spacing around the menu items but this first one also controls the 
							displacement right of the dropdowns */
	margin-right: 0.41em; /* This can be used to spread main menu out and also give a gap between menu items */
	margin-top: 0.15em; /*If ths gap is too wide the selection is lost - look at background to see if that can be in place - 
	I tried it transparent but it did not work but when not transparent it did  later I found it needs looking at again only seemed to affect dd and not top item */
/*	padding:  0.1em 0.1em 0.1em 0.1em; *//* Note that these padding instructions seem unnecessary -  any padding on the left 
pushes the left position of the menu item to the right and also pushes the dropdowns over with it*/
	text-align: left; /* This aligns text left in main menu (mm) items in FF  and IE - if it is aligned center, it pushes the dropdowns over to the right*/
	width: 6.7em; /* This sets the width of the main menu items */
}

#nav li ul {   /* This controls the list under the menu items, apart from the width which, as before is controlled somewhere else */
	position: absolute;
	left: -999em;
	text-align: left; /*This aligns the text left in the dropsdowns but also seems to align the main menu items left as well in FF */
	height: auto; /*This does not appear to do anything in IE or FF*/
	width: 6.7em; /* This does not appear to have any effect  but is probably for Opera */
	w\idth: 6.7em; /* This does have an effect in I E  i.e. it affects the width of the highlighted menu item- need to play with other w\idths. Note that when it is set to 7em it just fills the blue box */ 
	font-weight: normal; /* This affects the weight of the font in the dropdown menus */
	border-width: 0.25em;/* This overrides the border set in #nav ul above - it may be necessary for other browsers */
	margin: 0;
}

/* #nav li li {         This does not seem to have any effect and probably controls the second level of dropdowns, which we don't have
	padding-right: 1em;
	width: 13em
}      */


#nav li ul a {
	width: 6.7em;  /* See the next line. This does not affect IE but stops dd working with ff */
	w\idth: 6.7em; /* In IE at least, this sets the width of the dotted line round the drop downs and hence the width of the text within it. 
					/*This width will determine whether or not a long drop down will all fit on one line, such as Enterprise Open and 
					/*needs to be set to accomodate the longest drop down but note that the containing lue box needs to be widened with it
					and this is the problem as widening the box even just .1em pushes menu items onto a new line. Somehow need to lengthen
					total width of menu items*/
}

/* #nav li ul ul {  	margin: -1.75em 0 0 14em;
}	/* This does not seem to have any effect and probably controls the second  or further levels of dropdowns, which we don't have /*




/* #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {-999em;
}  /*This does not seem to have any effect and is probably for dropdwons from dropdowns, which we don't ave */

/* Changing the next line is the one, at least, which causes FF to fail with DD  so leave it in for the moment - it picks up java*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}  

#nav li:hover, #nav li.hover {
	position: static;
	background:#ebf5fc; /* Controls background color of all hovers */
}

#nav a:hover {color: red;} /* Controls the text color of all hovers, though why this could not go in the line above and work I don't know at present */



#content {
	clear: left;
}

#content a {  /* this affects the color of the links in the main text */
	color: #7C6240;
}

#content a:hover { /* this removes the underline in links when hovered over */
	text-decoration: none;
}

a:link, a:visited {		text-decoration:underline;
						color:green;} /* (In this version it does not seem to have any effect but in old version it worked)
						This gets rid of underline on links and keeps color as blue when visited */