/* Stax Contentblock CSS - Layout */
/* shoes for industry 2010. Copyright 2006-2010. All rights reserved */

/*
/*
Partner to stax-colours-default.css
Content is layered like a cake, with fully liquid or a semi liquid jello or fixed width
This is set with 'body id' e.g. liquid, fixed or jello

Colour Scheme is set with 'body class' e.g class="defaultcolourscheme / alt1colourscheme / testcolourscheme
content blocks stax are pre-set with whitecolour, lightcolour, darkcolour or blackcolour backgrounds. 
These can be set per colour scheme. 
*/

/* Index of CSS*/

/* + Reset sytles from Eric Meyer */

/* + Basic Body Settings */

/* + Forms */

/* + Headings and Type Layout */

/* + Structural Layout in Stax of Content Blocks */

/* + Inner Wrappers - menus have their own as do columnblock / spancolumns blocks */

/* + Columns Span Colums and Albumlist */

/* + Menus */

/* + Lists */

/* + Buttons */

/*+ Module specific */

/* + Images */

/*+ Miscellaneous */

/*
+ Resets styles - Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v1.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

ul {list-style: none;}

blockquote, q {quotes: none;}

/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

:focus {outline: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0.5em;
}
/* end Reset Style */

/*----------------------------------*/

/*
+ Basic Settings 
*/
body {
font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft Sans Serif',sans-serif;
font-size: 14px; /* 14 px is 1em - set in IE css to 100% */
line-height: 1.5; /* 21px */
text-align: left;
}

cite, em { font-style: italic; }
code, samp, pre { font-size: 0.714285714285714em; font-family:'Monaco', courier, mono-space, sans-serif;}

small, sup, sub { font-size: 0.714285714285714em; }
abbr, acronym { text-transform: uppercase; font-size: 0.714285714285714em; letter-spacing: .1em; }
a abbr, a acronym { border: none; }

sup { vertical-align: super;  font-size: 0.714285714285714em}
sub { vertical-align: sub;  font-size: 0.714285714285714em}

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {font-size: 1em;}

ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {
font-size: 1em;}

p, ul, ol, dl, address, table, blockquote, pre, fieldset {margin-bottom: 1.4286em;}

ul ul, ol ol, ol ul, ul ol {margin-bottom: 0;}



/*----------------------------------*/

/* 
+ Forms
*/
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
input, input[type='text'], input[type='select'], input[type='button'],  input[type='password'], input[type='submit'],select, textarea { padding: 2px; font-family:inherit;font-size: 1em;}
form {margin-bottom: 1.517em;}
/* Needs to be the same as body for text area in IE6 and 7 */
textarea {font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft Sans Serif',sans-serif;}

/* Main Search Form */
#searchtop {
position:absolute;
top:0;
right: 0;

}

/* for forms legend see h4 */

/*----------------------------------*/

/*Headings and Type Layout*/

h1 { /* 78px */
	font-size: 4.5em; /* Really going to be just for Opera - see below */
	text-align: center;
	font-family: "Georgia", Georgia, Times, Serif;
	/*Opera does not like this - so we'll pump it in through a fixOpera UDT*/ 
	font-weight: 100;
	font-size: 5.42857142857143em;
	margin-top: 0.414474em;
}
h2 { /* 50px */
	line-height: 1.2;
	font-size: 3.428571em;
	margin-top: 0.428em;
	margin-bottom: 0.214285714285714em;
}
h3 {/* 36px Legend is simliar*/
	font-size: 2.57142857142857em;
	margin-top: 0.291667em;
	margin-bottom: 0em;
	font-weight: 200;
	line-height: 1.1;
}
h4, legend {/* 24px*/
	font-size: 1.714286em;
}
h5{/* 18 */
	font-size: 1.28571428571429em;
	margin-top: 0.583334em;
}

h6{/* 16 */
	font-size: 1.142857em;
}


