*{
margin: 0px;
padding: 0px;
border: none;
}
html, body { height: 100%; }

/* =====================================================
   BASIC LAYOUT FRAMEWORK SETTINGS
   ----------------------------------------------------- */
body {
	width:100%; /* width of masthead */
	font: 0.8em/1.8em Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	}
p{
	margin: 10px 0;
}
a{
	color: #4e7de2;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

ol li, ul li{
	margin-left: 20px;
}

p.floatRight {
	float: right;
	}
/* =====================================================
   WRAPPERS
   ----------------------------------------------------- */
#wrapper { /* holds everything in the page */
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
	width:100%; /* needs to be 100% for everything to stay the same width as in the body tag */
	min-width: 1280px;
	display:block;
	overflow: visible;
	background: #FFF url(../images/content_bg_blue_gradient.jpg) repeat-y;
	min-height: 100%;
	height: auto !important; height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
	}
	
.footer, .push {
	height: 130px; /* .push must be the same height as .footer */
}

#innerwrapper { /* holds content and rightcol */
	width: 100%;
	overflow:visible;
	}

/* =====================================================
   TOP_top_nav / MENU STYLING
   ----------------------------------------------------- */
#top_nav {
	background-color: #000;
	width: 100%;
	height: 40px;
	}

#top_nav_inner {
	margin: 0 auto;
	width: 900px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
	letter-spacing: 0.2em;
	color: #FFF;
	font-weight: bold;
}
#top_nav a {
	color: #FFF;
	text-decoration: none;
	}
#top_nav a:hover {
	color: #59eaff;
	}
	
/* =====================================================
   HEADER
   ----------------------------------------------------- */
#logo{ display:none; }
#header {
	width: 100%;
	height: 360px;
	background-color:#000000;
	overflow: hidden;
	}

#header_short {
	width: 100%;
	height: 280px;
	background-color:#000000;
	overflow: hidden;
	}
	
#header_image {
	margin:0 auto;
	width: 1280px;
	height: 360px;
	background: #000000 url(../images/wbp_banner.png) no-repeat;
	overflow:hidden;
	}

#bottom_black_bar {
	background-color: #000;
	width: 100%;
	height: 20px; 
	}
	
#header_image a {
  display: block;
  position: relative;
  height: 172px;
  width: 276px;
  top: 70px; 
  left: 199px;
  text-decoration: none;
  }
#header_image a i { visibility: hidden; }

/* =====================================================
   CONTENT AREA LAYOUT SETTINGS
   ----------------------------------------------------- */	
#content {
	margin:0 auto;
	width:930px !important;
	}

#leftcol{
	margin: 40px 0;
	width: 630px;
	float: left;
}	
/* =====================================================
   RIGHT COLUMN
   ----------------------------------------------------- */	
#rightcol { 
	margin:40px 0px;
	width:249px;
	float:right;
  	border-left: 1px solid #bec6cf; 
	padding: 20px 0;
	}
	
#rightcol h1 {
	margin-left: 15px;
	font-size: 1.2em;
	font-weight:bold;
	color: #818181;
	letter-spacing: 1px;
	}
	
#rightcol h2 {
  	margin-left: 15px;
	width: 150px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 10px 5px 0;
	}
	
/************************
 *     For rss feeds    *
 ************************/	
.itemtitle{
  	margin-left: 15px;
	width: 249px;
	font-weight: bold;
	line-height: 1.5em;
	color: #818181;
	border-bottom: #bbb 1px dotted;
	padding-bottom: 2px;
}

.itemdescription{
  	margin-left: 15px;
	padding-bottom: 15px;
}

.itemdescription img.icon {
float:left;
padding-right:5px;
padding-top:5px;
width:32px;
}

.itemdate{
  	margin-left: 15px;
	color: #818181;
	font-style:italic;
	font-size: 0.8em;

}
/*******************************
 *     end of For rss feeds    *
 *******************************/	
#rightcol p {
  	margin-left: 15px;
	line-height: 1.6em;
	padding-bottom: 15px;
	}
  
#tweets {
	list-style-type: none;
	margin: 15px 0;
	line-height: 27px;
	}
	
#tweets img {
	height: 25px;
	width: 25px;
	margin-right:5px; 
	float:left;
	}

hr.gradient_grey{
  	background: #fff url(../images/rightcol_hr.jpg) no-repeat top left;
 	border: 0;
  }
  

img.floatLeft {
	float: left;
	margin: 5px 10px 5px 15px;
}

/* =====================================================
   FOOTER
   ----------------------------------------------------- */
