/**
 * Created by Oliver Lillie on 2007-08-25.
 * Copyright (c) 2007 Buggedcom. All rights reserved.
 * This file contains the base default for HTML 4.0
 * For more information see http://www.w3.org/TR/REC-CSS2/sample.html
 */
/**
 * HTML 4.0 STYLES
 */
address,
blockquote,
body, dd, div,
dl, dt,
fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, iframe,
noframes,
object, ol, p,
ul, applet,
center, dir,
hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 8px; line-height: 1.33 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.33em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
center          { text-align: center }
br:before       { content: "\a" }

/* an example of style for html 4.0's abbr/acronym elements */

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
a[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }

/* elements that are block-level in html4 */
address, blockquote, body, dd, div, dl, dt, fieldset,
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center,
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot,
col, colgroup, td, th, caption
                { unicode-bidi: embed }
/* end bidi settings */


@media print {
  @page         { margin: 10% }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
  blockquote,
  pre           { page-break-inside: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

@media speech {
  h1, h2, h3,
  h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           { pitch: high; pitch-range: 60; stress: 60 }
  s, strike     { richness: 0 }
  i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             { richness: 0 }
  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

/**
 * Ten4 Design http://www.ten4design.co.uk/
 * CSS compressed using the Offbeat CMS compression system http://www.offbeat.com
 * This file uses the default css as a base referenece for HTML 4.0 For more information
 * see http://www.w3.org/TR/REC-CSS2/sample.html
 */
/**
 * Start the custom css.
 */
body
{
	background-color: #d9d9d9;
	margin: 0;
	padding:0;
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
body, td, tr, h1, h2, h3, h4, h5, h6
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
td, tr, h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	
}
h1, h2, h3, h4, h5, h6
{
	border:0;
	padding:0;
	margin:0;
	display:inline;
}

a:link {
	color: #CA2F87;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CA2F87;
}
a:hover {
	text-decoration: underline;
	color: #CA2F87;
}
a:active {
	text-decoration: none;
	color: #CA2F87;
}

a.headercontact:link
{
	color: #fff;    
	
}
a.headercontact:visited
{
	color: #fff;    
	
}
a.headercontact:hover{
	color: #fff;
	text-decoration: underline;

}

/*
START TAB CSS*/
#wrapper2{
width: 100%;
margin: 0 auto;
}

#tabwrapper{
width: 100%;
margin: 0 auto;
background: #D9D9D9;

}
.box{
background: #D9D9D9;

}
.boxholder{
clear: both;
padding: 15px;
background: #D9D9D9;
}
.tab{
float: left;
height: 20px;
width: 114px;
margin: 5px 1px 0 0;
text-align: center;
background: #D9D9D9 url(http://www.thechangegroup.com/assets/images/default/tab.jpg);
}
.tabtxt{
margin: 0;
font-size: 11px;
font-weight: bold;
padding: 0 0 0 0;
}
.abovetabtext {
color:#FFFFFF;
}
a.abovetabtext:link
{
	color: #99cc00;
}
a.abovetabtext:visited
{
	color: #99cc00;
}
a.abovetabtext:active
{
	color: #99cc00;
}
a.abovetabtext:hover{
	color: #99cc00;
}



/*
END TAB CSS*/

/*
For page titles, now use h2
*/
a h2, h2, h2 a, .h2
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	padding:0 0px 0 0px;
	white-space:nowrap;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none; 
	text-transform:uppercase; 
	background-color:transparent;
}
a:hover h2, h2:hover, h2 a:hover, .h2:hover
{
	text-decoration: underline;
}
a:visited h2, h2 a:visited
{
}
a h2.active, a:visited h2.active, a:active h2.active, a:link h2.active, h2.active, h2 a.active, h2 a.active:visited, h2 a.active:active, h2 a.active:link, .h2-active
{
	color: #CC0066;
	text-decoration: none;  
}






label
{
	cursor:pointer;
}
form
{
	padding:0;
	margin:0;
}
a img
{
	border:0;
}


.footer, a.footer, a.footer:link, a.footer:visited {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
.footer-dividerlarge {
	font-size: 16px;
	color: #CA2F87;
}
.footer-dividersmall {
	font-size: 14px;
	color: #CA2F87;
}
.footerlarge, a.footerlarge, a.footerlarge:link, a.footerlarge:visited {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}
a.footer:active
{
	color: #000000;
}
a.footer:hover{
	color: #000;
}
a.footerlarge:active
{
	color: #000000;
}
a.footerlarge:hover{
	color: #000;
}
a.headline, .headline {
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	padding:0 0px 0 0px;
	white-space:nowrap;
	font-size: 15px;
	font-weight: ;
	color: #FFFFFF;
	text-decoration: none; 
	text-transform:uppercase; 
}
.colouredheader {
	color: #E85C0F;
	font-size: 14px;
	font-family: Helvetica, Arial;
	font-weight: normal;
}
.grey {
	color: #666666;
	font-size: 12px;
	font-family: Helvetica, Arial;
	font-weight: normal;
}
.date {
	font-size: 12px;
	color: #666666;
	font-family: Helvetica, Arial;
}

.input-box
{
	font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color:#999;
	padding:2px;
	margin:2px;
	border: 1px solid #666;
	color: #000;
}
.input-box:focus
{
	border: 1px solid #666;
	background-color:#ECF2F6;
	color: #000000;
}
.input-box[disabled]
{
	border: 1px solid #666;
	color: #909090;
}

.input-button
{
	border: 1px solid #666;
}
.input-button:hover
{
	border: 1px solid #666;
	background-color:#ECF2F6;
	color: #000000;
	cursor:pointer;
}
.input-button[disabled]
{
	border: 1px solid #666;
	color: #909090;
	cursor:normal;
}

.lowlight
{
	color:#666666;
	font-size:10px;
}
.highlight
{
	color:#000000;
	font-weight:normal;
	text-transform: uppercase;
}
img.header
{
	margin-bottom:0px;
}

.rollover
{
	cursor:pointer;
}

.nav
{
	background:url(http://www.thechangegroup.com/assets/images/default/nav/bottomspace.gif);
	color:#fff;
}

#container_small{
/*the width of the main container - not obligatory*/
width:320px;
}
.css_angles{
/*the background_image*/
background:url(http://www.thechangegroup.com/assets/images/default/corners.png) no-repeat;
/*the height - equal half the background image*/
height:25px;
}
#angle_top_left{
/*position of the background image in the top left corner*/
background-position:top left;
}
#angle_top_right{
/*position of the background image in the top right corner*/
background-position:top right;
}
#angle_bot_left{
/*position of the background image in the bottom left corner*/
background-position:bottom left;
}
#angle_bot_right{
/*position of the background image in the bottom right corner*/
background-position:bottom right;
}
.background_color{
/*background_color to fill up the space in between the 2 corners*/
background-color:#c0cacb;
/*the height*/
height:25px;
/*its position in rapport to its relative corner*/
/*equal to margin-top:-15px;margin-right:15px;margin-bottom:0;margin-left:15px;*/
margin:-25px 25px 0 25px;
}
.content{
/*the background color of the content - the same as the one used first*/
background-color:#c0cacb;
/*a padding space to the left and right in between the edge of the element and its content - not obligatory*/
padding:0 10px;
}