/* TOP/MAIN MENU */

/* top link menu right at top of page */
div.toptrim						{ height:10px; }
div.toptrim .toptriml			{ height:10px; width:10px; float:left; }
div.toptrim .toptrimc			{ height:10px; width:980px; float:left; }
div.toptrim .toptrimr			{ height:10px; width:10px; float:left; }
div.topmain						{ height:190px; }
div.topmain .main				{ height:190px; }
div.topmain .search 			{ padding:0px 280px 0px 0px; float:right; font-weight: normal; }
div.topmain .searchicon 		{ margin-bottom: -4px; }
div.topmain .date 				{ padding:0px; float:left; width:160px; margin:-8px 0px 0px 230px; font-weight: normal; font-size: 10px; text-align:center; text-align:-moz-center; #text-align:center; }
div.topmain .middle 			{ height:135px; }
div.topmain .banner 			{ padding:15px 0px 0px 10px; width:760px; height:120px; float:left; }
div.topmain .bannerlabel		{ padding:0px 0px 2px 0px; font-size:10px; font-weight:bold; }
div.topmain .tag 				{ font-size: 11px; width: 110px; height:13px; }
div.topmain .category			{ font-size: 11px; font-weight: bold; width: 120px; }

/* links - top menu (all formats) */
div.topmenu 					{ border-bottom: none; }	/* our default page-width div */
.topmenu						{ font-weight: normal;  }
.topmenuhighlight				{ font-weight: bold; }
a.topmenu						{ text-decoration: None; margin:0 9px 0 0; }
a.topmenuhighlight				{ text-decoration: None; margin:0 9px 0 0; }

/* links - full menu */
div.tm-full 					{ padding:5px 0px 0px 12px; width:350px; float:left; height:19px; }
div.tm-full a					{ font-size:12px; }

/* links - short menu */
div.tm-short 					{ line-height:11px; margin:7px 0px 0px 6px; width:350px; float:left; }
div.tm-short a					{ font-size:11px; line-height:12px; padding:0 0 8px 0; float:left; }

/* links - hidden menu */
div.tm-hidden 					{ line-height:12px; margin:3px 0px 0px 5px; padding:0 10px; float:left; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;  
								  background:#fbfbfb; 
								  background-image: -webkit-gradient(
								    linear,
								    left bottom,
								    left top,
								    color-stop(0.01, rgb(240,240,240)),
								    color-stop(0.24, rgb(245,245,245)),
								    color-stop(0.96, rgb(252,252,252))
									);
								  background-image: -moz-linear-gradient(
								    center bottom,
								    rgb(240,240,240) 1%,
								    rgb(245,245,245) 24%,
								    rgb(252,252,252) 96%
									);	
								}
div.tm-hidden a					{ font-size:11px; line-height:12px; float:left; text-decoration:none; padding:4px 0 5px 0; border-left:none; border-right:none; }

/* hidden top menu */
div#hidTopMenuBar				{ display:none; margin:3px 25px 0px 25px; }
#mtContributeIcon				{ display:none; }
		
/*========================= MAIN ICON MENU =========================*/

.toprow {
	margin-top:1px;
	font-size:12px;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

.toprowHighlight {
	font-size:16px;
}

#menuCapLeft { 
	float:left; 
	width:10px;
	height:40px;
}

.menuEnd {
	float:right;
	width:410px;
	height:40px;
}

#hidTopMenuBar .menuEnd {
	width:360px;				/* override right hand side for hidden menu */
}

.helpTableInfoH #topmenusize {
	margin:3px 0px 0px 5px; 	/* position of menu size button for hidden menu bar */
}

.menuEnd #topmenusize {
	margin:11px 0px 0px 5px; 	/* position of menu size button for normally displayed menu bar*/
}

#topmenusize { 
	float:right; 
	text-align:center; 
	text-align:-moz-center; 
	#text-align:center; 
	width:16px; 
	margin:0px; 
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60; 
}

#topmenusize:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00; 
}

