* {
  padding:0;
  border:0;
  margin:0;
}

body {
  margin:auto;
  width: 100%;                                     /* RM */
  min-width: 100px;
  font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; /* RM */
  font-size: 12px;                                /* RM */
}

/* CSS to control Footer */

html, body {
/* height: 100%;*/
}
.wrapper {
position: relative;
min-height: 99.5%;                          /* RM */
height: auto; 
border:1px solid black;                     /* RM */
border-bottom:1px;                         /* RM */
}
html>body #wrapper {
height: auto;
}
.maincontent {
padding: 0px;
padding-bottom: 80px;
}

/* END: CSS to control Footer */

/* Default styles */
h1 {
  font-family:Arial;
  font-size:1.5em;          /* RM  */
  font-weight:bold;
  margin-top: 20px;        /* RM  */
  margin-bottom: 20px;  /* RM */
}


h2 { 
  font-family:Arial;
  font-size:24px;          /* RM  */
  font-weight:bold;
}

ul {
 list-style:none;
 padding: 0;
 margin: 0;
}

/*
li {
  list-style-type: square;
  margin-left: 1.5em;
}
*/

h4 a {
  font-size: 12px;
  list-style:none;
  padding-left: 10px;
  background:transparent;
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
  font-weight:bold;
  color:#585050;
  text-decoration:none;
}

h4 a:hover {
  background-image: url(images/bullet.gif);
  background-position: 4px 0.2em;
  color:black;
  text-decoration:none;
}

h5 a {
  font-size: 12px;
  list-style:none;
  padding-left: 10px;
  background:transparent;
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
  font-weight:bold;
  color:#585050;
  text-decoration:none;
}

h5 a:hover {
  background-image: url(images/bullet.gif);
  background-position: 4px 0.2em;
  color:black;
  text-decoration:none;
}


a {
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}



input {
  border:1px solid #a1c3c2; /* light blue */
}

input:hover {
  background-color:#c0c0bf;
  border:1px solid #a1c3c2; /* light blue */
}

textarea {
  border:1px solid #a1c3c2; /* light blue */
}

select {
  background-color: #d9d9d9;  /*#a1c3c2;   light blue */
  color: #000000;	     /* black */ 
}

form label {
	margin: 0 15px 0 0;
}

form span.required {
	color: red;
	margin-left:-10px;
	position:absolute;
}

form button {
  background-color:#c0c0bf;
  border:1px solid black;
  color:black;
  text-decoration:none;
}


/* END: Default styles */

/* Menu styles */
.menulink {
 
 color:#003366;
 font-size:0.75em;
 font-weight:bold;
 text-decoration:underline;
 margin-left:5px;
 margin-right:5px;
}

/* General layout styles */
.container {
  margin:auto;
  width:750px;  /* 750px */
}

.pagetext {
  margin-left:50px;
  width:550px;
}

.separator {
  clear:both;
}

.lineseparator {
  border-top:1px solid black;
  text-align:center;
  width:700px; 
}
.centred {
  text-align:center;
}

.rightalign {
  float:right;
}

.leftalign {
  float:left;
}

/* RM addition */
.microlink {
  float:right;
  font-size: x-small;
}


/* END: General layout styles */

/* Organisation header styles */
.orgheaderlogo {
  float:left;
  margin-left:6px;
  margin-right:0px;                /* RM: to take account of the &nbsp; which the org details start with */
  margin-bottom:6px;
  margin-top:6px;
  width:150px;
  height:100px;

}

.orgheader {
  float:left;
  margin-bottom:10px;
  margin-top:10px;
  padding-bottom:5px;
  border-bottom:1px solid black;
}

.orgheader2 {
  margin-bottom:10px;
  margin-top:10px;
  padding-bottom:5px;
}
/* END: Organisation header styles */

/* Add/Update Organisation styles */
.orglogo {
  margin-left:20px;
  margin-right:20px;
  margin-top:20px;
  float:left;
  text-align:center;
}

.orgform {
  float:left;
  margin:auto;
  width:600px;
}

.orgformcontainer {
}

/* Also used for Set Storage Allowance & Terms */
.orgform2cols {
  margin:auto;
  width:700px;
}
/* END: Add/Update Organisation styles */

/* Search entry styles */
.titlehighlight {
  font-weight:bold;
}

.searchform {
  width:600px;
  margin:auto;
}

.searchbutton {
  margin-left:20px;
}

.fullwidth {
  width:100%;
}

/* END: Search entry styles */

/* Search Results styles */
.searchagain {
right:20px;
position:absolute;
}

.searchhighlight {
   font-weight:bold;
}

.submitbutton {
 margin-left:20px;
}

