﻿/* Hide Sections of Website
------------------------------------------------------------------------------------- */

.hidethis
	{
	}

.table-contents
	{
	border-collapse: collapse;
	border: 1px solid #000080;
	padding: 1px 4px;
	width: 90%;
	background-image:url('../images/transparent.png');
	}
	
/* Access Key Controls
------------------------------------------------------------------------------------- */

#accessibility ul
	{
	list-style: none;
	display: block;
	}
	
#accessibility ul li
	{
	list-style: none;
	display: inline;
	}

#accessibility ul li a
	{
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	}
	
#accessibility a:active, #accessibility a:focus
	{
	position:static;
	width:auto; 
	height:auto;
	border-style: none;
	text-decoration: none;
	color: #800000;
	font-weight: bold;
	}

/* Body Design
------------------------------------------------------------------------------------- */

.main
	{
	background-image: url('../images/people.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
	}

/* Titles & Headings
------------------------------------------------------------------------------------- */

.title
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	color: #000080;
	text-align: center;
	line-height: 30px;
	font-variant: normal;
	font-style: normal;
	}

H1	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #000080;
	text-align: center;
	line-height: 1.5em;
	font-variant: normal;
	font-style: normal;
	}

H2	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000080;
	font-weight: bold;
	text-align: justify;
	line-height: 1.15em;
	font-variant: normal;
	font-style: normal;
	}

H3	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000080;
	font-weight: bold;
	text-align: left;
	line-height: 11px;
	font-variant: normal;
	font-style: normal;
	}
	
H4	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	font-variant: normal;
	font-style: normal;
	}
	
H5	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #800000;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	font-variant: normal;
	font-style: normal;
	}
	
/* URL & Website Links
------------------------------------------------------------------------------------- */

A:link, A:visited
	{
	border-style: none;
	text-decoration: none;
	color: #000080;
	font-weight: bold;
	}

A:active
	{
	border-style: none;
	text-decoration: underline;
	color: #800000;
	font-weight: bold;
	}

A:hover, A:focus
	{
	border-style: none;
	text-decoration: underline;
	color: #808080;
	font-weight:bold;
	}

.special:link, .special:visited
	{
	border-style: none;
	text-decoration: none;
	color: #000080;
	font-weight: bold;
	}

.special:active
	{
	border-style: none;
	text-decoration: underline;
	color: #800000;
	font-weight: bold;
	}

.special:hover, .special:focus
	{
	border-style: none;
	text-decoration: underline;
	color: #808080;
	font-weight:bold;
	}

.block:link, .block:visited
	{
	border-style: none;
	text-decoration: none;
	color: #FFFFFF;
	font-size:0.8em
	}
	
.block:active
	{
	border-style: none;
	text-decoration: underline;
	color: #800000;
	font-size:0.8em
	}

.block:hover, .block:focus
	{
	border-style: none;
	text-decoration: underline;
	color: #FFFF40;
	font-size:0.8em
	}

/* Fonts, Styles & Colours
------------------------------------------------------------------------------------- */

body
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: justify;
	}

p	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	color: #000080;
	}

.underline
	{
	text-decoration: underline;
	}
	
.p-red
	{
	color: #800000;
	}

.p-red-center
	{
	color: #800000;
	text-align:center;
	}

.underline-red
	{
	color: #800000;
	text-decoration: underline;
	}
	
.large-font
	{
	text-align: left;
	font-size: 1.2em;
	}

.xlarge-font
	{
	text-align: left;
	font-size: 1.4em;
	}

.large-font-center
	{
	text-align: center;
	font-size: 1.2em;
	}

.large-font-bold
	{
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.footer
	{
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	}
	
ul,li,td
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	/* color: #000080; */
	list-style-image: url(http://www.stacsolutions.co.uk/images/bullet-point.png);
	}


/* Block Quotes
------------------------------------------------------------------------------------- */

blockquote
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
	text-align: justify;
	}
	
.signature
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000080;
	}

/* Alignment
------------------------------------------------------------------------------------- */
	
.align-center
	{
	text-align: center;
	}
	
.align-left
	{
	text-align: left;
	}
	
