html, body, div, p {font: 99% Arial,sans-serif; color: #000;}
body {margin: 0px; padding: 0; background: #fff;}

H         {  font-family: Arial, arial, sans-serif; }
H1        {  font-size: 920%; color: #000000; line-height:110%; letter-spacing:1px; font-family: Arial, sans-serif; font-weight:100; }
H2        {  font-size: 155%; margin: 0; padding: 0em 0 0; color: #007071; line-height:110%; letter-spacing:1px; font-family: Arial, sans-serif; font-weight:100; }
.T1       {  font-size: 120%; color: #007071; line-height:110%; letter-spacing:2px; font-family: Arial, sans-serif; font-weight:100; }
.T2       {  font-size: 125%; color: #000000; line-height:100%; font-family: Arial, sans-serif;  }
.T2w      {  font-size: 130%; color: #FFFFFF; line-height:100%; font-family: Arial, sans-serif;  }
.T2dig    {  font-size: 125%; color: #3ea1e2; line-height:100%; margin-bottom:10px; font-family: Arial, sans-serif;  }
.T3       {  font-size: 80%; color: #000000; line-height:100%; font-family: Arial, sans-serif; font-weight:bold; }
.text     {  font-size: 85%; line-height:140%; font-family: Arial, sans-serif; }
.red      {  color: #CC0000; }
.msgr     {  margin-bottom : 3px; padding-left : 16px; color: #CC0000; text-align:right; }
.textw    {  font-size: 85%; color: #FFFFFF; line-height:100%; font-family: Arial, sans-serif; }
.textg    {  font-size: 70%; color: #007071; line-height:140%; font-family: Arial, sans-serif; }
.menu     {  font-size: 85%; color: #FFFFFF; line-height:220%; border-bottom:10px; font-family: Arial, sans-serif; }
.menu2    {  font-size: 70%; color: #FFFFFF; line-height:100%; margin-bottom:0px; font-family: Arial, sans-serif; }
.small    {  font-size: 75%; font-family: Arial, sans-serif; }
.smallw   {  font-size: 67%; color: #FFFFFF; font-family: Arial, sans-serif; }
.b1       {  margin-bottom : 3px; padding-left : 16px; background-image : url("images/bullet02.gif"); background-repeat: no-repeat; }
.b2       {  margin-bottom : 3px; padding-left : 16px; background-image : url("images/bullet03.gif"); background-repeat: no-repeat; }
input     {  margin-bottom : 0px; margin-top : 0px; background-color:#FFFFFF; border:1px solid #007071;}
select    {  margin-bottom : 0px; margin-top : 0px; background-color:#FFFFFF; border:1px solid #007071;}
textarea  {  margin-bottom : 0px; margin-top : 0px; background-color:#FFFFFF; border:1px solid #007071;}
.digest   {  line-height:130%;}
.digintro {  font-size: 155%; margin-top: 20px; padding: 0em 0 0; color: #002364; line-height:110%; font-family: Arial, sans-serif; font-weight:100; }

p {margin: 0; padding: 1em 0 0; }
hr {display: none;}
ul {margin: 0 0 0 40px; border: 0; padding: 0; }
li {margin: 0; padding: 0; }

#container {margin: 0 auto; width: auto;}
#header {position: relative; top: 0px; width: auto; height: 202px; z-index: 1; background: url(/images/head-incontext3.jpg) repeat-x; border-bottom:1px solid #00A9EB;}
  #header01 {position: absolute; top: 0px; left:0px; width: 300px; height: 173px; z-index: 2; background: url(/images/head-incontext1a.jpg) no-repeat;}
  #header01b {position: absolute; top: 0px; left:0px; width: 300px; height: 173px; z-index: 2; background: url(/images/head-incontext1b.jpg) no-repeat;}
  #header02 {position: absolute; top: 0px; left:300px; width: 200px; height: 173px; z-index: 2; background: url(/images/head-incontext2a.jpg) no-repeat;}
  #header02b {position: absolute; top: 0px; left:300px; width: 200px; height: 173px; z-index: 2; background: url(/images/head-incontext2b.jpg) no-repeat;}
  #header03 {position: absolute; padding-left:15px; padding-right:20px; padding-top:8px; padding-bottom:8px; top: 74px; left:515px; width: 215px; height: 73px; z-index: 2; background: url(/images/login-bg.gif) no-repeat;}
    #form_useridtxt { margin-top:7px;}
    #form_userid {margin-top: -15px; text-align:right;}
    #form_passwordtxt { margin-top:4px;}
    #form_password {margin-top: -15px; text-align:right;}
    #form_forgottentxt { margin-top:5px;}
    #form_userid input {padding-top:0px; padding-bottom:4px; height:12px; width:143px; border:1px solid black;}
    #form_password input {padding-top:0px; padding-bottom:4px; height:12px; width:143px; border:1px solid black;}
    #form_submit { margin-top:-17px; text-align:right;}
      #form_submit input {margin:none; width:48px; height:18px; background: url(images/button-go.gif) no-repeat; border:none; }
  #header04 {position: absolute; padding:15px; padding-right:20px; padding-top:8px; top: 74px; left:540px; width: 190px; height: 73px; z-index: 2; background: url(images/icon-search.gif) no-repeat;}
    #form_searchcattxt { margin-top:-7px; margin-left:24px;}
    #form_searchcat { margin-left:24px;}
    #form_searchcat select {margin-top:0px; margin-bottom:0px; height:19px; width:166px; border:1px solid black;}
    #form_searchsubjtxt { margin-top:4px; margin-left:24px;}
    #form_searchsubj { margin-left:24px;}
    #form_searchsubj input {padding-top:0px; padding-left:3px; padding-bottom:0px; height:17px; width:160px; border:1px solid black;}
    #form_searchsubmit { margin-top:4px; text-align:right;}
      #form_searchsubmit input {margin:none; width:65px; height:16px; background: url(images/button-search.gif) no-repeat; border:none; }
#logo {position: absolute; top: 0px; left: 25px; width: 164px; z-index: 3; }
	#logo a {display: block; height: 63px; padding: 0 !important; background: url(images/logo-incontext.gif) no-repeat;}
	#logo h1 {margin: 0;}
	#logo h1 strong {display: none;}
#badges {position: absolute; top: 0px; left:656px; width: 103px; height: 63px; z-index: 3; background: url(images/badges-huddersfield.jpg) no-repeat;}

#navholder {position: absolute; top: 173px; left: 0px; width:760px; height:30px;}
#nav {margin: 0; padding: 0; list-style: none;}
	#nav li {display: block; float: left; background: url(images/separator.gif) no-repeat;}
	#nav li a {display: block; height: 28px; padding: 0 !important; text-align:center; color: #244373}
	#nav li a:hover { text-decoration: none; color: #00A9EB; }
	#nav li#hm {margin-left:3px; width: 73px; background: none;}
	#nav li#nav-about {width: 95px; }
	#nav li#nav-news {width: 66px;}
	#nav li#nav-register {width: 133px;}
	#nav li#nav-faqs {width: 64px;}
	#nav li#nav-exemplar {width: 92px;}
	#nav li#nav-contact {width: 78px;}

	#nav li#nav-briefcase {margin-left:12px; width: 120px; background: url(images/icon-briefcase.gif) no-repeat;}
	#nav li#nav-upload {width: 180px; background: url(images/icon-upload.gif) no-repeat;}
	#nav li#nav-feedback {width: 125px; background: url(images/icon-feedback.gif) no-repeat;}
	#nav li#nav-settings {width: 170px; background: url(images/icon-settings.gif) no-repeat;}
	#nav li#nav-logout {width: 120px; background: url(images/icon-logout.gif) no-repeat;}

#skip {display: none;}

#intro {width:760px; margin:25px; margin-top: 20px;}
#dynamicintro {width:500px; min-height:400px; padding-right:20px; margin:25px; margin-top: 20px; border-right:1px solid #244373;}
.prop { height:400px; float:right; width:1px; }
.clear { clear:both; height:1px; overflow:hidden; }

#dynamicright {position:absolute; float-right; left:535px; width:180px; height:200px; margin:25px; margin-top: 0px; background: url(images/chartexamples-bg.gif) no-repeat;}
  #form_examples {margin-right:24px;}
  #form_examplestitle { margin-top:6px; margin-left:14px;}
  #form_examplestxt { margin-top:6px; margin-left:14px;}
  #form_examples select {margin-top:4px; margin-left:14px; height:19px; width:155px; border:1px solid black;}
  #form_examplessubmit { margin-top:4px; margin-left:125px;}

#acrobat {width:180px; margin-right:24px;}
  #acrobat_readericon a {display: block; padding: 0 !important; width:88px; height:31px; background: url(images/icon-acrobatreader.gif) no-repeat;}
  #acrobat_palmicon a {display: block; padding: 0 !important; width:88px; height:31px; background: url(images/icon-acrobatpalm.gif) no-repeat;}
	#acrobat h3 {margin: 0;}
	#acrobat h3 strong {display: none;}

#footer {position: relative; top: 0px; width: auto; height: 80px; z-index: 1;}

#navholder2 {position: relative; top: 0px; left: 110px; width:531px; height:20px;}
#nav2 {margin: 0; padding: 0; list-style: none;}
	#nav2 li {display: block; float: left; background: url(images/separator2.gif) no-repeat;}
	#nav2 li a {display: block; height: 22px; padding: 0 !important; text-align:center; color: #244373}
	#nav2 li a:hover { text-decoration: none; color: #00A9EB; }
	#nav2 li#hm2 {width: 63px; background: none;}
	#nav2 li#nav2-about {width: 85px; }
	#nav2 li#nav2-news {width: 56px;}
	#nav2 li#nav2-register {width: 123px;}
	#nav2 li#nav2-faqs {width: 54px;}
	#nav2 li#nav2-exemplar {width: 82px;}
	#nav2 li#nav2-contact {width: 68px;}
#pageend {position: relative; top: 0px; width: auto; height: 23px; z-index: 1; background: url(images/foot-bg.gif) repeat-x; }
#pageend2 {position: relative; top: 0px; width: auto; height: 23px; z-index: 2; background: url(images/foot-incontext.gif) no-repeat; }

A:link    {  color: #007071; text-decoration: none; }
A:hover   { color: #007071; text-decoration: underline; }
A:visited { color: #007071; text-decoration: none;  }
A:visited:hover { color: #007071; text-decoration: underline; }
A:active  { color: #007071; text-decoration: none;  }

#Aw       {  color: #FFFFFF; font-family: tahoma, arial, helvetica, sans-serif; text-decoration: none; }
#Aw:hover {  text-decoration: underline; }
#Aw:visited {  }
#Aw:visited:hover {  text-decoration: underline; }
#Aw:active {   }

#Ab       {  color: #000000; font-family: tahoma, arial, helvetica, sans-serif; text-decoration: none; }
#Ab:hover {  text-decoration: underline; }
#Ab:visited {  }
#Ab:visited:hover {  text-decoration: underline; }
#Ab:active {   }


