/**********************************************************/
/* Layout CSS                                             */
/* Copyright (c) 2004 Technical Textiles Executive        */
/**********************************************************/

/* 	border: 1px solid magenta;  */ 



/*---------------------------------------------------*/
/* Global */
/*---------------------------------------------------*/


#container {
	width: 730px;
	height: inherit;
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-top: 10px;
}

#container2 { /* this is used on the pop-up pages */
	width: 500px;
	height: inherit;
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-top: 10px;
}


#logo_panel {
	width: 153px;
	height: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image:url(../global/logo/logo.gif);
	background-repeat:no-repeat;
	float: left;
	position:relative;
}

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

#textNav {
	position:relative;
	text-align:right;
	width: 730px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 94%;
	color:#999999;
}

#textNav a {
	font-size: 94%;
	font-weight:normal;
	color:#999999;
	text-decoration: underline;
}
	
#textNav a:hover {
	color:#333333;
}

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

#mainNav {
	position:relative;
	float: left;
	width: 577px;
	height: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#mainNav ul {
	float:right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

	}

#mainNav ul li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	}

#mainNav ul li a {
	float: left;
	padding: 1px 8px 1px 8px;
	margin: 7px 0px 0px 2px;
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
}
	

#mainNav ul li a:hover {
	color: #FFFFFF;
	background-color: #FF00FF;	
	}

#mainNav li.activeSection a {
	float: left;
	padding: 1px 8px 1px 8px;

	margin: 7px 0px 0px 1px;
	display: block;
	background-color: #FF00FF;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
}

#mainNav li.activeSectionend span {
	float: left;
	padding: 1px 8px 1px 16px;
	margin: 7px 0px 0px 2px;
	display: block;
	background-color: #FF00FF;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

#mainNav li.activeSectionend a {
	float: left;
	padding: 1px 8px 1px 16px;
	margin: 7px 0px 0px 2px;
	display: block;
	background-color: #FF00FF;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background-image:url(../global/navigation/corner.gif);
	background-repeat: no-repeat;
}

#mainNav li.sectionend a {
	float: left;
	padding: 1px 8px 1px 16px;
	margin: 7px 0px 0px 2px;
	display: block;
	background-color: #333333;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background-image:url(../global/navigation/corner.gif);
	background-repeat: no-repeat;
}


	
/*---------------------------------------------------*/
	
.body {
	position:relative;
	clear: both;
	width: 730px;
	height: 10px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}	
	
	
	
	
/*---------------------------------------------------*/
/* Home page Layout Divs */
/*---------------------------------------------------*/

#flashpanel {
	position:relative;
	width: 456px;
	height: 375px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}	

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

#newspanel {
	position:relative;
	width: 239px;
	height: 332px;
	margin: 0px 0px 0px 0px;
	padding: 5px 19px 8px 10px;
	background-color: #F2F2ED;
	float: left;
	overflow:auto;
	color: #766D5B;
}

#rss {
	position:relative;
	width: 239px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;

}	

#newspanel p {
	padding: 0px;
	margin: 0px;

}

#newspanel a:link {
	color: #FF00FF;
	text-decoration: underline;
	font-weight: bold;
}


#newspanel a:visited {
	color: #FF00FF;
	text-decoration: underline;
	font-weight: bold;
}


#newspanel a:hover {
	color: #FF00FF;	
	text-decoration: none;
}


#newspanel a:active {
	color: #FF00FF;	
	text-decoration: none;
}


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

.infopod_small {
	width: 158px;
	height: 120px;
	padding: 0px;
	margin: 0px 14px 20px 0px;
	float: left;
}


.infopod_large {
	width: 370px;
	height: 104px;
	padding: 8px;
	margin: 0px 0px 20px 0px;
	float: left;
	position:relative;
	background-image:url(../global/backgrounds/bground_fany.gif);
	color: #CCCCCC;
}

.infopod_large a:link {
	color: #FFFFFF;	
	text-decoration: underline;
	font-weight: bold;
}


.infopod_large a:visited {
	color: #FFFFFF;	
	text-decoration: underline;
	font-weight: bold;
}


.infopod_large a:hover {
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;
}


