html, body, form.aspxform { height: 100%; margin: 0; padding: 0; }
html { font-size: 100%; }
body { color: #303245; background-color: #303245; }
/*Text styles only have margins and bold characteristics defined here. For sizes see Accessibility style sheets.
*/
h1 { font-weight: bold; margin: 0 0 10px; }
h2 { font-weight: bold; margin: 30px 0 10px; }
h3 { font-weight: bold; margin-bottom: 2px; }
h4 { margin-top: 0; margin-bottom: 30px; } /*nb h4 only used for logos in case study pages */
p { margin-top: 0; margin-bottom: 10px; }
li { margin-bottom: 5px; margin-left: 0; }
a:link { color: #50759c }
a:visited { color: #50759c }
a:hover { color: #303245 }
a:active { color: red }
table { }
td { text-align: left; vertical-align: top; }
img { border-style: none; }
#viewport { width: 100%; height: 100%; display: table; }
#centring { vertical-align: middle; overflow: hidden; display: table-cell; /*_position: absolute; _top: 50% */}
#strip { background-color: #afc0cc; width: 100%; overflow: hidden; display: block; margin-top: 50px; }
#holder { position: relative; width: 1200px; height: 580px; overflow: hidden; margin: 0; padding: 0; }
#content { background-image: url(../i/bg_square.gif); width: 800px; height: 580px; overflow: hidden; float: left; margin: 0 0 0 30px; padding: 0; display: inline; }
#making {  }
#header { font-size: 0; background-color: #fff; position: relative; width: 800px; height: 50px; overflow: hidden; padding: 0; display: block; }
#logo { position: absolute; top: 15px; right: 10px; float: right; padding: 0; display: block; }
#title { position: relative; float: left; margin-top: 10px; margin-left: 10px; display: block; }
#nav { font-size: 0; background-color: #afc0cc; height: 15px; display: block; }
#main { position: relative; height: 515px; overflow: hidden; display: block; }
#left_col { background-color: #dfe6eb; position: relative; width: 160px; height: 515px; overflow: hidden; float: left; margin: 0; padding: 0; display: block; }
#smallnav { font-size: 0; vertical-align: bottom; position: absolute; bottom: 0; overflow: hidden; display: block; }
.fullheight { height: 465px; }
.floatleft { float: left; }
.floatright { float: right; }
.left_col_text { margin-top: 50px; margin-right: 20px; margin-left: 20px; }
#left_col table { width: 120px; }
#right_col_holder { position: absolute; top: 50px; left: 180px; width: 600px; height: 465px; }
#right_col { position: relative; width: 600px; height: 445px; overflow: auto; padding-right: 10px; scrollbar-base-color: #afc0cc                  }
#right_col_col1 { width: 290px; float: left; }
#right_col_col2 { width: 290px; float: right; }
.right_col_text {  }
.scroll { overflow: auto; padding-right: 10px; }
#footerstrip { background-color: #50759c; width: 100%; }
#footer { color: #fff; font-size: 11px; width: 1400px; height: 26px; }
#footer a { color: #fff; }
#footertext { float: left; margin-top: 6px; margin-left: 20px; }
#access { float: left; margin-top: 3px; margin-bottom: 3px; margin-left: 30px; }
#access img { margin-right: 3px; }
.keytable { font-size: 1.1em; }
.keytable td { padding-top: 2px; padding-bottom: 2px; }
img.icon { margin-right: 3px; }
table.login { font-size: 12px; background-color: #dfe6eb; padding: 5px; border: solid 1px #50759c; }
table.login td { padding-top: 5px; padding-bottom: 5px; }
.error { color: #f00; }
#hidden { display: none; }