/* CSS Document */

#middle_left {
	height:150px;
	margin:0px 0 50px 5px; 
	position:relative;
}

#middle_left form {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:2px;
	width:175px;	
	border-top:1px solid #CC9933 ; 
	border-right:1px solid #CC9933;
	border-left:1px solid #CC9933;
}

#middle_left ul {
	position:relative;
	font-weight:bold;
	z-index:200;
	padding:0 0 0 0 ;
	margin:0;
	list-style-type:none;
	list-style-image:none;
	width:180px;
	border-top:1px solid #CC9933 ; 	
}

#middle_left li {
	background:#FFFFFF ;
	/* IE7 only */
	float:left;
	height:31px;
}

#middle_left li.sub {
	background:#ffffff url(../images/Next_grey.gif) no-repeat right center;
} 

/* hide the table */
#middle_left ul table  {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:200; 
	font-size:1em;
}

#middle_left ul a, #middle_left ul a:visited {
	display:block; 
	text-decoration:none;
	min-height:30px;
	height:30px;	
	max-height:30px;	
	line-height:15px;
	width:179px;
	color:#333333;
	text-indent:3px;
	border:1px solid #CC9933 ; 
	border-width:0 1px 1px 1px;
}


/* IE5.5  bug fix */
* html #middle_left a, * html #middle_left a:visited {
	width:180px; 
	w\idth:179px;
}

* html #middle_left li a:hover {
	color:#333333; 
	background:#CC9933; 
	position:relative;
}

* html #middle_left li.sub a:hover {
	color:#333333; 
	position:relative;
	background:#CC9933 url(../images/Next_grey.gif) no-repeat right center;	
}


#middle_left li:hover {
	position:relative;
}

/* For accessibility of the top level menu when tabbing */
#middle_left li a:active, #middle_left li a:focus {
	color:#333333; 
	background:#CC9933;
}

#middle_left li:hover > a {
	color:#333333; 
	background:#CC9933;
} 
 
#middle_left li.sub:hover > a {
	color:#333333; 
	background:#CC9933 url(../images/Next_grey.gif) no-repeat right center;		
}

#middle_left li ul {
	position:absolute;
	top:0px;
	left:180px;
	visibility:hidden;
	padding:0px;
	background:transparent url(../images/transpix.gif);
}


#middle_left li:hover > ul {
	visibility:visible;
	border-top:1px solid #CC9933;		
}


#middle_left ul a:hover ul {
	visibility:visible;
	border-ltop:1px solid #CC9933;	
}

/* =================================== */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#middle_left ul ul {
visibility:hidden;
position:absolute;
top:0;
left:180px; 
}


/* make the second level visible when hover on first level list OR link */
#middle_left ul li:hover ul,
#middle_left ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#middle_left ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#middle_left ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#middle_left ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#middle_left ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/* =================================== */

/* rules for other elements in the left hand menu */

.advert {

	border-top:1px solid #CC9933 ;
	border-right:1px solid #CC9933 ;
	border-left:1px solid #CC9933 ;
	border-bottom:1px solid #CC9933 ;

	width:179px;
	min-height:120px;
	margin-top:10px;
	text-align:center;
/*	
	position:relative;
*/
	clear:both;
	display:block;
}

.advert p {
	padding:0;
	margin:0;
	height:120px;
	width:179px;
}

.advert p a {
	color:#000000;
	display:block;
	text-decoration:none;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

.advert h2 {
	padding:0;
	margin:0;
}



.advert h2 a {
	background-image:url(../images/tabs/gold/tab_gold.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#D6AC5A;
	color:#333333;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	margin:0;
	display:block;
}



/* =========================================================== */

#rssfeed { 
	border-right:1px solid #CC9933 ;
	border-left:1px solid #CC9933 ;
	border-bottom:1px solid #CC9933 ;
	width:179px;
	min-height:120px;
	margin-top:10px;
	margin-bottom:10px;	
	text-align:center;
	position:relative;
	clear:both;
}

#rssfeed h1 , #rssfeed h2 , #rssfeed h3 {
	background:url(../images/tabs/gold/tab_gold_over.jpg) top center repeat-x;
	color:#333333;
}