/*

COLORS:

background main page, and heading: #9C1F2E


INDEX

MAIN CONTENT WRAPPERS (sec01)
BASE COLUMNS (sec01a)
HEADER STYLES AND CONTAINERS (sec02)
MISC STYLES (sec03)
NAVIGATION BAR STYLES (sec04)
CONTENT STYLES (sec05)
ROUNDED BOX STYLES (sec06)
HEADING STYLES (sec07)
NEWS BOX STYLES(sec08)
SIDE BAR STYLES (sec09)
DIRECTORY STYLES (sec10)
STYLES FOR LIST PAGES (sec11)
*/

/* MAIN CONTENT WRAPPERS (sec01) */


body{
	background-color:#9C1F2E;
	text-align:center;
	font-family:Arial, Helvetica;
	font-size:10pt;
	margin: 0;
 	padding: 0;
}
img{
	border: 0;
}
#main_page_wrapper{
	margin:0 auto;
	text-align:left;
	width:997px;
	background-color:#D2D1CF;
}
#header_wrapper{
	width:997px;
	height: 170px;
	background-color:#9C1F2E;
}

#content_wrapper{
	width:667px;
	background-color:#FFF;
	float:left;
	min-height:450px;
	padding: 4px;
}

#nav_wrapper{
	width:160px;
	background-color:#D7D6D4;
	float:left;

}
#news_holder{
	width:600px;
	float:left;
}
#content_box{
	width:600px;
	float:left;
	margin-top:20px;
	margin-left:32px;
}

#form_box{
	width:600px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}
#content_box_non_side{
	width:820px;
	float:left;
	margin-top:20px;
	margin-left:5px;
}
#side_bar{
	width:150px;
	float:left;
}
#full_page_content{
	text-align:left;  /*reposition text for IE*/
	margin:0 auto; /*center for allother browsers */
	width:997px; /*max site width*/
	background-color:pink;
}

#background_color_base{
	background-color:#D7D6D4;
	float:left;
}

#over-page_wrapper{

}

#footer_wrapper{
	width:997px;
	background-color:#9C1F2E;
	text-align:center;
}
/* BASE COLUMNS (sec01a)*/
#left_column{
	width:160px;
	background-color:#FFF;
	float:left;
}

#center_column{
	width:837px;
	background-color:#FFFFFF;
	float:right;
}
#right_column{
	width:160px;
	background-color:#FFFFFF;
	float:right;
	padding-top:20px;
}
/* HEADER STYLES AND CONTAINERS (sec02) */

#header_logo{
	height:158px;
	width:150px;
	background:url(../img/logos/nhba_logo_red.png) no-repeat;
	float:left;
	padding-bottom:8px;
	background-color:#9C1F2E;
}

#header_picture{
	width:611px;
	height:117px;
	padding-top:22px;
	padding-left:26px;
	float:left;
	background-color:#9C1F2E;
}
#header_sponsor{
	width:210px;
	text-align:right;
	color:#FFCB4F;
	font-weight:bold;
	float:left;
	height:139px;
	background-color:#9C1F2E;
}

#header_search_bar{
	width:837px;
	padding-right:10px;
	text-align:right;
	float:left;
	background-color:#9C1F2E;
	padding-bottom:5px;
}
#header_search_bar form{
	float:right;
	margin-left:25px;
	background-color:#9C1F2E;
}

/* MISC STYLES (sec03) */
.clear{
	clear: both;
}

.warning{
	font-weight:bold;
	color:#9C1F2E;
}
/* NAVIGATION BAR STYLES (sec04) */

#nav_bar_top{
	background:url(../img/backgrounds/nav_top.png);
	width:160px;
	height:100px;
}
.nav_item{
	font-family:verdana;
	font-size:13pt;
	font-weight:bold;
	text-align:right;
	width:150px;
	padding-right:10px;
	background:url(../img/backgrounds/nav_item.png) no-repeat;
	line-height:30px;
	background-color:#D7D6D4;
	
}
.nav_item a{
	color:#747679;
	text-decoration:none;
}
.nav_item a.selected{
	background:url(../img/backgrounds/nav_item_selected.png) no-repeat;
	display:block;
	width:150px;
	height:36px;
	padding-right:10px;
	color:#9C1F2E;
}

