*{
	margin:0px;
}
body{
  	background-color: #fff;
}
#container{
	margin:auto;
  	width:960px;
  	height:auto;
  	background-color:#fff;
	margin-top:50px;	/*bring container down because we've used position:fixed for the navbar*/
						/*which removes navbar from normal flow*/
}
#navbar{
  background-color:#ddd;
  font-family:Arial, Helvetica, sans-serif;
  height:50px;
  width:inherit;
  position:fixed;	/*this will remove navbar from normal flow so bring container down a bit*/
  top:0px;			/*keep it at the absolute top of the window*/
  z-index:1;		/*Make the menu stay on top*/
}
#navbar em{
  color:#8f0000;
}
#navbar ul li a:hover{	/*targetting the main navbar*/
  color:#8f0000;
}
#navbar ul{
	float:left;			/*make navbar appear on right side of left edge of the window*/
}
#navbar ul li{
	float:left;			/*list items float left as well*/
	list-style:none;	/*no bullet points on list items*/
	position:relative;	/*allows us to use position:absolute inside sub-items inside navigation*/
						/* - see below*/
						/* - to do with allowing navigation to ignore the drop down*/
						/*until it is activated*/
}#navbar{
  background-color:#ddd;
  font-family:Arial, Helvetica, sans-serif;
  height:50px;
  width:inherit;
  position:fixed;	/*this will remove navbar from normal flow so bring container down a bit*/
  top:0px;			/*keep it at the absolute top of the window*/
}
#navbar ul li a:hover{	/*targetting the main navbar*/
  color:#8f0000;
}
#navbar ul{
	float:left;			/*make navbar appear on right side of left edge of the window*/
}
#navbar ul li{
	float:left;			/*list items float left as well - if you didn't have this the items will appear in a column*/
	list-style:none;	/*no bullet points on list items*/
	position:relative;	/*allows us to use position:absolute inside sub-items inside navigation*/
						/* - see below*/
						/* - to do with allowing navigation to ignore the drop down*/
						/*until it is activated*/
}
#navbar ul li a{		/*targetting the main navbar*/
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#008000;
	font-size:14px;
	margin-top:4px;
	padding:15px 14px;	/*the figure for the bottom padding - too small*/
						/*& the drop down menu overlaps the navbar. Too large*/
						/*& you get a bigger gap between navbar & top of drop down*/
						/*alter this in conjunction with margin value in #navbar ul li ul{} below*/
	text-decoration:none;	/*remove line under text*/
}
#navbar ul li ul{		/*this is the drop down menu you get when you hover over the navbar*/
	display:none;		/*this will hide it until you hover over the navbar item*/
						/*if this is 'block' it will display the drop down all the time
						/*see the #navbar ul li:hover ul{} styling below*/
	position:absolute;	/* - to do with allowing navigation to ignore the drop down*/
						/*until it is activated*/
	background-color:#fff;
	margin-top:0px;		/*moves the drop down menu-block down - otherwise it interferes*/
						/*with the main navbar. If this is too big the drop down*/
						/*menu will not be sustained when you move away from the*/
						/*item being hovered on in the navbar because the drop down moves*/
						/*beyoun the boundary of the border of the navbar item*/
						/*alter this in conjunction with padding value in #navbar ul li a{} above*/
						
	padding:10px;		/*will give padding around each selection of drop down*/
						/*when hovering over item - makes it look better*/
	border-radius:0px 0px 4px 4px;		/*this will give you rounded corners at the*/
										/*bottom of the drop down menu*/
}
#navbar ul li:hover ul{
	display:block;		/*show drop down items when you hover over navbar item*/
}
#navbar ul li ul li{	
	width:150px;		/*make this wide enough so that words in drop down*/
						/*don't go over 2 lines*/
}
#navbar .widerItem{		/*widerItem will icrease width of drop down menu*/
	width:260px;
}
#navbar .widerItem2{		/*widerItem will icrease width of drop down menu*/
	width:180px;
}
#navbar ul li ul li a{
	font-size:12px;		/*targetting the individual items in the drop down list*/
	font-weight:bold;
	color:#000;
	padding:8px 14px;	/*padding for individual items in drop down list*/
	text-align:left;
}
#navbar ul li ul li a:hover{	/*when you hover over each item of drop down list*/
	background-color:#eee;
	color:#8f0000;				/*colour of the text in the drop down*/
}
#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 only by using the margin-left property, it won't work.*/
	margin-left:120px;		/*Also moves the menu items so that they appear central to the nav bar*/
}
#mainContent{
	background-color:#eee;
	height:550px;
}
.headingStyle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	text-align:justify;
	color:#000;
	background-color:#bbb;
	padding:10px;
	margin-top:0px;
	margin-bottom:10px;
	width:800px;
}
#leftbar{
	float:left;
	width:64%;			/*if you make it 65/35 left/right the right bar will appear*/
						/*below the left bar*/
	height:450px;		/*the height of the map*/
	margin-top:20px;
}
#rightbar{
	float:right;
	width:35%;
	height:450px;		/*the height of the map*/
	margin-top:20px;
	margin-right:4px;
	border:1px #000099 solid;
	background-color:#CCCCCC;
}
#contactusrightbar p{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#cc0000;
	text-align:center;
}
#makesmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000099;
}
#footer{
  margin:0px;
  background-color:#90a08f;
  height:auto;
}
#footer img{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}
#footer p{
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
	font-size:14px;
}