/************************All divs on the webpage*************************/

#overall { /* the whole container*/
	width: 90%;
	margin: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
}
#banner {    /* at the top*/
	padding: 0.5em;
	margin-bottom: 0.5em;
	border-bottom:1px black solid;
    color:black;
	clear:both;
}
#content {  /* all content goes here */
    float:left;
    width: 80%;
    \width: 79.9%;
    w\idth: 80%;
    padding-top:0.5em;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
    padding-left:2%;
    line-height:1.5em;
  	border-left:1px black solid;
}
#menu { /* all menu links and other bits go here */
  	float:left;
	width: 15%;
	\width:14.9%;
	w\idth: 15%;
	padding-top: 0.5em;
    margin-bottom:0.5em;
    padding-bottom:0.5em;


}
#footer {  /* finally the footer section*/
	clear: both;
	text-align:center;
	font-size:0.8em;
	border-top:1px black solid;
	margin-top:0.5em;
    color:black;

}

/************************General Formatting******************************/

body {  /* for the whole body */
	font-family: Verdana, Arial;
	font-size: 0.9em;

}
h1 {
   font-size:1.4em;
}
h2 {
    font-size:1.2em;

}
img {
	border:0em;
}
a {
   font-size: 0.8em;
}
a:visited {
	color:blue;
}
a:hover {
	color:black;
    border-left:1px solid black;
    border-right:1px solid black;
    padding-left:3px;
    padding-right:3px;
}
img#companies {
	text-align:center;
	border:0px;
}
#content a:hover, #footer a:hover, #companies a:hover{
	color:black;
    border:0px solid white;
    padding:0px;
    margin:0px;
}

.note{  /* special class for notes*/
	font-size:small;
}

.middle {
	text-align:center;
}

.note li, li.note, ol.note, .note ol, .note {
	font-size:small;
}

.logo {
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    margin-right:35px;

}

/************************List formatting ********************************/

#menu li{
	list-style:none;
}
#menu ul, #menu li{
	margin:0;
 	padding:0;
}
#menu ul ul {
	margin-left:2em;
}
#LPG{
    display:none;    /*leave empty to display, display:none to hide*/
 }
/************************Forms Formatting********************************/

#headerForm {	/* search form */
  	float: left;
	clear:both;
	border: 0.1em solid gray;
	padding:0.2em;
	border-color: rgb(205, 205, 205);
	text-align:center;
    width: 90.1%;
	\width: 87.9%;
	w\idth: 90.1%;

}
#headerForm p {
  margin:0.1em;
}

form_text {  /* form text*/
	font-size:1em;
	color: #462346;
    background-color:white;
	border: 0.1em solid #ccccff;
	margin: 0.1em;
}
#menu input { /* input settings */
	border:0.1em solid;
	background-color: rgb(235, 235, 235);
    color:black;
}
input, select, textarea { /* styling different form elements*/
	border:0.1em solid;
	background-color: rgb(85%,85%,85%);
    color:black;
   	margin-top:0.9em;
    /* margin-bottom:2%;*/
}
label{ /* styling labels*/
	float: left;
    margin-top:0.7em;
    /*margin-bottom:4%;*/

    line-height:1.1em;    width:15%;
}
#submit1 { /* submit button */
	margin-top:2%;
	margin-left:5%;
}
#info { /* displaying fields that can't be edited */
  	font-weight:bold;
}
#toc {
   border:0em;
}
#data {
   border:0em;
}
#newsletter {
   border:0em;
}
/************************Table Formatting********************************/

table {  /* formatting tables */
  margin-left:2%;
  width:100%;
  font-size:0.9em;
  margin-bottom:0em;
  border-collapse: collapse;
  margin-right:2%;
}
tr.toprow th { /* formatting top row of table */
	border-bottom:0.1em solid black;
}
tr.bottomrow td{ /* formatting last row*/
	border-top:0.1em solid black;
}
tr.noRows td {  /* formatting the text to be centred */
  	text-align:center;
    font-size:small;
}
caption {
 	padding-top:5%;
    font-weight:bolder;
}
tr.row1{
	background-color:white;
    color:black;
}
tr.row2{
	background-color:rgb(213, 219, 225);
    color:black;
}
th.date {
   width:20%;
}
th.message {
   width:80%;
}