/* Engineering Systems stylesheet */

/* general hyperlinks*/
A:link, A:active 
							{
							color: #ff0000;
							text-decoration: none;
							}

A:visited 		{
							color: #ff0000;
							text-decoration: none;
							}

A:hover 			{
							text-decoration: underline;
							}

/* menu bar hyperlinks */
A.menu1line:link,A.menu1line:active,A.menu1line:visited,A.menu1line:hover,A.menu2line:link,A.menu2line:active,A.menu2line:visited,A.menu2line:hover	{
							display:block;							
							background-repeat: repeat-x;
							width: 120px;	
							padding-top: 5px;		
							margin-bottom: 15px;									
							color: #FFFFFF;
							text-decoration: none;					
							font-family: Arial, 'MS Sans Serif', Verdana;
							font-weight: bold;
							font-size: 14px;
							text-align: center;
							background-color: red;			 				 /* background colour when mouse isn't over link*/
							}
							
A.menu1line:link,A.menu1line:active,A.menu1line:visited,A.menu1line:hover				
							{
							background-image:url(images/menu_bgrnd1line.gif);
							height: 20px;
							}
							
A.menu2line:link,A.menu2line:active,A.menu2line:visited,A.menu2line:hover				
							{
							background-image:url(images/menu_bgrnd2line.gif);
							height: 36px;
							}
							
A.menu1line:hover, A.menu2line:hover	{							
							background-color: #FF6262;						/* background colour when mouse hovers over link */
							}
							
/* default font and page background */
body 			 		{
							margin: 10px;
							margin-top: 0;
							font-family: 'Verdana','Arial', 'MS Sans Serif', sans-serif;
      				font-size: 90%;
          		background-image: url(images/backgrnd.gif); 
          		background-attachment: fixed;
      				}

/* form elements */
.form 				{
							border: #FF0000 1px solid;
          		color: #000000;
          		background-color: #FFFFFF;
          		font-family: 'Verdana', 'MS Sans Serif', sans-serif;
          		font-size: 80%;
          		font-weight: bold;
							}
	
/* footer style (address etc) */		
.Footer     	{
							font-family: 'Verdana', 'MS Sans Serif', sans-serif;
          		font-size: 80%;
          		font-weight: bold;
          		color:#003399;
							}
		
/* other general text styles used throughout site */
.Title   			{
							text-align:center;
							font-family: 'Arial', 'MS Sans Serif', sans-serif;
          		font-size: 130%;
          		color: #003399;
          		font-weight: bold;
							text-decoration:underline;
							}
	
.Heading   		{
							font-family: 'Arial', 'MS Sans Serif', sans-serif;
          		font-size: 125%;
          		color: #003399;
          		font-weight: bold;
							text-decoration:underline;
							}
							
.SubHeading		{
							font-weight:bold;
							margin-bottom:5px;
							}

.Caption     	{
							font-family: 'Arial', 'MS Sans Serif', sans-serif;
							font-size: 80%;
							}
			
.Large   			{
							font-family: 'Arial', 'MS Sans Serif', sans-serif;
          		font-size: 120%;
          		font-weight: normal;
          		}

/* div for printout samples*/							
.Printout			{
							font-family: 'Verdan','Arial',sans-serif;
							font-size: 70%;
							font-weight:bold;
							float:right;
							margin:10px;
							background-color:#BFE9FF;
							border:solid 1px #D0D0D0;
							clear:right;
							}
												
/* bulleted list with vertical spacing */
li.spaced			{
							margin: 10px 0px;
							padding: 0px;
							}
							
/* right-hand image with padding around it*/
img.rhimage		{
							float:right;
							padding:10px;
							clear:right;
							}
							
/* list of product features*/
li.featurelist
							{
							margin-left:30px;
							padding-bottom: 5px;
							}
							
ul.featurelist
							{
							list-style-type: none;
							padding: 0;
							margin: 0;
							}
	
/* PAGE LAYOUT STYLES BELOW */

/* left-hand part of page masthead */
#masthead-left
							{
							background-image: url(images/masthead3.gif);
							background-repeat: no-repeat;
							float: left;
							width: 469px;
							height: 59px;
							margin: 0;
							padding: 0;
							border: 0;				
							}
	
/* right-hand part of page masthead */	
#masthead-right
							{
							background-image: url(images/masthead2.gif);
							background-repeat: repeat-x;
							margin: 0;
							margin-left: 469px;
							padding: 0;
							border: 0;
							height: 59px;
							}
							
/* text part of mashead*/						
#masthead-text
							{
							position:absolute;
							top: 30px;
							left: 100px;
							font-family: 'Arial','Verdana',sans-serif;
							font-size:19px;
							font-weight:bold;
							background-color:none;
							color:white;
							min-width: 350px;
							}
							
							
/* subheading beneath masthead */
#subheading		{
							margin: 0;
							margin-bottom: 15px;
							border: 0;
							padding: 0;
							width: 100%;
							text-align: right;
							font-family: 'Verdana','Arial', 'MS Sans Serif', sans-serif;
          		font-size: 80%;
          		font-weight: bold;
							color: #797979;
							}

/* left-hand menu bar */					
#menubar			{
							float: left;
							width: 120px;
							padding: 0;
							margin: 0;
							margin-right: 15px;
							border: 0;
							}

/* right-hand containers */						
#maincontent, #pagetoplink, #addresscontainer, #footermessage, #footerlinks
							{
							padding: 0;
							margin: 0;
							margin-left: 135px;
							margin-bottom: 15px;
							border: 0;
							}
							
#pagetoplink, #addresscontainer, #footermessage, #footerlinks	
							{
							clear:top;
							}						
							
#addresscontainer, #pagetoplink
							{
							padding: 2px;
							border: 1px dashed #FFC2C2;
							background-color: #FFF2F2;
							}

/* left-hand part of address (contained within addresscontainer) */						
#lhaddressbox
							{
							float: left;
							padding: 0;
							margin: 0;
							width: 49%;
							border: 0;
							}

/* right-hand part of address (contained within addresscontainer) */								
#rhaddressbox	{
							float: right;
							padding: 0;
							margin: 0;
							width: 49%;
							border: 0;
							}
	
/* centre footer links and put divider line above them */						
#footerlinks	{
							text-align: center;
							}
	
/* spacer to reserver space for floated divs */						
div.spacer		{
							clear: both;
							}