/*define the default font characteristics*/
p            { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px;
               font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #006600; margin-top: 6px; margin-bottom: 10px; }
body         { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px;
               font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #006600; }
td           { font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px;
               font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #006600; }
ul           { margin-top: 8px; margin-bottom: 14px; margin-left: 22px; color: #006600; line-height: 130%; }
ol           { margin-top: 8px; margin-bottom: 14px; margin-left: 28px; color: #006600; }
li           { margin-bottom: 6px; }
ul.bolder    { margin-top: 8px; margin-bottom: 8px; margin-left: 18px; color:#000000; }
h1           { font-style: italic; font-variant: normal; font-weight: bold; font-size: 14pt; 
               font-family: "Times New Roman", Times, Serif; color:#E76F00; margin-bottom: 14pt; }
h2           { font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; margin-bottom: 0; }
h3           { font-style: bold; font-variant: normal; font-weight: bold; font-size: 11px; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; margin-bottom: 0; }
h4           { font-style: bold; font-variant: normal; font-weight: bold; font-size: 11px; 
               font-family: Verdana, Arial, Helvetica, Sans-Serif; margin-bottom: 0; color:#E76F00; }
tt, pre      { font-family: monospace; font-size: 12px }
.ultitle     { margin-bottom: 6px }
.smaller     { font-size: 10px }
hr			 { height: 1; color: #FEB800; background-color: #FEB800; border-width: 0px; }
form         { margin: 0px; }
.closesmall  { font-size: 10px; margin: 0px; }
.showerror   { color: #CC0000; }
.quote       { color: #990000; font-style: italic; }
div.container	{ position:relative; margin:0; padding:0; }
div.justifytext	{ text-align:justify; }
img.altborder	{ border: 1px solid #DDDDDD; }

/*define the page body colours*/
body.sitemain  { background-color: #E3E3D8; }

/*define the anchor link behaviour*/
a:link       { text-decoration: none; color: #CC0000; font-weight: bold }
a:visited    { text-decoration: none; color: #CC0000; font-weight: bold }
a:active     { text-decoration: none; font-weight: bold }
a:hover      { text-decoration: underline; color: #0000CC; font-weight: bold }
:link.lenter        { text-decoration: none; color: #E76F00; font-style: italic; font-weight: bold; font-size: 12pt; }
:visited.lenter     { text-decoration: none; color: #E76F00; font-style: italic; font-weight: bold; font-size: 12pt; }
:active.lenter      { text-decoration: none; font-style: italic; font-weight: bold}
:hover.lenter       { text-decoration: underline; color: #006600; font-style: italic; font-weight: bold font-size: 12pt; }
:link.lmenu         { text-decoration: none; color: #CD6A07; font-weight: bold; }
:visited.lmenu      { text-decoration: none; color: #CD6A07; font-weight: bold; }
:active.lmenu       { text-decoration: none; font-weight: bold; }
:hover.lmenu        { text-decoration: underline; color: #006600; font-weight: bold; }
:link.lfooter       { text-decoration: none; color: #F9D9BB; font-weight: bold; }
:visited.lfooter    { text-decoration: none; color: #F9D9BB; font-weight: bold; }
:active.lfooter     { text-decoration: none; font-weight: bold }
:hover.lfooter      { text-decoration: underline; color: #FFFFFF; font-weight: bold }

/*define general coloured rows table styles*/
table.outline       { border: 1px solid #FEB800; }
td.darkcell         { background-color: #E76F00; color: #F9D9BB; padding: 2px; border-bottom: 1px solid #F9D9BB; }
td.midcell          { background-color: #DEDEDE; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; border-bottom: 1px solid #D7D7D7; }
td.litecell         { background-color: #EEEEEE; padding-top: 1px; padding-bottom: 1px; padding-left: 6px; border-bottom: 1px solid #E7E7E7;  }
.altimageborder     { border: 1px solid #B2B2CC; }

/*define this sites table layout styles*/
td.ds-left      { background-color: #E3E3D8; background-image: url('/images/framework/drop_shadow_left.gif'); background-repeat: repeat-y; background-position: right top; }
td.ds-right     { background-color: #E3E3D8; background-image: url('/images/framework/drop_shadow_right.gif'); background-repeat: repeat-y; background-position: left top; }
td.banner-top   { background-color: #FFFFFF; } 
td.banner-logo  { background-color: #FFFFDE; }
td.banner-bottom{ background-color: #F4EB95; }
td.main-window  { background-color: #FFFFFF; }
td.content-home { background-color: #FFFFFF; color: #006600; padding-top: 25px; ; padding-bottom: 35px; padding-left: 45px; padding-right: 105px; background-image: url('/images/framework/pen.gif'); background-repeat: no-repeat; background-position: right bottom; }
td.content      { background-color: #FFFFFF; color: #006600; padding-top: 25px; ; padding-bottom: 35px; padding-left: 40px; padding-right: 40px; background-image: url('/images/framework/pen_dim.gif'); background-repeat: no-repeat; background-position: right bottom; }
td.menu         { color: #E76F00; font-weight: bold; text-align: right; padding-top: 5px; padding-right: 20px; }
td.footer       { background-color: #E76F00; color: #F9D9BB; font-size: 10px; padding: 10px; line-height: 150%; letter-spacing: 1px; }

td.front-info   { line-height: 125%; letter-spacing: 1px; }

/*define any other styles required*/
.4a             { font-size: 14pt; font-weight: bold; }
td.image-th     { padding-left: 4px; }
.line-it        { border-bottom: 1px solid #000000 }

/*Show or expand info CSS*/
td.expandinfo   { padding-bottom: 8px; }
.hideinfo       { display:none; }
.showinfo       { }

/*Image Thumbnail Viewer*/
#showimage          { position:absolute; visibility:hidden; border: 1px solid gray; }
#dragbar            { cursor: hand; cursor: pointer; background-color: #DDDDDD; min-width: 100px; /*NS6 style to overcome bug*/ }
#dragbar #closetext { font-weight: bold; margin-right: 1px; }

/*define the contact table styles*/
td.contactheading { font-weight: bold; font-size: 12px; }
td.contactdetails { border-left: 2px solid #CCCCCC; padding-left: 8px; }

/*define form styles*/
td.formheader       { background-color: #3E8251; color: #FEE19D; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
td.formbackground   { background-color: #FFFFEE; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px }
.inputmicro      { background-color: #FFFFFF; width: 25px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.inputshort      { background-color: #FFFFFF; width: 127px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.inputlong       { background-color: #FFFFFF; width: 275px; border-left:1px solid #666699; border-bottom: 1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; }
.selectshort        { width:100px; font-size: 10px }
.selectmed          { width:140px; font-size: 10px }
.button             { font-weight: normal; font-size: 10px; }

/*Try Yourself*/
p#start							{ margin:15px 0 0 0; border:0; padding:0; font-size:110%; font-style:italic; }
form#frmQuestion				{ position:relative; margin:0; border:0; padding:0; width:416px; font-size:110%; }
form#frmQuestion div.questionbox{ position:relative; margin:0 0 15px 0; border:1px solid #ccc; padding:0; width:414px; background:#f7f7f7; }
form#frmQuestion div.question	{ margin:0; padding:2px; background:#ccf url('/images/icons/survey-header.jpg') no-repeat top left;  }
form#frmQuestion ol				{ margin:0 0 0 12px; padding:0 0 0 12px; }
form#frmQuestion ol#q2			{ counter-reset: item 2; }
form#frmQuestion li				{ margin-bottom:0; color:#333; }
form#frmQuestion div.info		{ width:414px; }
form#frmQuestion div.neg		{ float:left; width:201px; margin:4px 3px 4px 3px; border:0; padding:0; font-size:80%; }
form#frmQuestion div.pos		{ float:left; width:201px; margin:4px 3px 4px 3px; border:0; padding:0; font-size:80%; text-align:right; }
* html form#frmQuestion div.pos, form#frmQuestion div.neg	{ display:inline; } /*ie6 win double margin bug fix*/
form#frmQuestion p.arrows		{ margin:0; text-align:right; }
form#frmQuestion p.arrows span	{ float:left; }
form#frmQuestion div.answers	{ width:414px; }
form#frmQuestion div.response	{ float:left; margin:0; border-top:1px solid #ccc; border-right:1px solid #ccc; padding:1px; width:43px; height:30px; text-align:center; }
* html form#frmQuestion div.response	{ width:46px } /*ie6 box model hack*/
form#frmQuestion div.mid		{ background:#eee; }
form#frmQuestion div.last		{ border-right:0; width:44px; }
form#frmQuestion label			{ display:block; font-size:80%; }
form#frmQuestion input.btn		{ font-size:90%; }

/*survey results*/
table.results				{ margin:4px 0 15px 0; border:1px solid #ccc; padding:0; border-collapse:collapse; background:#fff url('/images/icons/results-bg.jpg') repeat-x top left; }
table.results caption		{ margin:5px 0 0 0; border:0; padding:0; font-size:11px; font-weight:bold; text-align:left; }
table.results td.item		{ margin:0; border:0; padding:2px; text-align:right; width:110px; color:#333; background:#fff; }
table.results td.score		{ margin:0; border:0; padding:2px 2px 2px 0; width:300px; background:url('/images/icons/results-grid.gif') repeat top left; }
table.results td.score img	{ margin:2px 2px 4px 0; vertical-align: middle; }