.class14px {/* 14px */
	font-size: 1em;
}

.class12px {/* 12px */
	font-size: 0.75em;
}

.class10px {/* 10px */
	font-size: 0.714285714285714em;
}

.strapline{/* 21px */
	font-size: 1.5em;
	font-weight: 200;
	margin-top:0.750000em;
	margin-bottom:0.750000em;
} 

.verysmalltext {
	font-size: 0.714285714285714em;
}

.columnblock h4 {/* set to h6 */
	font-size: 1.142857em;
	font-weight: 200;
}

/* end of Headings and Type Layout*/

/*----------------------------------*/

/* 
+ Structural Layout in Stax of Content Blocks
*/

/* This is a liquid full width layout */
/* Set body id to liquid */
.contentblock {
text-align: center; /*For IE */
margin: 0 auto 0 auto;
padding: 0 1em 0 1em;
}

/* Not really used in liquid - set to full liquid width */
.sizer {
width: auto; 
margin: 0 auto 0 auto; 
max-width: 100%;
width: 100%;
}

/* Not really used in liquid - set to full liquid width */
.expander { 
min-width: 100px; /* *CHECK* This prevents Safari from losing the negative margins in narrow windows */  
position: relative; /* makes #expander visible outside #sizer in IEwin */
min-height: 1px; /* Layout to IE7, which can't read the Holly hack below */
text-align: left; /* resets the default text alignment for the page */
}

.contents{
width: 100%;
padding: 0; /*GETS RID OF COLLAPSING MARGINS*/
position: relative;
clear: both;
overflow: hidden;
text-align: left;	
}

/* This is for a fixed width layout */
/* Set body id to fixed */
#fixed .contents {
margin: 0 auto 0 auto;
width:  69.71em;
max-width: 69.71em;
}

/* This is a jello layout  */
/* Set body id to jello */
.sizer {
width: auto; 
margin: 0 auto 0 auto; 
max-width: 100%;
width: 100%;
}

/* Not really used in liquid - set to full liquid width */
.expander { 
min-width: 100px; /* *CHECK* This prevents Safari from losing the negative margins in narrow windows */  
position: relative; /* makes #expander visible outside #sizer in IEwin */
min-height: 1px; /* Layout to IE7, which can't read the Holly hack below */
text-align: left; /* resets the default text alignment for the page */
}

.contents{
width: 100%;
padding: 0; /*GETS RID OF COLLAPSING MARGINS*/
position: relative;
clear: both;
overflow: hidden;	
}

/* This is for a fixed width layout */
/* Set body id to fixed */
#fixed .contents {
margin: 0 auto 0 auto;
width:  69.71em;
max-width: 69.71em;
}

/* This is a jello layout  */
/* Set body id to jello */
#jello .contentblock .contents{
padding: 0;
}

#jello .contentblock{
padding: 0 300px 0 300px; /* Adjust for ie */
}

#jello .contentblock .sizer {
width: 50%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
max-width: 400px;  /* 1000 - 600 = 400  or 1000 - (306 *2) = 388*/
}

#jello .contentblock .expander { /* Any % height here causes IE to lose the neg right margin */
margin: 0 -300px 0 -300px; /* neg side margin values should be < or = to side body padding */
}

