﻿
html
{
    height: 100%;    
}

body
{
    margin: 0;
    padding: 0;    
    font-family: Arial;
    font-size: 14px;
    line-height: 1;
    color: #6a6969;
}

form
{
    height: 100% !important;    
}

#mainWrapper 
{
    margin: auto;
    height: 100% !important;
    overflow: hidden;
    width: 980px;    
    position: relative;    
}


#mainWrapper 
{
    height: 100%;    
}

.left
{
    float: left;    
}
.right
{
    float: right;    
}

.clear
{
    clear: both;        
}

.padding1
{
    padding-top: 10px !important;    
}

.padding15
{
    padding-top: 15px !important;    
}

.wrapper
{
    clear: both;
    height: auto;
    overflow: hidden;    
}

a
{
    color: #00573d;
}

strong a
{
    color: #000;
    text-decoration: none;    
}
strong a:hover
{
    text-decoration: underline;    
}


div.butYellow
{
    background: url(/fert11/images/bgButYellowLeft.gif) no-repeat 0px 0px;    
    padding: 0 0 0 9px;
    margin: 5px 0 0 0;
    height: auto;
    overflow: hidden;
}

div.butYellow a
{
    display: block;
    background: url(/fert11/images/bgButYellowRight.gif) no-repeat 100% 0%;    
    height: 26px;
    padding: 9px 15px 0 6px;    
    float: left;
    text-decoration: none;
    font-size: 1.1em;
}

/* --------------- Header ---------------- */
/* --------------------------------------- */

#header
{
    height: auto;
    position: relative; 
    overflow: hidden;
}

#header #banner
{
    height: 122px;
    background: url(/fert11/images/bgBanner.jpg) no-repeat 0px 0px;    
}

#header #topMenu
{
    padding: 3px 0 3px 0;
}

#header #topMenu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	overflow: hidden;
}

#header #topMenu li 
{
	float: left;
	width: 139px;
	margin: 0;
	padding: 0 1px 0 0;
	text-align: center;
	overflow: hidden;
}

#header #topMenu li.last
{
    padding: 0px;    
}

#header #topMenu li a 
{
	display: block;
	padding: 5px 0px 0 0px;
	height: 37px;
	text-decoration: none;
	background: url(/fert11/images/bgHeaderLink.jpg) no-repeat 0px 0px;
	font-size: 1.1em;
}

#header #topMenu li.one a
{
    padding-top: 12px;
	height: 30px;
}

#header #topMenu li a:hover , #header #topMenu li a.current
{
	background-position: 0px -42px;
}

/* --------------- End Header ---------------- */
/* --------------------------------------- */

/* --------------- Body ---------------- */
/* --------------------------------------- */

#body
{
    height: auto;
    overflow: hidden;
    height: 100%;
}

#body td
{
    vertical-align: top;
    text-align: left;    
}
#body td.mainLeft
{
    background: #16753a url(/fert11/images/bgLeftColumnBorder.jpg) repeat-y 100% 0%;      
}

#body #col1
{
    width: 185px;
    padding-right: 2px;
    height: 100%;  
}

#body #col1 .pictures div
{
    padding: 0 0 2px 0;    
    background: #fff;
}

#body #col2
{
    width: 545px;    
    padding: 30px 30px 20px 30px;
    height: 100%;
    background: url(/fert11/images/bgContentTop.jpg) no-repeat top left;
}

h1, h2
{
    color: #00573d;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
    font-weight: bold;
    line-height: 30px;
}

#body #col2 .textBlock 
{
    padding: 10px 0 0 0;
}
#body #col2 .textBlock p
{
    color: #6a6969;
    line-height: 20px;   
    margin: 0;
    padding: 0 0 10px 0;     
}

h3
{
    color: #00573d;
    font-size: 1.4em;
    margin: 0;
    padding: 5px 0 6px 0;
    font-weight: normal;
}

.events
{
    color: #6a6969;    
}

.events h3
{
    font-size: 1.1em;  
    font-weight: bold;  
    padding-bottom: 10px;
    padding-top: 10px;
}

.events h4
{
    margin: 0;
    font-style: italic;    
    padding: 0 0 5px 0;
    font-size: 1em;
}

.events  p
{
    margin: 0;
    padding: 0 0 10px 0;    
    line-height: 20px;   
}


.textBlock ul
{
    margin: 0;
    padding: 0 0 10px 0;    
    height: auto;
    overflow: hidden;
}

.textBlock ul li
{
    margin: 0 0 0 18px;
    padding: 0 0 5px 0;
    color: #00573d;
    list-style-type: square;
    list-style-position: outside;
    font-size: 1em;
    font-weight: bold;
    line-height: 18px;
}

.textBlock.programme ul li
{
    font-weight: normal;    
    font-size: 0.9em;
    line-height: 16px;
}

.textBlock .twoColumns 
{
    height: auto;
    overflow: hidden;
    font-size: 0.9em;
}
.textBlock .twoColumns ul li
{
    list-style: none;
}
.textBlock .twoColumns div 
{
    float: left;   
}
.textBlock .twoColumns div.column1 
{  
    width: 39%;
}
.textBlock .twoColumns div.column2 
{  
    width: 59%;
}

#body #col2 .home p
{
    padding-right: 30px;
}

#body #col2 .intro p
{
    color: #00573d;
    font-size: 1.2em;
    line-height: 22px;
    padding: 8px 0 13px 0;
    margin: 0;
}
#body #col2 .intro strong
{
    font-size: 1.2em;
    font-weight: normal;    
}

#body #col3
{
    padding-top: 12px;
    width: 186px;
    height: 100%;
}

#body #col3 img
{
    border: none;    
}

#body td.mainRight
{
    border-left: solid 1px #ffdba4;   
    background: #fff4e3;  
}
#body #col3 .logos div
{
    padding: 15px 0 15px 0;    
    text-align: center;
}


/* --------------- End Body ---------------- */
/* --------------------------------------- */

/* --------------- Contacts ---------------- */
/* --------------------------------------- */

#contacts .organiser
{
    clear: both;
    height: auto;
    overflow: hidden; 
    padding-top: 10px; 
}

#contacts .organiser .head
{
    min-height: 13px;
    height: auto !important;
    height: 13px;
    overflow: hidden;  
    background: #ffdcaa;
    padding: 5px 10px 5px 5px;  
}

#contacts .organiser .head h4
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1em;    
    color: #00583e;
}

#contacts .organiser .head a
{
    display: block;
    float: right; 
    color: #302a28;
    text-decoration: none;
}

#contacts .organiser .wrapper
{
    padding-top: 5px;    
}

#contacts .organiser .wrapper .right img
{
    border: none;
}

#contacts .organiser p a 
{
    text-decoration: none;
    color: #231f20;
}
#contacts .organiser p a:hover 
{
    text-decoration: underline;
}


/* --------------- End Contacts ---------------- */
/* --------------------------------------- */