.nav_sub_item{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	width:150px;
	padding-right:10px;
	padding-left:5px;
	/*background:url(../img/backgrounds/nav_item.png) no-repeat;*/
	line-height:30px;
	background-color:#D7D6D4;
}
.nav_sub_item a{
	color:#747679;
	text-decoration:none;
}
.nav_sub_item a.selected{
	background:url(../img/backgrounds/nav_item_selected.png) no-repeat;
	display:block;
	width:150px;
	height:36px;
	padding-right:10px;
	color:#9C1F2E;
}

.nav_item li{
	display:block;
	width:60px;
	
}
/* CONTENT STYLES (sec05) */
#content_bottom{
	background:url(../img/backgrounds/content_bottom.png) no-repeat;
	height:104px;
	width:837px;
	float:left;
}

.text_bar{


}
.pic_bar{

}
.image_box{
	width:180px;
	margin-top:10px;
	margin-left:20px;
	padding-left:10px;
}
/* ROUNDED BOX STYLES (sec06) */

/* larger border boxes for news and side bar */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#EEE; margin:0 5px;}
.b2f {height:1px; background:#EEE; margin:0 3px;}
.b3f {height:1px; background:#EEE; margin:0 2px;}
.b4f {height:2px; background:#EEE; margin:0 1px;}
.b1e, .b2e, .b3e, .b4e{font-size:1px; overflow:hidden; display:block;}
.b1e {height:1px; background:#AAA; margin:0 5px;}
.b2e {height:1px; background:#AAA; margin:0 3px;}
.b3e {height:1px; background:#AAA; margin:0 2px;}
.b4e {height:2px; background:#AAA; margin:0 1px;}
.contente {background: #AAA; border-left:solid #AAA 4px;border-right:solid #AAA 4px;}
.contentf {background: #EEE;}
.contentf div {margin-left: 0px;}

.box_innards{
	margin-top:-30px;
	padding-left:10px;
}

.box_innards h5, h3, a{
	color:#9C1F2E;
}
.box_innards a{
	font-weight:bold;
	text-decoration:none;
}

.box_innards a:hover{
	text-decoration:underline;
}
.box_innards2{
	margin-top:-30px;
	height:616px;
}

.box_innards2 h5, h3, a{
	color:#9C1F2E;
}
.box_innards2 a{
	font-weight:bold;
	text-decoration:none;
}

.box_innards2 a:hover{
	text-decoration:underline;
}


/* HEADING STYLES (sec07) */

h1{
 color:#9C1F2E;
 line-height:25px;
}
h2{
 color:#9C1F2E;
 line-height:20px;
}

/* NEWS BOX STYLES(sec08) */
#news_holder{
	width:600px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	height: 250px;
}
.b1f_news{
	background-color:blue;
}
.b4f_news{
	background-color:#EFEFEF;
}
#news_box_wrapper{
	background:url(../img/news-transparency.png);
	width:588px;
	height:244px;
	padding-left:4px;
	z-index: 10;
	position: absolute;
	
}

#news_box_right{
	width:321px;
	height:234px;
	float:left;
	padding-left:15px;
}

#news_box_intro h5{
	color:#9C1F2E;
	font-size:13pt;
}

#newsContainer{
	height: 260px;
	width: 597px;
	margin: 30px auto;
	background: #aaa;
	display: table;
	overflow: hidden;
}

#newsContainerWhite{
	height: 247px;
	width: 585px;
	margin-top: 6px;
	*margin-top: 2px; /* IE7 Hack */
	margin-top /*\**/: 2px\9; /* IE8 Hack */
	margin-bottom: 2px;
	margin-left: 6px;
	background: #fff;
	
	z-index: 2;
	#position: relative;
}

#newsBoxBackground{
	background:url(../img/news-transparency.png);
	width:580px;
	height:247px;
	padding-left:4px;
	z-index: 10;
	position: absolute;
	margin-left: 5px;
}

#news_box_intro{
	width:336px;
	height:189px;
	float:right;
	margin-right: 15px;
	margin-top: 5px;
}

#news_box_link{
	width:321px;
	height:20px;
	text-align:right;
	padding-right:15px;
	float:right;
}


#news_box_selector{
	width:336px;
	height:20px;
	text-align:center;
	float:right;
}

