/* ---- -------------------------------- ---- */
/* ---- Celcat screen stylesheet         ---- */
/* ---- steve@bit10.net                  ---- */
/* ---- -------------------------------- ---- */

/* ---- Default HTML tag definitions ----- */

body                  { font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: left; color: #000000; background: #FFFFFF; }
img                   { border: 0px; }
td										{ line-height: 150%; }

a, a:link, a:visited  { color: #000066; text-decoration: underline; }
a:hover               { color: #000066; text-decoration: none; }

h1                    { font-size: 140%; color: #000066; }
h2                    { font-size: 115%; color: #000066; }
h3, h4, h5            { font-size: 100%; color: #000066; }

blockquote            { padding: 6px 12px; }
hr                    { margin: 0px; padding: 0px; height: 0px; border: solid #000066; border-width: 1px 0px 0px 0px; margin: 0px; }

input                 { font-family: Arial, Verdana, Helvetica, sans-serif; }
textarea              { font-family: Arial, Verdana, Helvetica, sans-serif; }

/* ---- Main site container ----- */

table.site_contain			{ width: 770px; border: 0px; margin: 0px; padding: 0px; }
table.image_contain			{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
table.image_contain td	{ padding: 5px; }
td.site_containtd				{ margin: 0px; padding: 0px; text-align: left; font-size: 70%; vertical-align: top; }

/* ---- Site header ----- */

table.site_header					{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
table.site_header td			{ border: 0px; vertical-align: top; }

td.site_header_logo				{ padding: 0px 0px 0px 20px; text-align: left; width: 155px; }
td.site_header_banner			{ padding: 0px; text-align: right; width: 100%; }
.skip_to_main							{ position: absolute; left: -999px; }

/* ---- Main Navigation ----- */

td.site_navcontaintd			{ margin: 0px; padding: 0px; text-align: left; font-size: 70%; vertical-align: top; background: #000066; color: #FFFFFF; }
table.site_mainnav				{ border: 0px; margin: 0px; padding: 0px; }
table.site_mainnav td			{ vertical-align: middle; white-space: nowrap; }
td.mainnav_sitesel				{ color: #FFFFFF; width: 167px; padding: 4px 12px 4px 20px; }
td.mainnav_sitesel img		{ vertical-align: text-bottom; }
td.mainnav_sitesel a, td.mainnav_sitesel a:link, td.mainnav_sitesel a:visited,
td.mainnav_sitesel a:hover  	{ color: #FFFFFF; }

td.mainnav_item						{ color: #FFFFFF; font-weight: bold; padding: 4px 12px; font-size: 110%; }
td.mainnav_item a, td.mainnav_item a:link, td.mainnav_item a:visited		{ color: #FFFFFF; text-decoration: none; }
td.mainnav_item a:hover  	{ color: #FFFFFF; text-decoration: underline; }

td.mainnav_itemsel				{ color: #000066; background: #FFFFFF; font-weight: bold; padding: 4px 12px;  font-size: 110%; }
td.mainnav_itemsel a, td.mainnav_itemsel a:link, td.mainnav_itemsel a:visited		{ text-decoration: none; }
td.mainnav_itemsel a:hover  	{ text-decoration: underline; }

/* ---- Home content ----- */

table.home_content				{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
td.home_banner						{ width: 188px; padding: 1px 0px 1px 0px; vertical-align: top; }
td.home_main							{ padding: 18px 18px 9px 18px; vertical-align: top; }
td.home_extracol					{ width: 170px; padding: 1px 0px 1px 0px; vertical-align: top; }

td.home_main h1						{ font-size: 160%; }
.home_intro								{ font-size: 110%; }

table.home_content ul			{ margin-left: 18px; padding-left: 0px; list-style: url('../img/bullet_arrows.gif'); }

table.home_extra					{ width: 100%; border: 1px solid #000066; margin: 0px; padding: 0px; }
table.home_extra td				{ line-height: 140%; }
table.home_extra h2				{ margin-bottom: 0.5em; }
table.home_extra p				{ margin-top: 0.5em; margin-bottom: 0.5em; }
td.home_news							{ padding: 12px; background: #E5E5EF; border-bottom: 1px solid #000066; }
td.home_training					{ padding: 12px; background: #CCCCE0; border-bottom: 1px solid #000066; }
td.home_bespoke						{ padding: 12px; background: #B2B2D1; }

td.home_support						{ background: #D92526; border-top: 1px solid #FFFFFF; font-weight: bold; color: #FFFFFF; font-size: 110%; padding: 3px 12px; }
td.home_support a, td.home_support a:link, td.home_support a:visited		{ color: #FFFFFF; text-decoration: none; }
td.home_support a:hover  	{ color: #FFFFFF; text-decoration: underline; }

/* ---- Site Content ----- */

table.site_content				{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
td.site_secnav						{ vertical-align: top; padding: 0px 0px 1px 0px; width: 188px; }
td.content_main						{ vertical-align: top; padding: 1px 18px 18px 22px; color: #000066; font-size: 110%; }
td.content_extracol				{ vertical-align: top; padding: 1px 0px; width: 128px; }

td.content_main h1				{ border-bottom: 1px solid #000066; padding-bottom: 2px; }
td.content_main ul				{ margin-left: 18px; padding-left: 0px; list-style: url('../img/bullet_arrows.gif'); }

div.box_01								{ border: #000066 solid 1px; background: #CCCCE0; padding: 9px 6px; color: #000066; }
div.box_01 h2, div.box_01 h3, div.box_01 p	{ margin-top: 0px; }
div.box_01 h2							{ font-size: 105%; }
div.box_01 h3							{ font-size: 100%; }

table.cont_section_table		{ width: 90%; border: 0px; margin: 0px auto; padding: 0px; }
table.cont_section_table td	{ vertical-align: top; padding: 12px 6px; }
table.cont_section_table ul	{ line-height: 180%; }

table.data_table					{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
table.data_table td				{ vertical-align: top; padding: 2px; }
table.data_table th				{ background: #CCCCE0; vertical-align: top; padding: 2px; text-align: center; }
td.data_table_val					{ text-align: center; }

.formf										{ border: 1px solid #000066; background: #FFFFFF; }
.forms										{ border: 1px solid #000066; background: #CCCCE0; font-weight: bold; }

table.thumbnails					{ width: 100%; border: 0px; margin: 0px auto; padding: 0px; }
table.thumbnails td				{ width: 25%; vertical-align: top; padding: 2px;  text-align: center; }

/* ---- Section Navigation ----- */

table.sec_nav							{ width: 100%; border: 0px; margin: 0px; padding: 0px; }
table.sec_nav th					{ border-top: 1px solid #FFFFFF; color: #FFFFFF; text-align: left; background: #000066; padding: 3px 18px; font-size: 110%; }
table.sec_nav th a, table.sec_nav th a:link, table.sec_nav th a:visited		{ text-decoration: none; color: #FFFFFF; }
table.sec_nav th a:hover  { text-decoration: underline; color: #FFFFFF; }
table.sec_nav td					{ border-top: 1px solid #FFFFFF; }
table.sec_nav ul					{ font-weight: bold; font-size: 110%; list-style: square; padding: 0px; }
table.sec_nav ul a, table.sec_nav ul a:link, table.sec_nav ul a:visited		{ text-decoration: none; }
table.sec_nav ul a:hover  { text-decoration: underline; }
td.secnav_main						{ color: #000066; background: #CCCCE0; padding: 3px 18px 3px 18px; line-height: 200%; }
td.secnav_main ul					{ margin: 0px 0px 0px 15px; }
td.secnav_sel							{ padding: 3px 18px; background: #7373AB; color: #FFFFFF; }
td.secnav_sel ul					{ margin: 0px 0px 0px 15px; }
td.secnav_sel a, td.secnav_sel a:link, td.secnav_sel a:visited		{ color: #FFFFFF; }
td.secnav_sel a:hover  		{ color: #FFFFFF; }
td.secnav_support					{ color: #FFFFFF; font-weight: bold; background: #D92526; padding: 3px 18px; font-size: 110%; }
td.secnav_support a, td.secnav_support a:link, td.secnav_support a:visited		{ color: #FFFFFF; text-decoration: none; }
td.secnav_support a:hover { color: #FFFFFF; text-decoration: underline; }
td.secnav_print						{ padding: 9px 18px; font-weight: bold; }
td.secnav_print img				{ vertical-align: text-bottom; }
td.secnav_print a, td.secnav_print a:link, td.secnav_print a:visited		{ text-decoration: none; }
td.secnav_print a:hover  	{ text-decoration: underline; }

/* ---- Bread Crumb ----- */

td.site_breadcrumb				{ padding: 10px 20px 6px 20px; text-align: left; font-size: 70%; }

td.site_breadcrumb a, td.site_breadcrumb a:link, td.site_breadcrumb a:visited,
td.site_breadcrumb a:hover  { color: #000000; }

/* ---- Footer ----- */

td.site_footer						{ text-align: center; font-size: 70%; border-top: 1px solid #000066; padding: 6px 20px 12px 20px; }
td.site_footer a, td.site_footer a:link, td.site_footer a:visited,
td.site_footer a:hover  { color: #000000; }