/*
 * @author Mark White
 *
 * This is the main CSS file for the BRW website
 *
 */

	body
	{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #333;	
		background: #525c54;
		
		/*behavior: url("_files/csshover.htc");*/
	}

	.clear-both
	{
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	
	.float-image-left
	{
		float:left;
		padding-right:10px
	}
	.float-image-right
	{
		float:right;
		padding-left:10px
	}

	#print-header
	{
		display: none;
	}

/* ---------------------------------------------------------------------------------------------- Page Container */

	#page-container
	{
		width: 996px;
		margin: 0 auto;
		font-size: 120%;
		background: #fff;
		position:relative;
	}
	
/* -------------------------------------------------------------------------------- Header */
	
	#header
	{
		position:relative;
		z-index:2;
		height:1%;
	}	
	

/* ------------------------------------------------------------ Header Toolbar */
	
	#header-toolbar
	{
		padding: 5px 0 4px 0;
		border-bottom: 4px solid #525c54;
		font-size: 80%;
		color: #bbc3bc;
		background: #67726a;
		height:20px
	}
	
	* html #header-toolbar
	{
		height: 1%;
	}
	
	#header-toolbar a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#header-toolbar a:hover
	{
		text-decoration: underline;
	}

/* ------------------------------------------- Date */	

	#header-toolbar .date
	{
		float: left;
		margin: 0;
		padding: 3px 11px;
		font-weight: bold;
	}
	
/* ------------------------------------------- Menu */	
	
	#header-toolbar ul.menu
	{
		z-index:4;
		position: relative;
		/*float: right; JM CHANGE */
		float: right;
		margin: 0;
		padding: 0 0 0 20px;
		list-style: none;	
	}
	
	#header-toolbar ul.menu li
	{
		position: relative;
		float: left;
		padding: 3px 0 4px 0;
	}
	
	#header-toolbar ul.menu li a
	{
		display: block;
		padding: 0 7px;
		border-right: 1px solid #99a49c;
	}
	
	#header-toolbar ul.menu li.last a
	{
		border-right: none;
	}
	
	#header-toolbar ul.menu li.drop-down a
	{
		padding-right: 13px;
		text-decoration: none;
		background: url(_files/toolbar_drop-down-icon.gif) 100% 50% no-repeat;
		cursor: default;
	}
	
	#header-toolbar ul.menu li.drop-down li a
	{
		background: none;
		cursor: pointer;
	}
	
	#header-toolbar li:hover ul,
	#header-toolbar li.hover ul
	{
		display: block;
	}
	
	#header-toolbar li ul
	{
		display: none;
		position: absolute;
		top: 19px;
		left: 0;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #67726A;
	}
	
	#header-toolbar ul.menu li li
	{
		float: none;
		border: none;
		padding: 0;
	}
	
	#header-toolbar ul.menu li li a
	{
		display: block;
		border-top: 1px solid #99A49C;
		padding: 4px 7px;
		width: 120px;
	}
	
	#header-toolbar ul.menu li li a:hover
	{
		background: #B3BCB5;
		color: #525C54;
		text-decoration: none;
	}


/* ------------------------------------------- Puff Next/Previous */
	.puff-controls li
	{
		float:right;
		list-style:none;
		margin: 0;
		padding: 3px 10px 0 0;
	}
	.puff-controls
	{
		position: relative;
		height: 20px;
	}
	.puff-controls a:link 
	{ 
		color:#999999 !important 
	}
	.puff-next-button a
	{ 
		float:left; 
		margin: 0;
		padding: 0 8px 0 0;
		background:url("_files/bullet-small-arrow_red_r.gif") 100% 4px no-repeat;
		z-index:3;
		line-height: 1.0em;
	}
	
	.puff-prev-button a
	{ 
		float:left;
		margin: 0;
		padding: 0 0 0 7px;
		background:url("_files/bullet-small-arrow_red_l.gif") 0 4px no-repeat; 
		z-index:3;
		line-height: 1.0em;
	}

/* ------------------------------------------- Search */	
	/*
	#header-toolbar .search
	{
		float: left;
		padding: 0 0 0 35px;
		
	}
	
	#header-toolbar .search form
	{
		margin: 0;
		padding: 0;
	}
	
	#header-toolbar .search label
	{
		display: none;
	}
	
	#header-toolbar .search .input-text input
	{
		border: none;
		padding: 2px 5px 3px 5px;
		width: 134px;
		font-family: inherit;
		font-size: 100%;
		background: #fff;
	}
	
	#header-toolbar .search .button input
	{
		border: none;
		padding: 2px 3px 3px 3px;
		font-family: inherit;
		font-size: 100%;
		color: #fff;
		background: #000;
	}
	*/
	
/* ------------------------------------------- My Account */	
	/*
	#header-toolbar .my-account
	{
		float: left;
		margin: -5px 0 0 15px;
		width: 105px;
		height: 22px;
		background: url(_files/my-account_bg.gif) 0 0 no-repeat;
	}
	
	#header-toolbar .my-account a
	{
		display: block;
		padding: 4px 18px 2px 18px;
		font-weight: bold;
		color: #525c54;
	}
	*/
	
/* -------------------------------------------------------------------------------- Logo Row */

	#logo-row
	{
		padding: 6px 11px;
	}

	#logo-row[id]
	{
		overflow: hidden;
	}
	
	#logo-row
	{
		height: 1%;
	}

/* ------------------------------------------------------------------ Header Logo */

	#main-heading
	{
		float: left;
		position: relative;
		z-index: 2;
		margin: 20px 0 0px 5px;
		padding: 0;
		/*width: 125px;
		height: 72px;*/
		width: 200px;
		height: 72px;
		font-size: 100%;
		text-indent: -10000px;
	}
	
	#main-heading span
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: url(_files/site-logo.gif) 0 0 no-repeat;
		cursor: pointer;
	}

