html, body
	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	_height:100%;
	text-align: center;
	padding: 0;
	}
body
	{
	margin-left: 20px;
	margin-bottom: 20px;
	background: #EAEAEA url(images/bg.gif) repeat-x;
	}
	
/* 
-------------------------------------------------
Navigational Elements
------------------------------------------------- 
*/

#navtitle
	{ 
	background: url(images/navtitle.gif) no-repeat;
	width: 172px;
	height: 20px;
	}
#nav 
	{ 
	font-size:11px;
	width: 172px; 
	margin: -4px 0px 27px 0px;
	}

#nav ul
	{
	margin:0;
	padding: 0;
	list-style-type: none;
	}

#nav a
	{
	_width:100%;
	display: block;
	padding:6px 0px 6px 20px;
	border-bottom: 1px dashed #CCCCCC;

	}
#nav ul ul li a
	{
	_width:100%;
	display: block;
	padding: 5px 0px 5px 40px;
	}

.navitem a:link, .navitem a:visited 
	{
	color: #8A8475;
	text-transform: uppercase;
	font-weight: bold;
	}
.navitem a:hover, .navitem a:active
	{
	color: #EC9900;
	}

.navcurritem a:link, .navcurritem a:visited 
	{
	color: #EC9900;
	font-weight: bold;
	text-transform: uppercase;
	}
.navcurritem a:hover, .navcurritem a:active
	{
	color: #EC9900;
	}

.subnavitem a:link, .subnavitem a:visited 
	{
	color: #8A8475;
	text-transform: none;
	font-weight: normal;
	}
.subnavitem a:hover, .subnavitem a:active
	{
	color: #EC9900;
	}

.subnavcurritem a:link, .subnavcurritem a:visited 
	{
	color: #EC9900;
	text-transform: none;
	font-weight: normal;
	}

#nav a:link, #nav a:visited
	{
	text-decoration: none;
	}

#nav ul li a:hover
	{
	
	}
#nav ul ul li a:hover
	{
	
	}

#lang {
	float: left;
	font-size:11px;
	padding:17px 0px 0px 20px
}
	#lang a,
	#lang a:link,
	#lang a:visited 
		{
		text-decoration: none;
		color: #8A8475;
		}

	#langa:active,
	#lang a:hover 
		{
		text-decoration: underline;
		color: #EC9900;
		}

#toolbar 
	{
	color: #8A8475;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;

	}
#toolbar li{
	display: inline;
	list-style: none;
	float: right;

}
#toolbar ul{
margin-top:11px;

}
#toolbar{
	padding: 1px 0px 47px 0px;
	/*_padding: 1px 0px 47px 0px;*/
	margin:0;
}

#toolbar a {
	display:block;
	color: #8A8475;
	padding: 5px 15px 4px 15px;
	/*_padding: 5px 15px 5px 15px;*/
	border-left: 2px solid #EEEBE6;
	text-decoration: none;
}

/* 
-------------------------------------------------
Content Elements 
------------------------------------------------- 
*/
 h1
	{
	margin: 10px 0px 10px 0px;
        line-height: 100%;
	font-size: 14px;
	color:#EC9900;
	padding-bottom:10px;
	border-bottom: 1px dashed #cccccc;
	display:block;
	}

h2
	{
	margin: 10px 0px 10px 0px;
        line-height: 100%;
	font-size: 14px;
	color:#EC9900;
	padding-bottom:10px;
	border-bottom: 1px dashed #cccccc;
	display:block;
	}

.content 
	{
	font-size : 12px;
	margin:0;
	padding: 2px 15px 10px 20px;
	color: #333;
	line-height: 160%;
	}
	.content a,
	.content a:link,
	.content a:visited 
		{
		text-decoration: none;
		color: #D58000;
		}

	.content a:active,
	.content a:hover 
		{
		text-decoration: underline;
		color: #8A8475;
		}

	.content p 
		{
		font-size : 12px;

		}

.caption {
font-size: 10px;
padding: 2px 6px 0 6px;
color:#999;
}
.content table {
	font-size : 12px;
	color: #333;
	line-height: 160%;
}


.infobox {
	background-color: #fff;
	margin: 0;
	margin-top: 20px;
	border: 1px solid #F5DD9E;
	padding-bottom: 5px;
	margin-bottom: 20px;
	_height: 1%;
	display: block;
}

.infobox table {
	margin: 0px 3px 3px 0px;
	border: 0px;
}

.infobox h2 {
	background-color: #F9E9BF;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 12px;
	_padding-bottom: 5px;
	height: 10px;
	_height: 10px;
}



	#news p 
		{
		font-size : 12px;
		margin:0;
		padding: 0px 0px 0px 0px;
		line-height: 160%;
		color: #333;
		}
#h_news
	{
	font-size : 11px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
	background: url(images/navtitle.gif);
	width: 152px;
	_width: 172px;
	height: 20px;

	}

#language
	{
	font-size : 10px;
	font-weight: normal;
	color: #333;
	line-height : 150%;
	padding-left:14px;
	margin:0;
	}
	#language a, #language a:link, #language a:visited 
		{
		text-decoration: none;
		color: #333;
		}
	#language a:active, #language a:hover 
		{
		color: #900;
		}


#wrapper1, #wrapper2
	{
	_height: 100%;
	padding: 0;
	margin:0;
	}

/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#breadcrumb
	{
	margin: 0 auto;
	text-align: left;
	font-size:10px;
	width: 760px;

	}
	#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited 
		{
		text-decoration: none;
		color: #8A8475;
		}
	#breadcrumb a:active, #breadcrumb a:hover 
		{
		color: #333;
		}
