/* System Styles */
/* 
	Title: Cascading Style-Sheet
	Author: John Lilley
	Created Date: 14/01/2008

	Comments:
		- TEYS Internet Template SYSTEM
		- Site Width: 898px; 
		- Site Colour3 - Gray (Text): #B0AFB2;
*/

body
{
	position: relative;
	width: 898px;
	font-size: 11px;
	font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
	padding: 0px;
	margin: 5px auto;
	background: #B8BFC3;
}

/*************** Layer Styles ***************/

#layer_site
{
	position: relative;
	float: left;
	width: 888px;
	height: auto;
	padding: 5px 7px 5px 5px;
	margin: 0px;
	z-index: 1;
	background: #E8E9E9;
}

#layer_site_header
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 898px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
	color: #FFFFFE;
	text-transform: lowercase;
}

#layer_site_banner
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 70px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	border: 1px solid #B8BFC3;
	text-align: right;
}

#layer_site_banner_logo
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 190px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	background: #E0EBE7 url(../images/logo2.jpg) no-repeat;
}

#layer_site_banner_flash
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 698px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid #000000;*/
	background: url(../images/logo_banner_top.jpg) no-repeat;
}

#layer_site_header_navigator
{
	position: relative;
	float: right;
	width: 500px;
	height: 47px;
	margin: 0px 0px;
}

#layer_site_header_navigator ul
{
	position: relative;
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#layer_site_header_navigator ul li 
{
	position: relative;
	float: left;
	width: auto;
	padding: 0px 5px;
	margin: 0px;
}

#layer_site_header_navigator ul li a
{
	color: #FFFFFE;
}

#layer_site_navigator
{
	position: relative;
	float: left;
	width: 100%;
	height: 36px;
	line-height: 37px;
	margin: 5px 0px;
	border: 1px solid #B8BFC3;
	background: url(../images/bg_navigator.gif) repeat-x;
	z-index: 1000;
}

#layer_site_navigator ul
{
	position: relative;
	float: left;
	width: 730px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
}

#layer_site_navigator ul li 
{
	position: relative;
	float: left;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px;
}

#layer_site_navigator ul li a
{
	position: relative;
	float: left;
	width: auto;
	height: 36px;
	line-height: 36px;
	padding: 0px 10px;
	border-right: 1px solid #9E9E9E;
	color: #000000;
}
 
#layer_site_navigator ul li a:hover,
#layer_site_navigator ul li a.selected
{
	color: #FFFFFE;
	text-decoration: none;
}

/*************** Extra Styles for Sub-Navigator **********/

#layer_site_navigator ul li ul
{
	position: relative;
	float: left;
	width: 130px;
	display:none;
	border:none;
	border-bottom: 3px solid #000000;
}

#layer_site_navigator ul li:hover ul
{
	display:block;
	position:absolute;
	top: 30px;
}

#layer_site_navigator ul li:hover ul li ul
{
	display: none;
}

#layer_site_navigator ul li ul li
{
		width: 130px;
	clear: both;
}

#layer_site_navigator ul li:hover ul li a
{
	float: left;
	width: 120px;
	height:auto; 
	line-height:1.3em; 
	margin: 0px; 
	padding: 4px 5px; 
	border: solid 0px rgb(175,175,175);
	background-color:rgb(237,237,237);
	color: rgb(50,50,50);
}

#layer_site_navigator ul li ul li a:hover
{
	background-color:rgb(210,210,210);
	text-decoration:none;
}

#layer_site_navigator_search
{
	position: relative;
	float: right;
	width: 157px;
	height: 37px;
	background: url(../images/bg_search3.gif) no-repeat;
}

#layer_site_breadcrumb
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 25px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #B0AFB2;
}