/* SIDE BAR STYLES (sec09) */
#side_bar{
	float:left;
}
#side_bar_wrapper{
	background:url(../img/backgrounds/side_bar_background.png);
	width:142px;
	margin-top:-20px;
	*margin-top:0px;
	
	
}
.side_bar_title{
	width:142px;
	height:20px;
}
.side_bar_icon{
	padding-left:42px;
	width:100px;
}
.side_bar_icon img{
	border:0px;
}
.side_bar_content{
	width:133px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
}
.side_bar_hr{
	width:120px;
	color:#BEBEBE;

}

.side_bar_title h2{
	padding-top:5px;
	padding-left:5px;
}
.side_bar_icon_transport{
	text-align:center;
	width:142px;
}
/* DIRECTORY STYLES (sec10) */

#directory_menu span{
	font-weight:bold;
	font-size:10pt;
	display:block;
	color:#9C1F2E;
	cursor:pointer;
}

.directory_list table{
	border: 2px inset black;
	width:565px;
	margin-bottom:10px;
	color:#000;
	font-weight:normal;
	background-color:#8D8D8D;
}

.directory_list .heading{
	font-weight:bold;
	color:#FFF;
}
.directory_list .heading a{
	font-weight:bold;
	color:#FFF;
}
.directory_list td{
	color:#FFF;
}
/*
.directory_list a:hover .heading{
	background-color:#DDD;
}

.directory_list a:hover{
	background-color:pink;
}

.directory_list a:hover td{
	background-color:blue;
} 
*/
#events_div span{
	font-weight:bold;
	display:block;
	color:#9C1F2E;
	cursor:pointer;
}


/**************** new styles for map page *************************/

#mapContainer{
	width: 825px;
	height: 630px;
	text-align: center;
}

/********************* top menu *********************/
#jsddm{	margin: 0;
	padding: 0;
	z-index: 100;
	position: absolute;
	width: 817px;
	*margin-left: -418px;
	background: #d7d6d4;
}
	
#jsddm li{
	float: left;
	list-style: none;
}

#jsddm li a{
	display: block;
	padding: 9px 12px;
	text-decoration: none;
	width: 72px;
	height: 25px;
	font-size:11px;
	color: #333333;
	text-align:center;
	background:url(../img/backgrounds/nav_item.png) no-repeat;
	padding-left:18px;
}

#jsddm li a:hover{
	background: #4d4d4d;
	color: #fff;
}
		
#jsddm li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}

#jsddm li ul li{
	float: none;
	display: inline;
	*width: 200px;
	*display: block;
}

.removeMe{
	color: red;
}

#jsddm li ul li a{
	width: auto;
	color: #fff;
	background-color:#747679;
}

#jsddm li ul li a:hover{
	background: #7F1616
}

/********************* top menu - burglarised for the directory *********************/
#jsddm2{	margin: 0;
	padding: 0;
	z-index: 100;
	position: absolute;
	width: 575px;
	*margin-left: -418px;
	background: #d7d6d4;
}
	
#jsddm2 li{
	float: left;
	list-style: none;
}

#jsddm2 li a{
	display: block;
	background: #d7d6d4;
	padding: 9px 12px;
	text-decoration: none;
	width: 80px;
	height: 25px;
	font-size:11px;
	color: #333333;
	text-align:center;
	background:url(../img/backgrounds/nav_item.png) no-repeat;
	padding-left:18px;
}

#jsddm2 li a:hover{
	background: #4d4d4d;
	color: #fff;
}
		
#jsddm2 li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}

#jsddm2 li ul li{
	float: none;
	display: inline;
	*width: 200px;
	*display: block;
}

#jsddm2 li ul li a{
	width: auto;
	background: #6f6f6f;
	color: #fff;
	
}

#jsddm2 li ul li a:hover{
	background: #7F1616
}

/*************************************/
.mySubmit{
	border: 1px solid #333;
	background: #e4e4e4;
	font-size: 12px;
}

/* STYLES FOR LIST PAGES (sec11)*/

#outer_box{
	width:600px;
	margin-left:30px;
	padding-top:120px;
	background-color:#6677AA;
	height:450px;
}
.spaced_box{
	width:190px;
	float:left;
	margin-top:20px;
}
.spacer{
	width:15px;
	float:left;
}
.spaced_box_event{
	width:290px;
	float:left;
	margin-top:20px;
}