/* Search Results & General form button styles */
.button, .searchagain {
  background-color:#d9d9d9;
  border:5px solid #6989a9;
  color:black;
  text-decoration:none;
  padding:4px;
}

.button:hover, .searchagain:hover {
  background-color:#d9d9d9;     /* #d9d9d9  light grey, dark grey #c0c0bf*/
  text-decoration:none;
}

/* END: Search Results & General form button styles */

/* Search results/recent talks styles */

.resultshead {
  margin-top:20px;
  font-weight:bold;
}

.results {
  padding-top:10px;     /* RM:  was 20px */
}

.results a {
  color:#6989a9;	           /* dull light blue */
  font-weight:normal;
  text-decoration:none;
}

.results a:hover{
  text-decoration:underline;
}

.imgexplanation {
  margin-left:50px;
}
  
/* END: Search results/recent talks styles */

.termsbox {
  margin:5px 0 5px 0;
  padding:5px;
  border:1px solid black;
  overflow:auto;
  height:300px;
  width:600px;
}


/* Miscellaneous styles */

.year {
 float:none;
 margin-bottom:2px;
}

.asterisk {
	color: red;
}

/* END: Miscellaneous styles */


/* Styles for various messages, information, etc */
.instruction {
  color:#585050;  /* extra dark grey */
}

.boldinstruction {
  color:#585050;  /* extra dark grey */
  font-weight:bold;
}

.warning {
   color:#e89c25;  /* dark orange */
}

.welcomemessage {
  margin-top:10px;
  margin-bottom:30px;   /* RM */
  color:#b12020;  /* dull red */
  font-weight:bold;
  font-size:1.1em;            /* RM */
  text-align:center;         /* RM */
}

.errormessage {

  color:#b12020;  /* dull red */
  font-weight:bold;
  margin-left:0px;
  float:left;
  width:600px;

}

.msg {

  color:#b12020;  /* dull red */
  font-weight:bold;
  float:left;
}

.information {
  color:black;
//  font-weight:bold;
  float:left;
  width:500px;
}

.boldinformation {
   color:#b12020;  /* dull red */
  font-weight:bold;
  float:left;
  width:500px;
}

.italinformation {
  color:#b12020;  /* dull red */
  font-weight:normal;
  font-style: italic;
  float:left;
  width:500px;
}

/* END: Styles for various messages, information, etc */


/* Control Panel Styles */

.admincpanelcontainer {
  margin:auto;
  width:600px;
}

.cpanelcontainer {
  margin:auto;
  width:700px;
}

.cpicon {
  width:100px;
/*  border:1px solid #a1c3c2; /* light blue */ 
}

.admincpanelform {
  float:left;
  margin-bottom:5px;
  height:30px;
}

.admincpanelform form {
  width:300px;
  float:left;
}

.cpanelform {
  float:left;
  margin-bottom:20px;
  margin-left:0px;
  height:60px;
}

.cpanelform form {
  width:50px;
  float:left;
}

.cpaneltext {
  margin-left:25px;
  width: 300px;
  float:left;
  margin-top:0px;
  text-align:top;

}

.cpbutton {
  width:50px;

}

/* END: Control Panel Styles */


/* Column Styles */

div.row{
	clear: both;
	margin: 5px 0 0 0;
	display:block;

}

.fileprogress {
  color:green;
  font-weight:bold;  
}

/* USED FOR GENERIC COLUMNS */
.col1{float: left; width: 150px; text-align: left;}
.col1S{float: left; width: 300px; text-align: left;}
.col2{float: left; width: 200px; text-align: left;}
.col3{float: left; width: 100px; text-align: right;}
.col4{float: left; width: 110px; text-align: left;}
.col5{float: left; width: 100px; text-align: right;}
.col6{float: left; width: 110px; text-align: left;}

.logcol1{float: left; width: 150px; text-align: left;}
.logcol2{float: left; width: 110px; text-align: left;}

/* used to report quote calc results */
.qccol1{float: left; width: 300px; text-align: left;}
.qccol2{float: left; width: 250px; text-align: left;}
.qccolsp{float: left; width: 10px; text-align: left;}

/* USED FOR ODD SIZED COLS FOR CITY, STATE, ZIP */
.col2b{float: left; width: 280px; text-align: left;} 
.col3b{float: left; width: 50px; text-align: left;}
.col4b{float: left; width: 200px; text-align: left;}
.col3c{float: left; width: 200px; text-align: left;}
/* sub-site columns */
.colss1{float: left; width: 45px; text-align: left;}
.colss2{float: left; width: 180px; text-align: left;}

/* USED FOR USERS */
.statcol1{float: left; width: 200px; text-align: left;}
.statcol2{float: left; width: 200px; text-align: left;}