#wrapper1
	{
	/*/*/
	margin: 0 auto;
	text-align: left;
	width: 760px;
	background-color: #fff;
	/* */
	}
#wrapper2
	{
	/*/*/
	background: url(images/bg_content.gif) repeat-y;
	padding-bottom: 20px;
	/* */
	}

#header
	{
	border-top: 9px solid #FE660C;
	color: #000000;
	background-color: #fff;
	border-bottom: 5px solid #F58B33;
	height: 274px;
	padding:0;
	margin-bottom:1px;
	}




/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body #header
	{
	margin-bottom		: -19px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-bottom		: 0px;
	}

#empty{}


#columns
	{
	margin: 0px;
	
	margin-top: -1px;
	padding: 0px;
	/*border: solid 1px #000000;*/
	/*color: #000000;*/
	background: #fff url(images/content_bg.gif);
	}
/* reset post NN4 */
#columns
	{
/*/*/
	border				: none;
	margin-top			: 0px;
	background-color	: transparent;

/* */
	}


#leftcolumn
	{
	float: left;
	left: 0px;

	width: 204px;
	_width: 244px;
	margin: 0px;
	margin-left: 0px;
	padding-left: 40px;
	background: url(images/nav_bg.gif) no-repeat;
	}
/* reset post NN4 */
#leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}


/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
#centercolumn
	{
	margin: 0px;
	padding: 0px;
	border-left: 2px solid #EEEBE6;
	background: url(images/toolbartitle.gif) repeat-x;
	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
#centercolumn
	{
	margin-right: 0px;
	}
/* Other browsers */
/*/*/
#centercolumn
	{
	margin-right: 0px;
	margin-left: 241px;
	padding:0px;

	}
/* */


/* reset IE*/
* html body #centercolumn
	{
	margin-right: 0px;
	margin-left: 241px;
	}
.clear {clear:both;_clear:none;}
#contentfooter
	{

	text-align: right;

	font-size:11px;
	margin: 0px 0px 0 0px;
	padding-top: 5px;
	padding-bottom:10px;
	border-top:1px dashed #cccccc;
	}

	#contentfooter a,
	#contentfooter a:link,
	#contentfooter a:visited {
		text-decoration: none;
		color: ##EC9900;
		
	}
	#contentfooter a:active,
	#contentfooter a:hover {
		color: #8A8475;
	}
#footer, #middle
	{
	margin: 0 auto;
	text-align: center;
	width: 710px;
	margin-top:10px;
	padding: 3px 5px 3px 5px;
	font-size : 11px;
	color: #8D743F;
	background-color: #D9C9A8;

	}
	
	#footer a,
	#footer a:link,
	#footer a:visited {
		text-decoration: none;
		color: #FF6105;
		
	}
	#footer a:active,
	#footer a:hover {
		color: #333;
	}

/* 

-------------------------------------------------
NEWS
------------------------------------------------- 
*/

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */




.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer
	{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;
	display: none;
	}
.news-latest-container HR.clearer 
	{
	clear:left;
	}

.news-single-item 
	{
	color: #616161;
	float: left;
	width: 304px;
	position: relative;
	}

.news-single-timedata 
	{
	color: #999;
	font-size: 10px;
	margin: 15px 0 0 0px;
	}
.news-single-header h3
	{
	color: #333;
	font-size: 12px;
	margin: 5px 0 0 0px;
	}
.news-single-backlink 
	{
	font-size: 12px;
	margin: 5px 0 0 0px;
	}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container 
	{
	text-align: left;
	padding-bottom:20px
	}

.news-list-item 
	{
	padding: 0px 16px 10px 16px;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 34px;
	border-bottom: 1px dashed #CCCCCC;
	}

.news-list-item h3 
	{
	font-size: 12px;
	margin-bottom: 0px;
	display:inline;
	}

.news-list-item a 
	{
	color: #333;
	text-decoration: none;
	}
.news-list-item a:hover 
	{
	color: #8A8475;
	}


.news-list-container p 
	{
	line-height:125%;
	font-weight: normal;
        padding-top:2px;
        padding-bottom:2px;
	}


.news-list-date 
	{
	display: none;
	float: right;
	width: 140px;
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	}

.news-list-imgcaption 
	{
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;
	}

.news-list-container img 
	{
	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
	}

.news-list-morelink, .news-list-category 
	{
	font-size: 12px;
	}
.news-list-morelink a 
	{
	color: #D58000;

	text-decoration: none;
	font-weight: normal;
	}
.news-list-morelink a:hover
	{
	color: #8A8475;
	}
.news-list-morelink, .portlet a:hover 
	{
	color: #999;
	text-decoration: none;
	}

.news-list-browse table 
	{
	color: #999;
	text-decoration: none;
	margin-left:2px;
	}
.news-list-browse a 
	{
	color: #d58000;
	text-decoration: none;  
	margin-right:5px;
	}

.news-list-browse a:hover 
	{
	color: #600;
	}

.news-list-browse 
	{
	color: #666;
	margin-top: 10px;
	}

	
/* 
-------------------------------------------------
INPUT ELEMENTS
------------------------------------------------- 
*/

input 
	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
select 
	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
textarea.fields
	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:205px
	}
.fields 
	{
	border: 1px solid #67522d;
	padding:1px;
	}

.button 
	{
	border: 1px solid #67522d;
	background-color:#e4ddc3;
	}
#button 
	{
	border: 1px solid #67522d;
	background-color:#e4ddc3;
	}