/* ------------------------------------------------------------------ Leaderboard Ad */	
	
	#leaderboard-ad
	{
		float: right;
	}
	#top-ad
	{
		position:absolute;
		top:40px;
		right:11px;
		z-index:3;
	}
	

/* -------------------------------------------------------------------------------- Main Navigation */
		
	#main-nav
	{
		z-index:2;
		position: relative;
		margin: 0 11px 8px 11px;
		/*border-top: 3px solid #e2001a;*/
		border-top: 3px solid #999999;
	}
	
	* html #main-nav
	{
		height: 1%;
	}
	
	#main-nav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#main-nav li
	{	
		float: left;
		/*border-top: 1px solid #ff8585;*/
		border-top: 1px solid #999999;
	}
		
	
	#main-nav li a:hover,
	#main-nav li.current a,
	#main-nav li.current li a:hover
	{
		padding-top: 6px;
		/*border-top: 1px solid #f2f2f2;
		border-left: 1px solid #e1e1e1;*/
		border-top: 1px solid #0088FF;
		border-left: 1px solid #ffffff;
		color: #ffffff; 
		/*color: #1d1d1d; 
		background-color: #e1e1e1;*/
		background-color: #0066FF;
	}
	

	#page-container #main-nav li.first a,
	#page-container #main-nav li.first a:hover
	{
		border-left: 1px solid #999999;
		background:#999999;
		width:79px;
		border-top: 1px solid #999999;
		padding-top: 6px;
	}
	
	#main-nav li a,
	#main-nav li.current li a
	{	
		display: block;
		padding: 7px 0 8px 0;
		width: 147px; /*165px;*/
		border-left: 1px solid #ffffff;
		/*border-left: 1px solid #525c54;*/
		text-decoration: none;
		text-align: center;
		color: #dfdede;
		/*background: #040202;*/	
		background: #0088FF;	
	}

	#main-nav li a.drop-down
	{
		background-image: url(_files/main-nav_drop-down-icon.gif);
		background-position: 85% 50%;
		background-repeat: no-repeat;
	}
	
	#main-nav li a.drop-down:hover,
	#main-nav li.current a.drop-down
	{
		background-image: url(_files/main-nav_drop-down-icon_h.gif);
		background-position: 85% 50%;
		background-repeat: no-repeat;
	}

	#main-nav li.subscribe
	{
		padding: 7px 0 9px 0;
		width: 75px;/*156px;*/
		/*border-top: none;*/
		/*border-top: 1px solid #e2001a;*/
		border-top: 1px solid #999999;
		font-size: 90%;
		color: #fff;
		/*background: #e2001a;*/
		background: #999999;
	
	}
	#main-nav li.sign-in-out
	{
		/*border-top: 1px solid #e2001a;*/
		border-top: 1px solid #999999;
		
	}
	
	#main-nav li.subscribe a
	{
		padding: 7px 0 9px 0;
		width: 100px;
		border-top: none;
		font-size: 90%;
		color: #fff;
		font-weight: bold;
		
		/*background: #e2001a;*/
		background: #999999;
	}
	#main-nav li.sign-in-out a
	{
		padding: 7px 0 9px 0;
		width: 154px;
		border-top: none;
		font-size: 90%;
		color: #fff;
		font-weight: bold;
		
		/*background: #e2001a;*/
		background: #999999;
	}
	
	#main-nav li.subscribe a:hover
	{
	
	}
	#main-nav li.sign-in-out a:hover
	{
		padding: 7px 0 9px 0;
		text-decoration: underline;
		border-top: none;
		color: #fff;
/*		background: #e2001a;*/
		background: #999999;
	}
	
	#page-container #main-nav li.sign-in-out a
	{
		border-left: none;
		border-right:none;
		background-image: url(_files/top-orange-bar.gif);
		/*background-image: url(_files/subscribe-menu-pipe.gif);*/
		background-repeat: no-repeat;
		background-position: 100% 5%;
	}
	
	#page-container #main-nav li.subscribe a
	{
		border-left: 1px solid #ff8585;
		background-image: url(_files/subscribe-menu-pipe.gif);
		background-position: 100% 49%;
		background-repeat: no-repeat;
		
	}
	
