body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background: #fff url(../images/main.png) no-repeat top center;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family: Arial, Helvetica, Sans-Serif;
    }
	a { color:#000; font-weight: bold; text-decoration: underline; }
	a:hover {	text-decoration: none }
  h2 { color:#D63535; }
  
  .f-left { float: left !important;}
  .f-right { float: right !important;}
  
  .t-left { text-align: left }
  .t-center { text-align: center !important;}
  .t-right { text-align: right }
  
  .v-top { vertical-align: top }
  .v-middle { vertical-align: middle }  
  
  @media all { .print-only { display: none; } }
  @media print { .noprint { display: none; } }
  @media all { .page-break	{ display:none; } }
  @media print { .page-break	{ display:block; page-break-before:always; } }
  
  .noscreen { display: none }
  .hidden { display: none }
  .nowrap { white-space: nowrap }
  
  .clear { clear: both }
  .cleaner { visibility: hidden; clear: both; height: 1px; margin: -1em 0 0 0; line-height: 0; font-size: 0; border: 0 }

	
	#container { width: 840px; margin: 0 auto; position: relative;}
	
	/* Header styles */
  #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header { }

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px !important;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail { }
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-160px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:369px;         	/* Left column width + right column width */

    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:209px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 160px 0 209px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:189px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:20px;         	/* Width of the left-hand side padding on the left column */
        min-height: 600px;
        padding-top: 15px;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:140px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:22px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        min-height: 600px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
    }

	.holygrail { margin-top: 47px; } /*  */
	.colleft {   }
	.colmask {  } 
	
	#header { height: 230px; border-top:0; }
	
	#header h1, #header p { display: none; }

	#menu { clear:both; float:left; width:100%; height: 28px; border: solid 1px #75AC37; border-width: 1px 0; background-color: #FFF;}
	#menu ul { margin: 0; padding: 0; }
	#menu li { display:block; float: left; line-height: 20px;  padding: 4px 0;}
	#menu li a { text-decoration: none; font-weight: bold; font-size: 15px; color: #414141; border-right: solid 2px black; padding: 0 13px;}
	#menu li a.active,
	#menu li a.leftactive,
	#menu li a.rightactive,
	#menu li a:hover { color: #D32415; }
	#menu li a.left { }
	#menu li a.right { border-right: 0;}
	
	a.button { text-align: center; display: block; line-height: 37px; width: 136px; background: #eee url('/images/button.gif') 0 0 no-repeat; color: #5F5F5F; text-decoration: none; font-weight: bold; font-size: 85%; }
	.col2 .links { height: 3.2em; }
	.col2 .links img { border:none; }
	
	.newsletterform {border: dotted 1px #7F7F7F; border-width: 1px 0; padding: 13px 0;}
	.newsletterform form { margin:0; padding: 0; }
	.newsletterform fieldset { margin:0; padding: 0; border: none;}
	.newsletterform legend { margin: 0; padding: 0; font-size: 14px; width: 136px; color: #78B92E; font-weight: bold; text-transform: uppercase;}
	.newsletterform input { padding: 0; width: 136px; border: 1px solid #D4D4D4 }
	.newsletterform fieldset img {border: 1px solid #D4D4D4; }
	.newsletterform fieldset label { color: #3F3D3D; font-size: 12px; display: block; margin: 15px 0 5px 0;}
	
	.newsletterform input.button { border: none; color: #FDFFFA; font-weight: bold; width: 110px; text-align: center; text-transform: uppercase;  
																background: #74AB37 url('../images/nl-button.gif') 0 0 no-repeat; margin: 20px 0 0 0; height: 32px; line-height: 32px; }
	#newsletter_email, #newsletter_captcha {border: solid 1px #D1D1D1; -moz-border-radius: 3px; border-radius: 3px; height: 20px; line-height: 20px; padding: 0 2px; font-size: 12px;}
	.newsletterform .captcha {vertical-align: middle; margin-right: 4px;}
	#newsletter_email {width: 185px;}
	#newsletter_captcha {width: 73px; position: relative; left: 6px;}
	
.lang-selector {color: #FFF; background-color: #000; font-size: 12px; font-weight: bold;
								width: 68px; height: 20px; text-align: center; line-height: 20px; position: absolute; top: 0px; right: 20px;}
.lang-selector .sep {padding: 0 4px;}
.lang-selector a {color: #FFF; text-decoration: none;}
.lang-selector a:hover, 
.lang-selector a.active {text-decoration: none; color: #F00;}
	


	
	
	.col2 .banner-box { position: absolute; left: -7px; height: 150px; width: 150px; margin: 10px auto; }
	.col2 .banner-box p { text-align:center;display: block; color: #A8A8A8;  font-size: 75%; }
	
	.articles { position: relative; top: -12		px;}
	.articles h2 { margin: 10px 0 0 0 }
	.articles p { margin: 5px 0 }
	.articles h2 a { color:#D63535; text-decoration: none; }
	.articles h3, .articles h3 a { color:#D63535; clear: both; margin: 10px 0;}
	.articles h4 { color:#D63535; margin: 5px 0; }
	.articles a { color:#000; font-weight: bold;}
	
	.articles img { border: none; float: left; margin-right: 10px; }
	.articles p.t-center img {float: none;}

	.col3 .logo { height: 72px; margin:0; padding:0; }
	.col3 .logo img { border: none; }
	.col3 .banner-sky { position: absolute; left: -7px; background: #fff; height: 420px; width: 150px; margin: 10px auto; }
	.col3 .banner-sky p { text-align:center;display: block; color: #A8A8A8;  font-size: 75%; }
	.col3 .banner-sky img { margin-bottom: 20px;border: none;}

/*	.col1 .banner-top { border: 1px solid #D3D3D3; background: #fff; height: 60px; margin: 10px auto; }*/
	.col1 .banner-top { /* height: 60px; margin: 10px auto; */}
	.col1 .banner-top img { border: none; }
	.col1 .banner-top p { text-align:center;display: block; }
	.col1 .content { padding: 0 10px ; }
	.col1 p { color: #444;  font-size: 75%; text-align: justify;}
	
	#footer { padding-top: 22px; background: url(../images/footer-bg.gif) repeat-x top; margin-bottom: 1em; }
	#footer p { font-size: 12px; text-align: center; color: #75AC37; font-weight: bold;}
	#footer p a { color: #75AC37;}
	
	.gallery a { float:left; border: 2px solid gray; margin: 2px;}