/* =====================================================
   RESETS & OVERRIDES
   ----------------------------------------------------- */
*{
margin: 0px;
padding: 0px;
}
/* =====================================================
   BASICS/UNIVERSALS
   ----------------------------------------------------- */
html, body { height: 100%; }

body {
	font: 0.8em/1.8em Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	width:100%; 
	}
	
h1 {
	font-size:3em;
	line-height: 1.2em;
	font-weight:normal;
	color: #000000;
}

h2 { /* for front page grey header */
	font-size:1.5em;
	line-height: 1.3em;
	font-weight:normal;
	color: #888888;
	padding-top: 10px;
}

h4 { /* site map grey header */
	font-size:1.5em;
	font-weight:normal;
	color: #888888;
	border-bottom: 1px dotted #000;
	width: 200px;
}

p{
	margin: 15px 0;
}

a{
	color: #4e7de2;
	text-decoration: none;
	}	
a:hover { 
	text-decoration: underline; 
}

img { border: none; }

ol, ul {
	margin-left: 30px;
}

dl.people dt{
	font-weight:bold;
	margin-top: 15px;
}
dl.people dd{
	border-bottom: 1px dashed #aaa;
	padding-bottom: 15px;
}
/* =====================================================
   WRAPPER
   ----------------------------------------------------- */
#wrapper { 
	display:block;
	overflow: visible;
	min-width: 1280px;
	min-height: 100%;
	width:100%; /* needs to be 100% for everything to stay the same width as in the body tag */
	height: auto !important; height: 100%;
	margin: 0 auto -132px; /* the bottom margin is the negative value of the footer's height */
	}
	
#innerwrapper { /* holds content and rightcol */
	width: 100%;
	overflow:visible;
	}
/* =====================================================
   FOOTER
   ----------------------------------------------------- */
#footer {
	background-color: #000;
	width: 100%;
	min-width:1280px;
	height: 132px;
	}
	
#footer_inner { /* support paragraph at footer */
	margin: 0 auto;
	padding-top:1px;
	width: 850px;
	text-align: center;
	color: #FFF;
	}
#footer_inner a {
	text-decoration: none;
	border-bottom: 0;
	padding-bottom: 1px;
	color: #FFF;
	}
#footer_inner a:hover {
	border-bottom: 1px solid #fff;
	}
	
.footer, .push {
	height: 132px; /* .push must be the same height as .footer */
}
/* =====================================================
   TOP NAVIGATION LAYOUT AND STYLE
   ----------------------------------------------------- */
#top_nav {
	background-color: #000;
	width: 100%;
	height: 40px;
	}
	
#top_nav a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	}
#top_nav a:hover {
	color: #59eaff;
	}
	
#top_nav_inner {
	margin: 0 auto;
	width: 850px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	}

/* =====================================================
   TOP NAVIGATION STYLE
   ----------------------------------------------------- */
#listmenu{
	margin:0 auto;
	list-style-type:none;
	width:851px;
	display:block;
	height:40px;
	font-size:0.9em;
}
#listmenu li.first{
	border-left:1px solid #ffffff;
}
#listmenu li{
	margin: 0;
	display:block;
	float:left;
	border-right:1px solid #ffffff;
	}
#listmenu li a{
	display:block;
	float:left;
	font-size: 1.3em;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:28px;
	}
	
#listmenu li a:hover{
	background:transparent url("../images/menu_blue.jpg") repeat-x top left;	
	}
	
/* =====================================================
   HEADER LAYOUT
   ----------------------------------------------------- */
#logo { display:none; }
#header {
	background-color:#000000;
}
#header_image {
	margin:0 auto;
	height: 190px;
	width: 1280px;	
	background: #000000 url(../images/banner.png) no-repeat;
	overflow:hidden;
	}
#home a {
  display: block;
  position: absolute;
  height: 140px;
  width: 224px;
  top: 66px; 
  left: 392px;
  text-decoration: none;
  }
#home a i { visibility: hidden; }

#menu {
	background:transparent url("../images/menu_blackbg.jpg") repeat-x top left;
	width: 100%;
	height: 40px;
	}
/* =====================================================
   CONTENT AREA LAYOUT SETTINGS
   ----------------------------------------------------- */	
#content {
	margin:30px auto;
	width:851px;
	}

/* =====================================================
   MAIN CONTENT (ON LEFT OF PAGE)
   ----------------------------------------------------- */	
#leftcontent{
	width: 560px;
	float: left;
}

#leftcontent h3{
	font-size: 2.5em;
	font-weight:bold;
	color: #000;
	border-bottom: #bbb 1px dashed;
	padding: 10px 0px 10px 0px;
}

/* =====================================================
   BREADCRUMBS
   ----------------------------------------------------- */	