/* --------------------------------------------------------- Drop Downs */

	#main-nav li:hover ul,
	#main-nav li.hover ul
	{
		position: absolute;
		display: block;
	}
	
	#main-nav li ul
	{
		display: none;
	}
	
	#main-nav li ul li
	{
		float: none;
		border-top: none;	
	}

	#page-container #main-nav li ul li a
	{
		border-top: 1px solid #525c54;
	}
	
	#page-container #main-nav li ul li a:hover
	{
		padding-top: 7px;
	}


/* -------------------------------------------------------------------------------- Bread Crumbs */

	#breadcrumbs
	{
		position: relative;
		top: -5px;
		margin: 0 0 5px 0;
		font-size: 75%;
		color: #777;
	}
	
	#content-container #breadcrumbs a
	{
		color: #999;
		text-decoration: none;
		border-bottom: 1px solid #ddd;
	}
	
	#content-container #breadcrumbs a:hover
	{
		border-bottom: none;
	}
	
/* -------------------------------------------------------------------------------- Page Tools */

	#page-tools
	{
		z-index: 1;
		position: relative;
		float: right;
		margin: 0;
		padding: 3px 0 0 0;
		list-style: none;
	}
	
	#page-tools li
	{
		float: left;
		margin: 0 0 0 6px;
	}
	
	#page-tools .email-friend a
	{
		display: block;
		width: 20px;
		height: 19px;
		font-size: 0;
		text-indent: -10000px;
		background: url(_files/icon_email.gif) 0 0 no-repeat;
	}
	
	#page-tools .print a
	{
		display: block;
		width: 20px;
		height: 19px;
		text-indent: -10000px;
		background: url(_files/icon_printer.gif) 0 0 no-repeat;
	}
	
	#page-tools .smaller-font a
	{
		display: block;
		width: 17px;
		height: 18px;
		text-indent: -10000px;
		background: url(_files/icon_font-decrease.gif) 0 0 no-repeat;
	}
	
	#page-tools .larger-font a
	{
		display: block;
		width: 20px;
		height: 19px;
		text-indent: -10000px;
		background: url(_files/icon_font-increase.gif) 0 0 no-repeat;
	}
	

/* ---------------------------------------------------------------------------------------------------- Content Container */	
	

	#content-container
	{
		padding: 0 11px;
		background:#fff url(_files/dotted-line_v.gif) repeat-y 673px 0;
	}
	#content-container[id]
	{
		overflow:hidden;
	}
	* html #content-container
	{
		height:1%
	}
	
/* ---------------------------------------------------------------------------------------------------- Right Column */
	
	#right-column
	{
		z-index: 1;
		position: relative;
		float: right;
		margin: 0;
		width: 310px;
		color:#8a948d;
	}

	#rc-padding
	{
		padding: 0 0 0 10px;
	}
	
	* html #rc-padding
	{
		margin-right: -3px; /* compensate for the 3px float bug in IE */
		height: 1%;
		overflow: hidden;
	}


/* ---------------------------------------------------------------------------------------------------- Main Content */
		
	#main-content
	{
		width:664px;
		float:left;
	}
	
	#mc-padding
	{
		padding: 0 11px 0 0
	}
	
	* html #mc-padding
	{
		padding-right:6px;
		height:1%;
		overflow:hidden
	}
	
	
/* ---------------------------------------------------------------------------------------------------- Footer */

	#footer
	{
		padding: 10px 0;
		border: 11px solid #fff;
		font-size: 80%;
		background: #555;
	}
	
	#footer[id]
	{
		overflow: hidden;
	}
	
	* html #footer
	{
		height: 1%;
	}
	
	#footer a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer ul.menu
	{
		margin: 0;
		padding: 0 0 0 200px; 
		/*padding: 0 0 0 350px;*/
		list-style: none;	
	}
	
	#footer ul.menu li
	{
		float: left;
		padding: 0 7px;
		border-right: 1px solid #9e9e9e;
		color:#BBC3BC;
	}
	
	#footer ul.menu li.last
	{
		border-right: none;
	}