/* 	
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Print Styles for Matt Somers v 3.0
		Styles by www.theimagesgroup.co.uk
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body {background: #fff; padding: 0; font-family: 'Myriad Pro', Myriad, Arial, sans-serif; }
p {line-height: 1.5em; margin-bottom: 1.0em; text-align: justify; }
a 			{color: #00c;}
a:link 		{color: #00c;}
a:visited	{color: #00a;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin: 0.4em 0.2em 0.4em 0em; }
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

/*	Main Blocks Begin
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#maincontent h1, #maincontent h2, #maincontent h3 {color:#004990; }
#maincontent h1:first-letter, #maincontent h2:first-letter, #maincontent h3:first-letter {color:#f78f1e; }
#maincontent h1, #maincontent h2, #maincontent h3, 
#maincontent h4, #maincontent h5, #maincontent h6 {display:block; padding:10px 10px 15px 2px;}
em.highlight	{background:#ffc; color:#333; border-top:1px solid #fc6; border-bottom:1px solid #fc6; }
#outer {width:100% }

/*	Header Styles */
#header				{position:relative; width:100%; background:#fff; color:#f00; padding: 10px; }
#headercontent 		{color: #000; text-align:center; }
#headercontent h2	{text-align:center; font-size:0.9em; }

#menu			{position:relative; height:3em; padding:0em 1.0em 0em 0em; }
#menu ul 		{position:absolute; top:1.1em; }
#menu ul li 	{position:relative; display: inline; border-right:1px solid #004990; }
#menu ul li a	{padding: 0.5em 1.0em 0.5em 1.0em; color:#004990; text-decoration: none; }

#menu ul li a:hover			{color:#f78f1e; }
#menu ul li a.menu_current	{color:#f78f1e; }
#menubottom		{background:#f78f1e; height:8px; margin:0 0 1em 0; }


/* Main Content */
#content 			{width:100%; padding:0 0 3em 0; position:relative; }
#container			{position:absolute; left:0; }
#secondarycontent	{position:absolute; right:0; width: 30%; padding:0; }

#maincontent		{margin: 0.5em 32% 2em 0; font-size:0.9em; }

#maincontent ul {padding:1em;margin-left:2em;}
#maincontent li {margin-bottom:0.5em;}

#maincontent img {border:0;margin:5px;}

/* Footer */
#footer, #footermenu {display:none; }


/* New Styles for the wb WYSIWYG content 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span.blue, p.blue		{color:#004990;}
span.orange, p.orange	{color:#f78f1e;}


/* 
	Coloured Boxes 
	(Start with main boxes and then group all other simple boxes below)
*/

/* Blue Box */
.box-blue	{
	position:relative;
	color:#fff;
	padding: 1em;
	background: #004990;
	display:block;
}
#maincontent .box-blue h1, #maincontent .box-blue h2, #maincontent .box-blue h3	{color:#f78f1e; font-size:1.5em; }
.box-blue a:link, .box-blue a:visited		{color:#e0e0e0; }
.box-blue span#signature	{width:213px; height:66px; position:absolute; bottom:5px; right: 5px; background: transparent url('../img/signature.png') top left repeat-x;text-decoration:none; }

.box-blue img			{position: relative;}

/* Orange Box */
.box-orange	{
	color:#fff;
	padding: 1.5em;
	background: #f78f1e;
	text-align:center;
	margin-bottom:2em;
}
div.box-orange	table td {vertical-align:middle; margin:0; padding:0; } /* keeps the table aligned middle */

.box-orange input	{height:16px; width:100px; background:#fff; color:#333; font-size:0.8em; }
.box-orange input:hover, .box-orange input:active {background:#cfcfcf; color:#000;}
.box-orange input.submit	{height:20px; width:28px; background:#004990; color:#fff; border:0;}

/* Note Styled */
.box-note	{
	text-align:center;
	display: block;
	background: #fff7c7;
	padding: 1.5em;
	border-bottom: 2px solid #E1D2BD;
	margin-bottom:2em;
}
.box-note h1, .box-note h2, .box-note h3	{font-weight:bold; font-size:1.1em; }
.box-note ol li		{margin-bottom:0.6em; }
.box-note a			{color:#00c; text-decoration:none;} 
.box-note a:visited	{color:#009; }
.box-note a:hover, .box-note a:active	{background:#ffc; color:#333; border-top:1px solid #fc6; border-bottom:1px solid #fc6; } 
.box-note a img:hover	{border:0; }


/* Group All Boxes to set alignment and padding */
.box-cyan, .box-lightcyan, .box-darkblue, .box-red, .box-purple, .box-yellow, #secondarycontent .box-blue	{
	padding: 1.5em;
	text-align:center;
	margin-bottom:2em;
}

/* Individual Colours */
.box-cyan		{background:#19bcb9; color:#fff; }
.box-lightcyan	{background:#a0d9d8; color:#000; }
.box-darkblue	{background:#013e66; color:#fff; }
.box-red		{background:#f14d49; color:#fff; }
.box-purple		{background:#9a5aa4; color:#fff; }
.box-yellow		{background:#fff7c7; color:#000; }

/* Make sure any hyperlinks are in a visible colour contrasting to the bg */
div.box-darkblue a:link, div.box-darkblue a:visited,
div.box-purple a:link,	div.box-purple a:visited,	{color:#fff; }



/*  Float containers fix: */
.clr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Table Formatting for resources page (id) */
table#resources		{width: 640px;}
table#resources	td	{vertical-align:top;  width:45%;  }
table#resources	img	{margin-right:4px; }
span.prodCost		{
	background:#d1f6ff;
	border:1px solid #b7f1ff;
	-moz-border-radius:5px; /* Mozilla */
	-webkit-border-radius:5px; /* Safari */
	padding:4px 6px; 
	white-space:nowrap; 
	fon-weight:bold;
}

/* Table Formatting for resources page (class) */
table.resources		{width: 99%; text-align:center; }
table.resources	td	{vertical-align:top;  width:45%;  }
table.resources	img	{border:0; }


/* Logos shown on the contact page */
table.icons	{width:98%; }
table.icons	td {text-align:center; width:15%; }