/*
created: 
Ryan Manville
20031020
*/


body	{  background-color: #EEE; margin: 0px; padding:0px; text-align: center; }

strong	{	font-family: verdana, arial, helvetica, sans-serif;  font-size: 10pt; font-weight:bold; color: #333;}
.bold	{	font-weight:bold;}
.blue	{	color:#3300FF;}
.orange {	color:#CC6600;}

.title 	{	font-size: 14pt; font-family: verdana, arial, helvetica; color: #CC6600; font-weight: bold; text-align:right;}
.subtitle	{	font-family: verdana, arial, helvetica, sans-serif;  font-weight: bold; font-size: 13pt; color: #CC6600; padding-bottom:5px;}
.subtitleOrangeRight	{	font-family: verdana, arial, helvetica, sans-serif;  font-weight: bold; font-size: 13pt; color: #CC6600; text-align:right;}
.subtitleBlack	{	font-family: arial, helvetica, sans-serif;  font-weight: bold; font-size: 13pt; color: #000000;}
.subtitleBlackRight	{	font-family: arial, helvetica, sans-serif;  font-weight: bold; font-size: 13pt; color: #000000; text-align:right;}

.sidebarOrange { font-family: verdana, arial, helvetica, sans-serif;  font-size: 9px; color: #CC6600; font-weight:bold;}

.content {	font-family: verdana, arial, helvetica, sans-serif;  font-size: 9pt; line-height: 18px; color: #000;}
.small {	font-family: verdana, arial, helvetica, sans-serif;  font-size: 9.75px; line-height: 15px; color: #000; margin: 5px 5px 5px 5px;}
.smallWhite {	font-family: verdana, arial, helvetica, sans-serif;  font-size: 9.75px; line-height: 12px; color: #ffffff; font-weight:bold; margin: 5px 5px 5px 5px;}
.date	{	font-family: verdana, arial, helvetica, sans-serif;  font-size: 10pt; color: #8A8A8A;}
.note	{	font-family: verdana, arial, helvetica, sans-serif;  font-size: 10pt; color: #000;}
.footer  {	font-family: verdana, arial, helvetica, sans-serif;  font-size: 8pt; color: #000;}

ul {
	padding: 0;
	margin-left: 1em;
	list-style-image: url(http://www.bptrends.com/images/orange_square.gif);
	list-style-position: outside;
	}

ul.inset {
	padding: 0;
	margin-left: 1em;
	list-style-image: url(http://www.bptrends.com/images/orange_square.gif);
	list-style-position: inside;
	}	
	
/* handle the nonstacked list items */	
#menubar {padding:4px 10px; margin-bottom:30px; }
#menubar a { padding:4px; }
#menubar ul { list-style : none; padding:0px; margin:0px; }
#menubar li { display:inline; list-style:none; }	



				
#container {
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		background: #FFF;
		border: 1px solid #000;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		border-top: none;
		/*  since NN sucks  we have to 
		go a differnt rought
		border: 1px solid #000;*
		margin-left: auto;
		margin-right: auto;*/
		width: 90%;
		min-width: 873px;
		 width:expression(document.body.clientWidth < 973? "873px": "90%" );
	
		}
		
#gray {background-color:EBEBEB;}
#topShadow {background-image:url(http://www.bptrends.com/images/bg_shadow_top.gif);}
#topShadowRight {background-image: url(http://www.bptrends.com/images/bg_shadow_topRight.gif);}
#leftShadow {background-image:url(http://www.bptrends.com/images/bg_shadow_left.gif);}
#leftActive {background-image:url(http://www.bptrends.com/images/bg_shadow_active.gif);}
#tabSideActive {background-image:url(http://www.bptrends.com/images/tab_SIDE_active.gif);background-repeat: no-repeat;}
#tabTopActive {background-image:url(http://www.bptrends.com/images/tab_TOP_active.gif);}
#cornerShadow {background-image:url(http://www.bptrends.com/images/bg_shadow_corner.gif);background-repeat: no-repeat;}
#footerDetail{background-image:url(http://www.bptrends.com/images/bg_footer_detail.gif);}
#stripes {background-image: url(http://www.bptrends.com/images/bg_stipe.gif)}
#leftstripes {background-image: url(http://www.bptrends.com/images/bg_stripe_left.gif)}
#leftstripesfooter {background-image: url(http://www.bptrends.com/images/bg_stripe_footer.gif)}
#stripesLine {background-image: url(http://www.bptrends.com/images/bg_stipeLine.gif)}

/* margins for content */
#contentMargins {   margin: 5px 20px 20px 20px; }	
#indexMargins { margin: 10px 0px 10px 0px; }	



A:LINK, A:VISITED { font-family: verdana; font-size: 10pt; color: #666633; font-family: verdana; } 
A:ACTIVE, A:HOVER { font-family: verdana; font-size: 10pt; color: #333333; text-decoration: none; } 

A.maintab:LINK, A.maintab:VISITED { color: #FFFFFF; text-decoration: none; font-family: verdana;font-size:10px;} 
A.maintab:ACTIVE, A.maintab:HOVER { color: #EEEEEE; text-decoration: none; } 

A.subnav:LINK, A.subnav:VISITED { color: #333333; text-decoration: none; font-family: verdana; font-size:11px; margin-right:3px;} 
A.subnav:HOVER { color: #CC6600; text-decoration: none; font-family: verdana; font-size:11px; margin-right:3px;} 
A.subnav:ACTIVE { color: #333333; text-decoration: none; font-family: verdana; font-size:11px; margin-right:3px;} 

.white { color: #FFFFFF; font-family: verdana; font-size:11px;} 

A.orange:LINK, A.orange:VISITED { color:CC6600 font-family: verdana; } 
A.orange:ACTIVE, A.orange:HOVER { color:CC6600 text-decoration: none; } 