#leftcontent h1.breadcrumbs{
	font: bold 1.0em/0em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: #bbb 1px dashed;
	padding-bottom: 13px;
	margin-bottom: 8px;
	color: #818181;
	margin-top: 8px;
}
#leftcontent .thiscrumb{
	font-weight: bold;
	color: #666666;
}
#leftcontent h1.breadcrumbs a{
	color:#818181;
	text-decoration: none;
}
#leftcontent h1.breadcrumbs a:hover{
	text-decoration: underline;
}
/* =====================================================
   RIGHT COLUMN
   ----------------------------------------------------- */	
#rightcol { 
	width:250px;
	float:right;
	}

#rightcol_text{ /*container in right col contains all text */
	padding: 10px 0;
	width: 100%;
  	border-left: 1px solid #bec6cf; 
}

#rightcol h1 {
  margin-left: 15px;
	font: 1.4em/0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	}
	
/************************
 *     For rss feeds    *
 ************************/	
.itemtitle{
  	margin-left: 15px;
	width: 249px;
	font-weight: bold;
	padding-top: 10px;
}
.itemdescription{
  	margin-left: 15px;
	padding-bottom: 15px;
	line-height: 1.6em;
}
.itemdescription a{
	color:#222 !important;
}
.itemdescription a:hover {
	text-decoration: none !important;
	border-bottom:1px dotted #222;
}
.itemdescription img.icon {
	float:left;
	padding-top:5px;
	padding-right:5px;
	width:32px;
}
.itemdate{
  	margin-left: 15px;
	color: #888;
	font-style:italic;
	font-size: 0.8em;
	border-top: #bbb 1px dotted;
	/*padding-bottom: 2px;*/
}
/*******************************
 *     end of For rss feeds    *
 *******************************/

#rightcol p {
  	margin-left: 15px;
	padding-bottom: 15px;
	}
	
#rightcol a{
	color: #4e7de2;
	text-decoration: none;
	}
#rightcol a:hover {
	text-decoration: underline;
	}
	
/* =====================================================
   DOWNLOAD BOX (ON RIGHT COLUMN)
   ----------------------------------------------------- */	
#download_box{
	background: url(../images/right_col_download_box.jpg) no-repeat;
	width: 251px;
	height: 200px;
	
}
#download_box p {
	font-size: 0.8em;
	line-height: 1.8em;
	text-align:left;
}

#download_button{
	width: 216px;
	height: 41px;
	margin: 0 auto;
	padding-top: 90px;
}

#download_box2{
	background: url(../images/downloadbox_background.png) no-repeat;
	width: 241px;
	height: 230px;
	text-align:center;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #aaa;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px; 
}
#download_box2 h1{
	font-size: 2.4em;
	font-weight:bold;
	line-height: 1.2em;
	color: #fff;
	text-shadow: #6374AB -5px 5px 10px;
	margin: 8px 0 15px 0px;
}
#download_box2 p {
	text-align:left;
	margin: 0 14px;
	padding: 3px 0 4px 0;
	border-bottom: 1px dashed #aaa;
	width: 90%;
	line-height:1.4em;
}
#download_box2 .download_button {
	margin-bottom:8px;
}
/* =====================================================
   COMMUNITY TOOLS STYLE
   ----------------------------------------------------- */	
.tweets {
	font-size: 1em;
	line-height: 27px;
	}
	
.tweets img {
	height: 25px;
	width: 25px;
	margin-right:5px; 
	float:left;
	}
.tweets li {
	list-style-type: none;
}

/* -----------------------------------------------------
   Updated Dynamic text settings
   ---------------------------------------------------- */
.updated {
font-size: 80%;
font-style:italic;
color:#aaa;
}

.validations {
text-align: center;
}

/* =====================================================
   SPECIAL HR STYLES
   ----------------------------------------------------- */
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 5px -1px;
}
div.hr_greygradient2 {
  height: 1px;
  background: #fff url(../images/rightcol_hr.jpg) no-repeat center left;
  margin: 2px 0px 5px 15px;
}
div.hr_bluegradient hr, div.hr_greygradient hr, div.hr_greygradient2 hr {
  display: none;
}

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

/* =====================================================
   ICONS on LINKS
   ----------------------------------------------------- */	
a.save { 
   padding-left: 20px;
   background: transparent url(../images/icon-save.png) no-repeat center left;
}
a.stream { 
   padding-left: 20px;
   background: transparent url(../images/icon-tv.png) no-repeat center left;
}

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

#NewsVertical {
	width: 250px;
	height: 535px;
	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: 535px;
	display: block;
	list-style: none;
	margin: 0;
}
#TickerVertical li {
	display: block;
	width: 230px;
	padding-bottom:6px;
	float: left;
}
#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;
}