.dlcol1{float: left; width: 250px; text-align: left;}
.dlcol2{float: left; width: 200px; text-align: left;}
.dlcol3{float: left; width: 125px; text-align: left;}
.dlcol4{float: left; width: 125px; text-align: left;}
.dlcol_chk{float: left; width: 30px; text-align: left;}

.dlcolu1{float: left; width: 250px; text-align: left;text-decoration:underline}
.dlcolu2{float: left; width: 200px; text-align: left;text-decoration:underline}
.dlcolu3{float: left; width: 125px; text-align: left;text-decoration:underline}
.dlcolu4{float: left; width: 125px; text-align: left;text-decoration:underline}
.dlcolu_chk{float: left; width: 30px; text-align: left;text-decoration:underline}

/* USED FOR LIST OF ORGANISATIONS */
.orgcol1{float: left; width: 275px; text-align: left;}
.orgcol2{float: left; width: 210px; text-align: left;}
.orgcol3{float: left; width: 125px; text-align: left;}
.orgcol4{float: left; width: 100px; text-align: left;}

.orgcolu1{float: left; width: 275px; text-align: left;text-decoration:underline}
.orgcolu2{float: left; width: 210px; text-align: left;text-decoration:underline}
.orgcolu3{float: left; width: 125px; text-align: left;text-decoration:underline}
.orgcolu4{float: left; width: 100px; text-align: left;text-decoration:underline}

/* USED FOR LIST OF TALKS */
.listcol1{float: left; width: 200px; text-align: left;}
.listcol2{float: left; width: 100px; text-align: left;}
.listcol3{float: left; width: 150px; text-align: left;}
.listcol4{float: left; width: 100px; text-align: left;}
.listcol5{float: left; width: 150px; text-align: left;}

.listcolu1{float: left; width: 200px; text-align: left;text-decoration:underline}
.listcolu2{float: left; width: 100px; text-align: left;text-decoration:underline}
.listcolu3{float: left; width: 150px; text-align: left;text-decoration:underline}
.listcolu4{float: left; width: 100px; text-align: left;text-decoration:underline}
.listcolu5{float: left; width: 150px; text-align: left;text-decoration:underline}

/* USED FOR CONTACT FORM */
.mailcol1{float: left; width: 100px; text-align: left;}
.mailcol2{float: left; width: 100px; text-align: left;}

/* USED FOR LIST OF QUOTES */
.qcol1{float: left; width: 50px; text-align: left;}
.qcol2{float: left; width: 75px; text-align: left;}
.qcol3{float: left; width: 75px; text-align: left;}
.qcol4{float: left; width: 75px; text-align: left;}
.qcol5{float: left; width: 100px; text-align: left;}
.qcol6{float: left; width: 150px; text-align: left;}
.qcol7{float: left; width: 75px; text-align: left;}
.qcol8{float: left; width: 75px; text-align: left;}


.qcolu1{float: left; width: 50px; text-align: left;text-decoration:underline}
.qcolu2{float: left; width: 75px; text-align: left;text-decoration:underline}
.qcolu3{float: left; width: 75px; text-align: left;text-decoration:underline}
.qcolu4{float: left; width: 75px; text-align: left;text-decoration:underline}
.qcolu5{float: left; width: 100px; text-align: left;text-decoration:underline}
.qcolu6{float: left; width: 150px; text-align: left;text-decoration:underline}
.qcolu7{float: left; width: 75px; text-align: left;text-decoration:underline}
.qcolu8{float: left; width: 75px; text-align: left;text-decoration:underline}

/* USED FOR INVOICE LAYOUT */
.icol1{float: left; width: 250px; text-align: left;}
.icol2{float: left; width: 200px; text-align: left;}
.icol2C{float: left; width: 200px; text-align: left;}
.icol3{float: left; width: 200px; text-align: left;}
.icol4{float: left; width: 150px; text-align: left;}

.icolu1{float: left; width: 250px; text-align: left;font-weight:bold}
.icolu2{float: left; width: 200px; text-align: left;font-weight:bold}
.icolu2C{float: left; width: 200px; text-align: left;font-weight:bold}
.icolu3{float: left; width: 200px; text-align: left;font-weight:bold}
.icolu4{float: left; width: 150px; text-align: left;font-weight:bold}

/* back arrow */
.colback{float: left; width: 35px; text-align: left;}
.colactionbutton{float: left; width: 75px; text-align: left;}

/* cpanel */
.cpcol{float: left; width: 300px; text-align: left;}

.casenote{ 
  font-size: 10px;
  float: left; 
  width: 400px; 
  height: 200px;
  text-align: left;
  overflow: auto;
  border:1px solid #a1c3c2; /* light blue */
}

/* END: Column Styles */