/*\*/
* html .expander{height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* Clearfix hack */
.clearfix:after {
content:".";
display:block;
height: 0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-table;}
/* Hide from IE Mac \*/
* html .fix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE Mac */

.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
/*----------------------------------*/

/* 
+ Inner Wrappers - menus have their own as do columnblock / spancolumns blocks
*/

/* div surrounding header block */
#headerblock{}

/* div surrounding first block */
#firstblock {padding: 0 4px 0 4px;margin-top: 1.5em;margin-bottom: 3em;}

/* div surrounding 2-8 blocks */
#secondblock, #thirdblock, #fourthblock, #fifthblock, #sixthblock, #seventhblock, #eighthblock
{padding: 0 4px 0 4px; margin-top: 2.5em; margin-bottom: 3.5em;float:left;}


/* div surrounding sub menu block */
#submenublock {}

/* class surrounding footermenublock */
#footermenublock {}

/* class surrounding footerblock */
#footerblock {margin-top: 1.5em; font-size: 0.714285714285714em; text-align: center;}

/* class surrounding contactblock */
.contactblock {margin-bottom:  1.5em;}

/* Columns Span Colums and Albumlist */

/* class surrounding column */
.columnblock {
clear: both;
zoom: 1;
}
.column{
float: left;
position: relative;
margin: 0 0 1em 0;
zoom: 1;
}

.split30_70 .column {
  width: 30%;
  margin-right: 3%;
}

.split30_70 .column.last {
	width: 65%;
}
.split30_70.invert .column{
  width: 65%;
}

.split30_70.invert .column.last {
	width: 30%;
}

.split40_60 .column {
  width: 40%;
  margin-right: 3%;
}

.split40_60 .column.last {
	width: 50%;
}
.split40_60.invert .column{
  width: 50%;
}

.split40_60.invert .column.last {
	width: 40%;
}

.backgroundimage .column { 
  margin-right: 250px; /* Width of the background image */
  border :1px solid;
}

.oneCol .column{
  	width: 97%;
}
.twoCol .column{
    width: 45%;
	margin-right: 3%;
}
.threeCol .column{
	width: 30%;
	margin-right: 2%;
}
.fourCol .column{
   width: 21%;
}

.column.last {
margin-right: 0;
zoom: 1;
}


/* Column Span */

.mainpanel, .mainpanel-help{
	margin-right: 2.33%;
	width: 53%;
	float: left;
	position: relative;
	overflow: hidden;
}

 .mainpanel-help h3 {
	margin-top: 0.291667em;
	margin-bottom:0.291667em;
}

.sidepanel, .sidepanel-sitemap{
	float: right;
	position:relative;
	overflow: hidden;
}

.sidepanel h3{
margin-left: 0.4em ;
}
.sidepanel h4{
margin-left: 0.47em ;
}
.sidepanel, .sidepanel p{
margin-left: 1em ;
}

.sidepanel-sitemap h3{
margin-top: 0.291667em;
margin-bottom: 0.291667em;
margin-left: 1em ;
}
.sidepanel-sitemap p, .sidepanel-sitemap li{
margin-left: 3em ;
}

.spancolumnblock{	
	width: auto;	
	margin-bottom:1.15em;	
}
.spancolumnblock .mainpanel{	
	width: 64%;		
}

.spancolumnblock .sidepanel{
	width: 33%;
}

.spancolumnblock .mainpanel-help{	
	width: 60%;	
		
}


.spancolumnblock .sidepanel-sitemap{
	width: 37%;
}

.subcolumn {
	width: 47%;
	float: right;
	margin-left: 1em;
}


.subcolumn3Col{
	width: 31%;
	float: right;
	margin-left: 2.5%;
	margin-bottom: 1em;
	border: 1px solid red;
}

.firstsubcolumn {
	clear:left;
	float: left;
	margin: 0;
}

.spancolumnblock .mainpanel .subcolumn{
	clear: right;
}

.spancolumnblock .mainpanel .firstsubcolumn {
	clear: left;
}

.spancolumnblock .sidepanel {
	margin-top: 1.5em;	
}


/* Albumlist */
.albumlist  {
	width: 100%;
	float: left;
    overflow: hidden;
	margin-bottom:1.5em;
}
.albumlist li {
    height: 208px;
    width: 24%;
    float: left;
    text-align: center;
}

.albumlist img{
width:100%;
	margin-bottom:3em;
}

.albumlist a,
.albumlist a:link,
.albumlist a:visited,
.albumlist a:hover,
.albumlist a:focus,
.albumlist a:active {
    border: none;
}

/* end Albumlist */

/*----------------------------------*/

/* 
+ MENUS
*/

/* div surrounding main menu - centered*/
#mainmenublock, #adminmenublock,  #footermenublock{
float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}