.align-right
	{
	text-align: right;
	}

/* Images
------------------------------------------------------------------------------------- */

img {
	border-style: none;
	}

.img-middle
	{
	vertical-align: middle;
	}
	
/* Tables
------------------------------------------------------------------------------------- */

table
	{
	empty-cells: show;
	}

td	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	color: #000080;
	}
.table-background
	{
	background-image: url('../images/background-block.gif');
	background-repeat:no-repeat;
	background-position:center;
	}

.table-body
	{
	width: 675px;
	background-image:url('../images/transparent.png');
	}

.table-border-black
	{
	border-style: solid solid solid solid;
	border-color: #000000;
	border-right: 1px;
	border-bottom: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	}
	
.table-border-grey
	{
	border: 1px solid #C0C0C0;
	background-image:url('../images/transparent.png');
	}
	
.table-border-none
	{
	border: 1px none;
	background-image:url('../images/transparent.png');
	}

.table-border-grey-main
	{
	width: 765px;
	height: 100%;
	border-style: none solid solid solid;
	border-color: #C0C0C0;
	background-color: #FFFFFF;
	border-right: 2px;
	border-bottom: 2px;
	border-left-width: 2px;
	border-top-width: 2px;
	}

.table-cell-block-dark
	{
	text-align: center;
	background-image:url('../images/block-dark.png');
	background-repeat: no-repeat;
	background-position:center;
	}
	
.table-cell-block-sales
	{
	text-align: center;
	background-image:url('../images/sales-skills-block.png');
	background-repeat: no-repeat;
	background-position:center;
	}

.table-cell-block-light
	{
	text-align: center;
	background-image:url('../images/block-light.png');
	background-repeat: no-repeat;
	background-position:center;
	}
	
.table-centre-bold
	{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	}

.table-centre-bold-hidethis
	{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	}

.table-chart-border
	{
	border: 1px solid #4F81BD;
	}

.table-chart-cell
	{
	border: 1px solid #800000;
	border-color: #687EBA;
	background-color: #AEA8D2;
	color: #000000;
	font-size: 1em;
	font-weight:bold;
	}

.table-chart-cell-border
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-size: 1em;
	}
	
.table-chart-cell-border-center
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-size: 1em;
	text-align:center;
	}
	
.table-chart-cell-border-bold
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-weight: bold;
	font-size: 1em;
	}

.table-chart-cell-border-centre
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	}
	
.table-chart-cell-border-left
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-size: 1em;
	text-align: left;
	}
	
.table-chart-cell-border-left-bold
	{
	border-width: 1px;
	border-style: solid;
	border-color: #4F81BD;
	color: #4F81BD;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	}

.table-chart-cell-dark
	{
	border: 1px solid #687EBA;
	background-color: #687EBA;
	color: #FFFFFF;
	text-align: center;
	}

.table-chart-main
	{
	width: 600px;
	border: 1px solid #800000;
	}
	
.table-header-main
	{
	width: 675px;
	border-style: solid solid solid solid;
	border-color: #C0C0C0;
	border-right: 2px;
	border-bottom: 2px;
	background-color: #FFFFFF;
	border-left-width: 2px;
	border-top-width: 2px;
	}

/* Footer - Copyright & Browsers
------------------------------------------------------------------------------------- */

.table-copyright
	{
	border-collapse: collapse;
	border: 1px solid #000080;
	padding: 1px 4px;
	width: 600px;
	background-image:url('../images/transparent.png');
	}

.table-centre-bold-copyright
	{
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	}
	
.copyright
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	}
	
.copyright-hidethis
	{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	}

.copyright :link, .copyright :visited
	{
	border-style: none;
	font-size: 0.8em;
	text-decoration: none;
	color: #000080;
	font-weight: bold;
	}

.copyright :active, .copyright :hover, .copyright :focus
	{
	border-style: none;
	font-size: 0.8em;
	text-decoration: none;
	color: #E9B7AC;
	font-weight:bold;
	}

.browser-update
	{
	font-size: 1em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000080;
	vertical-align: middle;
	text-align: center;
	}