.infopod_large a:active {
	color: #FFFFFF;	
	text-decoration: underline;
	font-weight: bold;
}

/*---------------------------------------------------*/
/* Content page Layout Divs */
/*---------------------------------------------------*/

#left_column {
	position:relative;
	float:left;
	width: 158px;
	padding: 0px;
	margin-bottom: 240px;
}

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

#left_column ul {
	margin: 20px 0px 0px 0px;
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

#left_column ul li {
	list-style-image:url(../global/misc/arrow.gif);
	list-style-position:inside;
	padding: 0px;
	margin: 5px 0px 0px 0px;/*space between links*/
}

#left_column a {
	padding: 0px;
	margin: 0px;
	text-decoration:underline;
	color:#333333;
}

#left_column li.left_columnactive a {
	list-style-image:url(../global/misc/arrow_down.gif);
	list-style-position:inside;
	text-decoration:none;
	color:#000000;
}




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

#centre_column {
	position:relative;
	float:left;
	width: 386px;
	height: auto;
	padding: 0px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 100px;
}

#centre_column_full {
	position:relative;
	float:left;
	width: 558px;
	height: auto;
	padding: 0px;
	margin-left: 14px;
	margin-bottom: 60px;
}



.centre_column_copy {
padding-right: 30px;
}

#righthand_column {
	position:relative;
	float:left;
	width: 158px;
	height: 250px;
	padding: 0px;
	margin: 0px;

}

.columnpanel1 {
	background-color:#999999;
	color:#333333;
	width: 136px;
	height: 200px;
	padding: 10px;
	margin-bottom: 10px;
	background-image:url(../global/backgrounds/bground_fany2.gif);
}

.columnpanel2 { 
	border: 1px solid #999999;
	color:#333333;
	width: 136px;
	padding: 10px;
	margin-bottom: 10px;
}

.columnpanel3 { 
	color:#333333;
	width: 158px;
	padding: 0px;
	margin-bottom: 10px;
}

.columntitle_1 {
	font-weight: bold;
	color: #FFFFFF;
	background-color:#333333;
	margin: -10px;
	padding: 5px;
	padding-left: 10px;
	border: 0 none;
	text-transform:none;
}

.columntitle_2 {
	font-weight: bold;
	color: #999999;
}

.highlight_panel {
position:relative;
	clear:both;
	width: 366px;
	height: 65px;
	padding: 0px;
	margin: 5px 0px 0px 5px;
	border: 1px solid #FFFFFF;
}

.highlight_image {
	float:left;
	width: 100px;
	height: 65px;
	margin-right: 10px;
}


.highlight2_image {
	float:left;
	width: 140px;
	height: 65px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.quote_panel {
	width: 460px;
	background-color: #E5E5E5;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
}


.grey_headerbar {
	width: 460px;
	background-color: #E5E5E5;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
}

.grey_headerbarshort {
	position:relative;
	width: 376px;
	height: 16px;
	clear:both;
	background-color: #E5E5E5;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
}





.quotepanel_title {
	font-weight: bold;
	color: #FFFFFF;
	background-color:#333333;
	margin: -20px -20px 0px -20px;
	padding: 5px;
	padding-left: 10px;
	border: 0 none;
	text-transform:none;
	
}



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

#riders {
	clear:both;
	width: 386px;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	font-weight: bold;
}


#riders ul {
	float:left;
	list-style: none;
	margin: 15px 0px 30px 0px;
	padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/
}

#riders ul li {
	float:left;
	width: 160px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 2px;/*space between links*/

}






/*---------------------------------------------------*/
/* Footer */
/*---------------------------------------------------*/

	
#footer {
	clear: both;
	color:#999999;
	font-size: 85%;
	font-weight: normal;
	width: 730px;
	padding: 0px 0px 30px 0px;

}

#footer ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
	}

#footer ul li {
	float: left;
	margin-right: 6px;

	}

#footer ul li a {
	color:#666666;
	text-decoration: underline;
	font-weight: normal;
}

#footerul li a:hover {
	color:#666666;
	text-decoration: underline;
	font-weight: normal;
}
		
#footer a {
	font-weight: normal;
	color:#666666;
}

.footertext {
	margin-top: 8px;
}