#adminmenublock{
font-size: smaller;
}


#mainmenublock ul, #adminmenublock ul,  #footermenublock ul{ 
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}

/* Menu LI  */
#mainmenublock li,  #adminmenublock li, #footermenublock li{
display:block;
 float:left;
 list-style:none;
 margin:0;
 padding:0;
 position:relative;
 right:50%;

}

/* 
+ Menus 
*/

/* Horizontal Top Admin Menu (Whne loggen in), Main Menu and Footer Nave Menu*/
#mainmenublock li a,  #mainmenublock li a:link{
display:block;
  margin:0 0 0 0;
  text-decoration:none;
  padding: 1em 1em 0 1em;
  line-height:2em;
font-weight :bold;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

#adminmenublock li a, #adminmenublock li a:link{
display:block;
  margin:0 0 0 0;
  text-decoration:none;
  padding:  0.5em;
  line-height:1em;
}

#footermenublock li a, #footermenublock li a:link{
  display:block;
  margin:0 0 0 0;
  text-decoration:none;
  padding:  1em 2em 0.5em 2em;
  line-height:1em;
font-size: 0.857142857142857em;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
	
}


/* Hide Skip Menu on Top Menu */
.hide, .hidden {
left: -4999px;
position: absolute;
overflow: hidden;
}


/* Hide menu numbering and current page/section in menus leave in sitemap*/
/* It shifts stuff off screen - but screen readers can still read it */
/* For completely hidden, use the class '.hidden/ */
#mainmenublock dfn {
left: -4999px;
position: absolute;
overflow: hidden;
}

/*----------------------------------*/


/* 
+ Lists 
*/

.sitemap ul {
padding: 1em;
}
.helpindex ul {
padding: 1em;
}
.helpindex ul li {list-style: decimal;}
.helpindex ul ol {list-style: decimal;}


/* + 
Buttons 
*/
.button {

}
.button vcard {

}

/*
+ Module specific 
*/

/*RSS Feed - CGFeeds  Module */
.rssfeed {
text-align: right;
clear: both;
padding-bottom:1em;
margin-right: 4.4%;
}
.rssfeed img{
margin-bottom: -0.214285714285714em;
}

#guestbook_list {position: relative;float: left; padding-bottom: 1.5em;}

/*News  Module */
.NewsSummaryLink a, .NewsSummaryLink a:link, .NewsSummaryLink a:visited {font-size: 1.14285714285714em; font-weight: bold;} /* 16px Title and also link */
.NewsSummaryTitle, .NewsSummaryLink{font-size: 1.14285714285714em; font-weight: bold; margin-bottom:0;}
.NewsSummary, .NewsSummaryContent { } /* Surrounds News Summary item */
.NewsSummaryPostdate {font-size: 0.857142857142857em; font-weight: bold; margin-top:2.100000em; margin-bottom:0;} /* 10px Summary Post Date */

/*----------------------------------*/

/* 
+ Images 
*/
img.scaleimage{max-width: 100%;}
img.skype{max-width: 100%;}
img.albumlist{max-width: 100%;margin-bottom: 1em;margin-top: 0.107142857142857em;}
img.weblink{max-width: 100%; width:100%;}

/* floats for big image sections */
.floatleft {
	float: left;
	margin-top: 0;
	margin-right:4em;
	margin-bottom:2em;
	display: inline;
}

.floatright {
	float: right;
	margin-top: 0;
	margin-left: 4em;
	margin-bottom: 2em;
	display: inline;
}
/* end floats for big image sections */

/*----------------------------------*/

/* Miscellaneous */
hr.clearboth {
display: none;
}
/* Uses on the 404 Error page */
.sheeperror {
	list-style-type: none;
	padding: 5px;
	width: auto;
}