/*///////////////////////////////////////
///// TEMPLATE DEFINITIONS – SCREEN	  			
////////////////////////////////////////


*
*  The following CSS data defines the general elements used in the Typo3 template.
*  Copyright by Balz Rittmeyer, 2007 – apologet@bluewin.ch
*


/******************* 
*	GENERAL TAGS
********************
*
*	
*	Definition of the website's general tags
*
*
*******************************************************
*	MENU AREA CONTAINER
*
*/


* {
	margin:0px;
	padding:0px;
}

html,body {
	
	height: 100%;
	
}

body {
	
	font-family: Helvetica,Arial;
	font-weight: lighter;
	font-size:0.8em;
	text-align: center;

	height: 100%;
	margin: 0px;
	
	background: url('../images/body_bg.jpg') no-repeat top center;
}

div {
	text-align:left;
}


/*
*
*
*
*	(END OF GENERAL TAGS)
********************************************************/








/******************* 
*	WRAPS
********************
*
*	
*	Definition of the website's main and sub wraps
*
*
*******************************************************
*	MAIN WRAPS
*
*/


#pageWrap { 
	
	/*  page is aligned to center  */
	margin:0px auto;
	position:relative; /* => footer */
	top:0px;
	
	/*  page width  */
	/* width:800px; */
	
	min-height:100%;
	height:auto !important;
	height: 100%;	
	
	/*  page background  */
	background: url('../images/pageWrap_bg.png') repeat-y top left;
	
}

#topWrap { /* => footer */
	
	/* no float because of the footer! */
	width: 100%;
	
}

#topWrap:after { /* => footer */
	
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;

}

#bottomWrap {
			
/*	position:absolute;
	bottom:0pt !important;
	*/
	/* Change made by Stephen Schutt */
	/* width:100%; */
	width: 820;
	height: 32px; /* => footer width */
	
	background: #FFFFFF;	
	
}


/*******************************************************
*	SUB WRAPS
*
*/


#headerWrap {
	
	float: left;
	width: 100%;
	height: 128px;
	
	background: url('../images/headerWrap_bg.jpg') no-repeat top left;
	
}

#menuWrap {

	float: left;	
	width: 200px;
	margin: 10px 0 0 0;	
}


#columnWrap {
	
	float: left;
	/* Change made by Stephen Schutt */
	/* width: 100%; */
	width: 800;
	
	background: url('../images/rightColWrap_bg.jpg') no-repeat 615px 0px;
	overflow: hidden;
}


#leftColWrap {

	float: left;	
	
	/* content width */
	width: 176px !important;
	
	/* content minimum height */
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
	margin: 0 1px 0 21px;
	
	display: inline;
}

#middleColWrap {

	float: left;	
	
	/* content width */
	width: 392px;
	
	margin: 35px 12px 0;
	padding: 0px;
	
	display: inline;
}

#contentWrap {
	
	float: left;
	width:100%;
	margin: 0px;
	padding: 0px;
	
}

#rightColWrap {
	/* Change made by stephen Schutt */
	/* float: right; */
	float: left;
	
	/* content width */
	width: 155px;
	
	height: auto !important;
	height: 57px;	
	min-height: 57px;
	
	/* Changes made by Stephen Schutt */
	/* margin: 35px 23px 0px 0px; */
	margin: 35px 0px 0px 18px;
	padding: 0px;
	
	display: inline;
}


#footerWrap {
	
	height: 32px;
	
	background: url('../images/footerWrap_bg.jpg') no-repeat top left; 	
	
	text-align: left;
	/* Changes made by Stephen */
	/* padding: 0 205 0 205px; */
	padding: 0 205 0 205px;
	
}


/*
*
*
*
*	(END OF WRAPS)
********************************************************/








/******************* 
*	MENU AREA
********************
*
*	
*	Definition of the website's menu elements
*
*
*******************************************************
*	GENERAL MENU DEFINITIONS
*
*	-> NONE
*
*/





/*******************************************************
*	MAIN NAVIGATION
*
*/


ul#mainNav,
table#mainNav { 

			
	width: 404px;
	
	padding: 0px;
	margin: 83px 0 0 200px;
	/*
	float: left;
	list-style: none;
	display: table;
	*/
}

ul#mainNav li,
table#mainNav td {	

	margin: 0 4px 0 0;

}


/*  link & visited  */
ul#mainNav li a:link,
ul#mainNav li a:visited,
table#mainNav td a:link,
table#mainNav td a:visited { 

    float: left;
	display: block;
	
	color:#374662;
    
    height:12px;

    padding: 1px 7px 0 14px;
	margin: 0px 0px;

    font-size: 9px;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    text-decoration:none;
    
    
}

/*  active & hover  */
ul#mainNav li#active a:link,
ul#mainNav li a:hover,
table#mainNav td#active a:link,
table#mainNav td a:hover { 

	color: #CCCCCC;
    background-color:#374662;
    background-image:url('../images/mainNav_arrow.jpg');
    background-repeat: no-repeat;		
	
}

ul#mainNav li#active a:visited,
table#mainNav td#active a:visited {
	
	color:#767D8B;
}



/*******************************************************
*	BRANCH NAVIGATION
*
*/


ul#branchNav { 

	float: left;
	
	padding: 0px;
	margin: 0px;
	
	list-style: none;

	height: 600;
	
	
}

ul#branchNav li{ 

	float: left;
		
	padding: 0px;
	margin: 0px;
	
}

ul#branchNav li a{ 

	float: left;
	
	width: 176px;
	height: 58px;
	
	padding: 0px;
	margin: 0px;
	
}

ul#subpagesNav {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0 0 40px;
}

ul#subpagesNav li{
	
	float: left;
	clear: left;
	
	padding: 0px;
	margin: 0px;
	
}

ul#subpagesNav li a{
	
	float: left;

	color:#374662;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	
	margin: 5px 0px;
	padding: 0 0 0 15px;
	
	background: url('../images/subpagesNav_arrow.jpg') no-repeat top left;
}


/*******************************************************
*	LANGUAGE NAVIGATION
*
*/


ul#languageMenu {
	
	list-style: none;
	padding: 0px;
	/* Changes made by Stephen */
	/* margin: 8px 192px 0 0; */
	/* float: right; */
	margin: 8px 0px 0px 145px;
	float: left;
	width: 100px;
	
	display: inline;
	
}

ul#languageMenu li {
	
	padding: 0px;
	margin: 0 0 0 6px;
	float: left;
	display: inline;
}

ul#languageMenu li a{
	
	padding: 0px;
	margin: 0px;
	float: left;

}

ul#languageMenu img {
	float: none;
	padding: 0px;
	margin: 0px;
}

ul#languageMenu img.arrow {
	
	padding: 0px;
	margin: 0 8px 3px 0;

}

/*
*
*
*
*	(END OF MENU AREA)
********************************************************/







/******************* 
*	FOOTER
********************
*
*
*	Definition of the website's footer tags
*
*
******************************************************
*	FOOTER TAGS & HYPERLINKS
*
*/


#footerWrap p {
	
	color:#374662;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	
	float: left;
	padding: 8px 0 0 10px;	
}

#footerWrap img {
	
	float: left;
	
	margin: 9px 0 0 0;	
}

#footerWrap a:link, 
#footerWrap a:visited{
	
	text-decoration: none;

}

#footerWrap a:hover {
	
	color: red;
	
}


/*
*
*
*
*	(END OF FOOTER)
********************************************************/