#footer {
	background-color: #000;
	width: 100%;
	min-width:1280px;
	height: 130px;
	}
	
#footer_inner { /* support paragraph at footer */
	margin: 0 auto;
	width: 850px;
	text-align: center;
	color: #FFF;
	}
#footer_inner p {
	padding: 6px 0;
}
#footer_inner a {
	text-decoration: none;
	border-bottom: 0;
	padding-bottom: 1px;
	color: #FFF;
	}
#footer_inner a:hover {
	border-bottom: 1px solid #fff;
	}
/* -----------------------------------------------------
   Updated Dynamic text settings
   ---------------------------------------------------- */
.updated {
font-size: 80%;
font-style:italic;
color: #aaa;
}
/* =====================================================
   HEADLINES
   ----------------------------------------------------- */	

div.hr_bluegradient {
  height: 5px;
  background: #fff url(../images/content_line_blue_gradient.jpg) repeat-y center left;
  margin: 5px 0px 15px 0px;
}
div.hr_greygradient {
  height: 1px;
  background: #fff url(../images/rightcol_hr.jpg) no-repeat center left;
  margin: 10px 0px 15px -1px;
}
div.hr_bluegradient hr, div.hr_greygradient hr {
  display: none;
}

/* =====================================================
   CLEAR
   ----------------------------------------------------- */	
.clear {
	clear:both;
	}	
	
.indent { margin-left: 20px; }

/* =====================================================
   Styling for vertical tabs
   ----------------------------------------------------- */
div#tabs{
	margin: 40px 0;
	width: 650px;
	float: left;
}	
/* DIV that holds each tab*/
div.my_tab{
	width:440px;
	padding: 15px;
	float:right;
	display:inline;
	position:relative;
}

h5.tab_title{
	font-size: 1.8em;
	line-height: 0;
	margin: 20px 0px;
}

hr.gradient_blue{
  	background: #fff url(../images/content_line_blue_gradient.jpg) repeat-y;
	height: 3px;
 	border: 0;
  }

table.meettheteam{
	padding: 5px;
	border: solid 1px #999999;
}
tr.meettheteam{
}
td.meettheteam{
	padding-right: 15px;
	vertical-align: top;
}
p#name{
	font-weight: bold;
}

/* -----------------------------------------------------
   Document ICONS
   ---------------------------------------------------- */
a.icon-pdf[href$='.pdf'] {
background:transparent url(../images/icons/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}
/* Word Document Links */
a.icon-doc[href$='.doc'] {
background:transparent url(../images/icons/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}

/* =====================================================
   TABBER
   ----------------------------------------------------- */	
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {
 margin-top:40px;
 float:left;
 width: 670px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 float:left;
 margin:0;
 padding:30px 0 100px 0;
 border-right:1px solid #aaa;
 width: 195px;
}


ul.tabbernav li
{
 list-style: none;
}

ul.tabbernav li a
{
 color:#000000;
 cursor:pointer;
 display:block;
 float:right;
 font-size:1em;
 font-weight:bold;
 margin:5px 0;
 min-height:30px;
 padding:9px 10px 0 0;
 position:relative;
 text-align:right;
 width:165px;
}

ul.tabbernav li a:hover {text-decoration:none;}

ul.tabbernav li.tabberactive a
{
 background:  url(../images/tab_bg_gradient_horizontal.jpg) repeat-x top left;
 border: 1px solid #aaa;
 border-right: 1px solid #fff;
 margin-right:-1px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 float:right;
 padding:15px;
 position:relative;
 width:440px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* =====================================================
   NEWS TICKER
   ----------------------------------------------------- */	
#NewsTicker{
	width:250px;
	height:400px;
	margin-bottom:30px;
}

#NewsVertical {
	width: 250px;
	height: 335px;
	display: block;
	overflow: hidden;
	position: relative;
}
#controller{
	padding-bottom:6px;
	font-size:11px;
	margin-left: 15px;
}
#play_scroll_cont{display:none;}

/* Ticker Vertical */
#TickerVertical {
	width: 235px;
	height: 335px;
	display: block;
	list-style: none;
	margin: 0;
}
#TickerVertical li {
	display: block;
	width: 230px;
	padding-bottom:6px;
	float: left;
	margin:0;
}
#TickerVertical li .NewsTitle{
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}

#TickerVertical li .NewsImg{
	float:left;
	margin-right:10px;
}
#TickerVertical li .NewsFooter{
	display: block;
	font-size: 10px;
	margin:6px 0 14px 0;
}