#layer_site_breadcrumb ul
{
	position: relative;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#layer_site_breadcrumb ul li 
{
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #B0AFB2;
}

#layer_site_breadcrumb ul li a
{
	color: #B0AFB2;
}

#layer_site_content,
#layer_site_content_home,
#layer_site_content_container
{
	position: relative;
	float: left;
	overflow: visible;
	width: 100%;
	height: auto;
	min-height: 500px;
	margin: 0px;
	padding: 0px;
}

#layer_site_content_home
{
	border: 1px solid #B8BFC3;
	background: #FFFFFF;
}

#layer_site_content
{
	border: 1px solid #B8BFC3;
	background: #E0EBE7 url(../images/logo_banner.gif) no-repeat left bottom;
}

#layer_site_content_container
{
/*	background: url(../images/bg_green_new2.gif) no-repeat right bottom;*/
}

#layer_site_content_center,
#layer_site_content_home_left,
#layer_site_content_left,
#layer_site_content_right
{
	position: relative;
	overflow: hidden;
	height: auto;
	min-height: 500px;
	margin: 0px;
	border: 0px solid #000000;
}

#layer_site_content_center
{
	float: left;
	width: 486px;
	min-height: 550px;
	margin: 0px;
	padding: 0px 10px;
	border-left: 1px solid #B0AFB2;
	border-right: 1px solid #B0AFB2;
	background: #FFFFFF;
}

#layer_site_content_center_image
{
	position: relative;
	overflow: hidden;
	float: left;
	width: 484px;
	height: 100px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background: #D6E6DF url(../images/building3.jpg) no-repeat;
	border: 1px solid #B0AFB2;
}

#layer_site_content_home_left
{
	float: left;
	width: 687px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	border-right: 1px solid #B0AFB2;
}

#layer_site_content_left,
#layer_site_content_right
{
	width: 190px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

#layer_site_content_left
{
	float: left;
	/*min-height: 50px;*/
	margin: 0px 0px 0px 0px;
	/*background: #E0EBE7;*/
}

#layer_site_content_right
{
	float: right;
	min-height: 200px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	font-size: 10px;
}

#layer_site_content_right ul
{
	position: relative;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#layer_site_content_right ul li 
{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
	border: 0px solid #CCC;
}

#layer_site_content_right ul li a.article
{
	position: relative;
	float: left;
	width: 95%;
	height: auto;
	/*line-height: 25px;*/
	margin-top: 0px;
	padding: 7px;
	color: #000000;
	border-bottom: 1px solid #CCC;
}

#layer_site_content_right ul li a.article:hover
{
	text-decoration: none;
	background: #EBEBEB;
}

#layer_site_content_left ul
{
	position: relative;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#layer_site_content_left ul li 
{
	position: relative;
	float: left;
	list-style: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
	border-bottom: 1px solid #B0AFB2;
}

#layer_site_content_left ul li a
{
	position: relative;
	float: left;
	width: 95%;
	height: auto;
	/*line-height: 25px;*/
	margin: 0px;
	padding: 10px 30px 10px 10px;
	color: #000000;
}

#layer_site_content_left ul li a:hover,
#layer_site_content_left ul li a.selected
{
	text-decoration: underline;
}

#layer_site_content_left ul li a.selected
{
	font-weight: bold;
}

#layer_site_content_home_left_top,
#layer_site_content_home_left_bottom,
#layer_site_content_right_top,
#layer_site_content_right_bottom,
#layer_site_content_right_slogan
{
	position: relative;
	overflow: visible;
	float: left;
	width: 100%;
	height: auto;
	min-height: 350px;
	margin: 0px;
	border: 0px solid #000000;
}

#layer_site_content_right_slogan
{
	width: 170px;
	min-height: 20px;
	padding: 10px 10px;
	background: #D6E6DF url(../images/bg_green.gif) no-repeat left bottom;
	color: #081F4F;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #CCC;
}

#layer_site_content_right_top
{
	/*background: url(images/bg_news.gif) no-repeat bottom right;*/
}

#layer_site_content_right_bottom
{
	/*background: url(images/bg_hot.gif) no-repeat bottom right;*/
}
#layer_site_content_right_top,
#layer_site_content_right_bottom
{
	min-height: 190px;
}

#layer_site_content_home_left_top
{
	min-height: 50px;
	padding: 25px 10px;
	border: 0px solid #000000;
}

.uppercase
{
	text-transform: uppercase;
}

#layer_site_footer
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 25px;
	margin: 0px;
	color: #000000;
	font-weight: bold;
	text-transform: lowercase;
}

#layer_site_footer ul
{
	position: relative;
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
}

#layer_site_footer ul li 
{
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

#layer_site_footer ul li a
{
	color: #000000;
	font-weight: bold;
}

/*************** Link Styles ***************/

a
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/*************** List Styles ***************/

ul, ol
{
	padding: 5px 5px;
	margin: 0px 0px 0px 25px;
}

ol li ol li
{
	list-style-type: lower-alpha;
}


li
{
	padding: 5px 0px;
}

/*************** Input Styles ***************/

.search,
.immSearchTerms
{
	position: relative;
	float: left;
	width: 100px;
	height: 12px;
	line-height; 12px;
	margin: 11px 0px 0px 30px;
	padding: 0px;
	font-size: 11px;
	color: #B0AFB2;
	border: 0px solid #000000;
}

/*************** Image Styles ***************/

img
{
	border: 0px solid #000000;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}

/***************** Input Styles ******************/
/*input,
select,
option
{
	height: 20px;line-height: 20px;width: 200px;border: 1px solid #B0AFB2;
}

textarea
{
	line-height: 20px;width: 200px;border: 1px solid #B0AFB2;
}

td.caption
{
	line-height: 20px;
	padding: 0px 20px 0px 30px;
}

#Template_ctl06_ctl00_submit
{
	float: right;
	height: 25px;
	line-height: 20px;
	width: 70px;
	border: 0px solid #B0AFB2;
	cursor: hand;
}*/

/*** Side-Menu Styles ***/

#layer_site_content_left ul .sidemenu_level_1
{
	padding: 10px 30px 10px 20px;
	background: #EEE;
	width: 88%;
}

#layer_site_content_left ul .sidemenu_level_2
{
	padding: 10px 30px 10px 40px;
	background: #EEE;
	width: 88%;
}

/*site map styles */
.sitemap ol	{ margin: 0px 30px; padding: 0px; }
.sitemap0	{font-weight: bold; background: #F7F7F7;padding: 5px; margin: 5px; list-style-position: inside;}
.sitemap1	{list-style-position: inside;}

/* Quick Menu Styles*/
.linkhead       		{color:#ACACAC; font-size:x-small; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;}
.linkhead2       		{color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-variant:small-caps;}
.linkhead2:hover     	{color:#000000;}
.linkhead2:active     	{color:#000000;}

/* AtoZBrowser */
.AtoZIndex	 		{color:#000000; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; text-decoration:none;}
.AtoZIndex:hover 		{color:#9999ff;}
.AtoZBG			{background-color:#F0F9F8; border:1px solid #E5E5E5;}
.AtoZLink			{color:#000099;}
.AtoZLink:hover		{color:#000000;}
.AtoZTitle1			{color:#000000; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; border:1px solid #E5E5E5;}

/* Page Counter Styles */
#PageCounter		{text-align:right; clear:both; width:14em;}
.PageCounter		{text-align:left; font-size:x-small; color:#000070;}
HR.PageCounter		{color:#000070; height:1px;}
.PageCounterTxtBox	{width:40px;}
	
/* Class for invisible items for accessibility (DO NOT REMOVE) */
.invisible { visibility: hidden; margin-top:-10px;}

/* Rss Feed Styles */
UL.rssFeed		{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
UL.rssFeed LI	{margin-bottom:.75em;}
UL.rssFeed A	{font-size:120%; font-weight:bold;}
Ul.rssFeed .desc	{margin-bottom:.2em;}
Ul.rssFeed .meta	{}

/* Search */
.immSearchLabel,
.immSearchButton
{
	display: none;
}