#menuCapRight { 
	float:right; 
	width:10px; 
	height:40px;
}

/* main menu */
.menu {
	position:relative;		/* establish a menu-relative positioning context */
	margin:0px 0px 0px 10px;
	padding:0;
	border:none;
	height:40px;            /* the menu's overall height */
	width:570px;         	/* we always want our menu to fill the available space */
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
	z-index: 5;				
}

.menuicon { 
	border: none; 
	height:12px; 
	float:right; 
	padding: 1px 0px; 
	d\isplay:none; 
}
.menu img { 
	vertical-align: top; 	/* prevent images from being pushed down by text */
}    

/* regular links */
#menuRegularLinksHelp	{ 
	float:left; 
	margin-top:5px; 
}

#menuRegularLinks		{ 
	float:left; 
	margin-top:5px; 
}

#menuRegularLinks a img	{ 
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60; 
	float:left;
}

#menuRegularLinks a img:hover { 
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00; 
}


/*======================== OTHER STUFF ========================*/

/* search form */
input.search {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 9px;
}

input.searchfield {
	font-size: 10px;
	border: #f2f2f2 1px solid;
}


/*========================= SEPARATED COLOURS/IMAGES FOR EASE OF UPDATING STYLES =========================*/

/* full menu - top links */
div.toptrim .toptriml		{ background: url('../images/backgrounds/top/triml.jpg'); }
div.toptrim .toptrimc		{ background: url('../images/backgrounds/top/trimc.jpg'); }
div.toptrim .toptrimr		{ background: url('../images/backgrounds/top/trimr.jpg'); }
div.topmain .main			{ background: url('../images/backgrounds/top/main.jpg'); }
div.topmain .date 			{ color: #cecece; }
div.topmain .bannerlabel	{ color: #999999; }
div.topmain .tag 			{ background-color: #ffffff; }
div.topmain .category		{ background-color: #ffffff; }
div.tm-full .menuword1  	{ color: #464646; }
div.tm-full .menuword2  	{ color: #ff6600; }
div.tm-full a:hover .menuword1  	
							{ color: #ff6600; }
div.tm-full a:hover .menuword2  	
							{ color: #464646; }

/* short menu - top links */
div.tm-short .menuword1 	{ color: #999; }
div.tm-short .menuword2 	{ color: #666; }
div.tm-short a:hover .menuword1 
							{ color: #ee6333; }
div.tm-short a:hover .menuword2 
							{ color: #333; }

/* hidden menu - top links */
div.tm-hidden .menuword1	{ color: #ee6333; }
div.tm-hidden .menuword2	{ color: #666; }
div.tm-hidden a:hover .menuword1	
							{ color: #666; }
div.tm-hidden a:hover .menuword2	
							{ color: #ee6333; }

/*========================= TOP OF THE MENU CASCADE =========================*/

/* standard - not hidden tool bar */
.menu, .menuEnd				{ background:url('../images/menu/top2/bBackground.jpg') repeat-x #fff; }
#menuCapLeft 				{ background:url('../images/menu/top2/bCapLeft.png') }
#menuCapRight 				{ background:url('../images/menu/top2/bCapRight.png') }
.menu li, .menu li.left 	{ background:url('../images/menu/top2/bTab.jpg') no-repeat; }

/* hidden tool bar */
#hidTopMenuBar .menu, #hidTopMenuBar .menuEnd				
							{ background:url('../images/menu/top2/hbBackground.jpg') repeat-x #fff; }
#hidTopMenuBar #menuCapLeft { background:url('../images/menu/top2/hbCapLeft.png') }
#hidTopMenuBar #menuCapRight 
							{ background:url('../images/menu/top2/hbCapRight.png') }
#hidTopMenuBar .menu li, #hidTopMenuBar .menu li.left 	
							{ background:url('../images/menu/top2/hbTab.jpg') no-repeat; }

/*======================== OTHER STUFF ========================*/

/* search form */
input.search {
	color:#525252;
}

input.searchfield {
	color: #525252;
	border-color: #f2f2f2;
}