/* GENERAL NOTES: */
/* If you use 'opacity' the text will be effected - 'rgba' doesn't change appearance of text */
/* The colours of the background for the navbar & leftbar etc. is obtained by going to the PowerPoint file, select the image, go to Shape Fill & More Fill Colours & then go to the Custom tab. This will give the equivalent rgb value.
The last figure in the 'rgba' set of figures is the opacity value - 0.0 is completely transparent.
HOWEVER: since the page is transparent, I have set the rgb values to 0 in the background:rgba(0,0,0, 0.0) statement

Note about the background: if you want to keep background from scrolling, don't use background-image. If you want an image in the background which doesn't scroll use these 2 lines -
background:url(../Images/Background/Background.png);
background-attachment:fixed;
*/
body{
  background-color:#ededed;
}
#container{	
  margin:auto;
  width:1400px;
  height:auto;
  margin-top:50px;	/*bring container down because we've used position:fixed for the navbar*/
						/*which removes navbar from normal flow*/
}
#header {
	width:960px;
	height:300px;
}
#setlogo img{
  width:250px;
  //height:111px;			/*no need to set the height when you have set the width*/
}
#navbar{
  margin-left:100px;			/*the actual navbar will have this margin*/
  height:50px;
  width:1200px;
  background-color:#1096af;
  position:fixed;			/*this will remove navbar from normal flow so bring container down a bit - see above*/
  top:0px;					/*keep it at the absolute top of the window*/
}
.navbaritem{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-left:30px;			/*the items in the navbar will have this margin*/
  //background-color:red;
}
#navbar ul li a:hover{		/*targetting the main navbar*/
  color:rgb(227,227,227);
}
#navbar ul li{
	float:left;				/*list items float left as well*/
	list-style:none;		/*no bullet points on list items*/
}
#navbar a{
  text-decoration:none;
  color:#000;				/*this controls the colour of the text in the navbar*/
}
#navbar em{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:18px;
  margin-left:30px;			/*the items in the navbar will have this margin*/
  color:rgb(227,227,227);	/*this control the colour of the italisized text of the navbar of the page you are in*/
}
#navbar #alignnavbaritem{	/*so that the items on the navbar stay fixed in their relative positions when*/
							/*you go from page to page. If you try doing this with the margin-left property, it won't work*/
	margin-left:160px;
}
#leftbar{
  float:left;
  margin-left:200px;
  width:660px;
  height:auto;
}
.heading1{
  width:600px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  color:#000;
  margin-top:20px;
  margin-bottom:15px;
  padding:0px;
  text-align:left;
}
.heading2{
  width:600px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#000;
  margin:auto;
  margin-top:15px;
  margin-bottom:15px;
  padding:0px;
}
.paragraph1{
  margin:auto;
  width:600px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  text-align:justify;
  color:#000;
  padding:0px;
}
.paragraph1 a{
  text-decoration:underline;
  color:#000;
}
.paragraph1 a:link, a:visited{
  color:#000;
}
.paragraph1 a:hover{
  color:rgb(255,0,0);
}
#rightbar{
  padding-top:20px;
  padding-bottom:20px;
  float:left;
  width:370px;
  height:auto;
  margin-top:20px;
  margin-left:30px;
  border:1px #fff solid;
  background-color:#e3e3e3;
}
#rightbar p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  padding:0px;
  margin:4px;
}
#rightbar a{
  text-decoration:none;
  color:#000;
}
#rightbar p a:hover{
  color:rgb(255,0,0);
}
#rightbar a:link, a:visited{
  color:#000;
}
.headingforrightbar{
  padding:0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:center;
  color:#000;
}
#belowrightbar{
  padding-top:20px;
  float:left;
  width:370px;
  height:auto;
  margin-top:15px;
  margin-left:30px;
  margin-bottom:40px;
  padding-bottom:20px;
  border:1px #fff solid;
  background-color:#e3e3e3;
}
#belowrightbar p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  padding:0px;
  margin:0px;
}
#belowrightbar a{
  text-decoration:none;
  color:#000;
}
#belowrightbar p a:hover{
  color:rgb(255,0,0);
}
#belowrightbar a:link, a:visited{
  color:#000;
}
.headingforbelowrightbar{
  padding:0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:center;
  color:#000;
}
#upperfooter{
  clear:both;
  height:70px;
  background-color:#1096af;
}
#upperfooter table{
  width:960px;
  height:70px;
  margin-left:0px;
}
#upperfooter img{
  width:200px;
  height:40px;
  float:right;
}
#charreg{
  font-family:Arial, Helvetica, sans-serif;
  color:#ccc;
}