/*****************************************
general styles
*****************************************/
* {
    margin:0;
	padding:0;}
		
body { background-color:#000;
	background-image: url(../images/bg_main.gif);
	background-position:0px 7px;
	background-repeat:repeat-x;
	font-family:arial, verdana, sans-serif;
}
	
	
a { text-decoration:none;
	color:#fffe65;
	}

a:hover {
	text-decoration:underline;}
			
p {		
	margin: 0 0 1em 0 ;	}
		
a img {border:0;}

h1 {font-size:34px;
    font-weight:normal;
    letter-spacing:2px;
    color:#fff;
    margin-bottom:20px;
    }

h2{ font-size:34px;
    text-transform:uppercase;
    font-weight:normal;
    letter-spacing:2px;
    color:#fff;}

h2.int {padding: 0 0 0 0; *padding: 0 0 8px 0; border-bottom:1px solid #a9a9a9;}
h2.interior {padding: 20px 0 10px 0;}
	
h3 { font-size:15px;
	font-family:georgia, 'times new roman', serif;
	color:#00aeef;
	font-style:italic;
	font-weight:normal;
	padding: 10px 0;}
	
h4 {font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
	color:#00aeef;
	padding: 3px 0 7px;}
	
h5 {font-size:12px;
	font-weight:normal;
	padding: 3px 0 7px;
	font-style: italic;
	text-transform:none;}

h6 {font-size:12px;
	font-weight:normal;
	font-style:italic;
	font-family:georgia, 'times new roman', serif;
	color:#00aeef;
	text-transform:none;}
	
/*divs*/

#header{	
	border-top:7px solid #fff;
	background-color:transparent;
	background-image: url(../images/bg_header.gif);
	background-position:50% 0%;
	height:99px;
	background-repeat:no-repeat;}
	
	
/*the blue menu section below the header*/	
#header_navArea{
	margin:1px 0 0 0;
	background:#00aeef;}

#header_navArea ul#topnav, ul#footer_nav {
	list-style-type:none;	
	display:block;
	float:right;
	height:24px;
	margin-bottom:-1px;
	border-right:1px solid #47c5f3;
	border-left:1px solid #006f99;}
	
#header_navArea ul#topnav li, ul#footer_nav li {
	display: block;
	float:left;

	background-color:transparent;
	font-size:12px;
	text-transform:uppercase;}
	
#header_navArea ul#topnav li.current {
	background-color:#000;
	background-image:none;
	border-left:#000;}

#header_navArea ul#topnav li a, ul#footer_nav li a {
	display: block;
	color:#fff;
	font-weight:normal;
	padding:0;}

#header .container {position:relative;}/*the container specific to the header*/

/*logo is an a-tag w/ background - different image in ie stylesheet due to transparency issues with pngs*/
a#logo {position:absolute;
	left:10px;
	top:0;
	width:191px;
	height:204px;
	background-image:url(../images/logo_png.png);
	background-repeat:no-repeat;}

/*the section for nav inside th header with the dropdown select*/
#headnav{
	float:right;
	height:30px;
	width:330px;
	padding:15px 0 0 0 ;
	font-size:12px;
	color:#a3a3a3;
	text-transform:uppercase;
	}

#headnav a {
	color:#fff; 
	padding: 0 5px;	
}

#submenu {
	background:#fff; 
	width: 690px; 
	position: absolute; 
	top: 125px; 
	right: 0;
	padding-top: 8px;
	background-image:url('../images/bg_subnav.gif');
	background-repeat:repeat-x;
}

#submenu ul {list-style-type: none; padding:0 0 0 10px;}

#submenu ul li {
	float: left;
	padding:0px 0  6px 0px;
	
	
	}

#submenu ul li a {
	border-right:1px solid #006f99;
	display: block;
	color:#161616;
	font-size:12px;
	text-transform:uppercase;
	padding:3px 8px  2px 11px;
	}

#submenu a.active {
	text-decoration: underline;
	background:#00AEEF;
	color:#fff;
	text-decoration:none;
	background-image:url('../images/bg_active.gif');
	background-position:top right;
	background-repeat:repeat-y;
	}


.links {float:right;}

select#topmenu {
	float:right;
	font-size:12px;
	text-transform:uppercase;
	margin-top:-3px;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #a9a9a9;
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #a9a9a9;}	
	
select#topmenu option {
	padding:0px 7px 0px 7px;	}
	
/*general container*/	
.container { 
	width:900px;
	margin: 0 auto;}
	
/*"content"	is around changable content on all text-interiors (ie not blog, news and cal -modules*/
.maincontent, .content {	line-height:1.5em;}


/********************************main and main_interior -
spans the main body between header and footer feature*/

#main{
	padding:25px 0 45px 0;
	color:#fff;}
	
#main_interior {
	padding: 80px 0 45px;
	color:#b4b3b3;}
	
/******************** COLUMNS ************************/
	
#column_bigleft {
	width:552px;
	float:left;yah sure
		}
	
#column_bigleft .feature {padding: 0 0 20px 0;}

#column_smallright{
	width:325px;
	float:right;	}
	
#subcolumn_wideleft {
	width:324px;
	float:left;}

#subcolumn_narrowright {
	width:204px;
	float:right;}
	
/* BLOGS, NEWS, AND CAL LISTS FOR HOME AND MODLE PAGES*/
	
ul.list_blog, ul.list_news, ul.list_cal{
	list-style-type:none;
	border-top:1px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;
	margin: 0 0 25px 0;}
	
ul.list_cal {background: #202020;
	border-bottom:none;}

ul.list_news{border-top:none}

ul.list_blog li, ul.list_news li, ul.list_cal li{
	display:block;
	list-style-type:none;
	padding:14px 15px 15px 0;}
	
ul.list_blog li{
	padding:10px 15px 11px 0;}

ul.list_news li {
	border-top:1px solid #a3a3a3;
	background-image: url(../images/bg_blogshort.gif);
	background-position:right top;
	background-repeat:no-repeat;	}

ul.list_cal li {padding: 8px 7px 7px 13px;}
ul.list_blog li .metadata, ul.list_news li .metadata, ul.list_cal li .place{
	font-size:10px;
	color:fff;
	text-transform:uppercase;}
	
ul.list_cal .date, ul.list_cal .date a, ul#major_cal li .info .location, ul#major_news li .info .title, ul#major_news li .info .title a, .info .title{
	font-size:14px;
	color:#00aeef;
	padding: 0 0 3px 0;
	text-transform:uppercase;	}

ul.list_blog li .metadata .author, ul.list_news li .metadata .author{
	color:#626769;
	border-left:1px solid #626769;
	margin:0 0 0 5px;
	padding:0 0 0 5px;}
	
ul.list_blog li .metadata .author a, ul.list_news li .metadata .author a, {
	color:#626769;}

	
ul.list_blog li .title, ul.list_news li .title{
	font-size:16px;
	font-family:georgia, times new roman, serif;
	color:#00aeef;
	font-style:italic;
	padding:5px 0 0 0 ;}
	
ul.list_blog li .title a, ul.list_news li .title a {color:#00aeef;}

ul.list_news li .short, ul.list_cal li .short {
	color:#b4b3b3;
	font-size:12px;
	padding: 5px 0 0 0 ;
		line-height:1.3em;
}

ul.list_news li .short a.more, ul.list_cal li a.more, a.more{
	color:#fffd4d; 
	font-size:12px;
	text-transform:uppercase;}
	
	
	
ul.archiveNav {margin-top: 10px;}

ul.archiveNav, .archiveNav li ul {
	padding:2px 0 0 10px; 
	list-style: none;
}

.archiveNav li {
	font-family:georgia,'times new roman',serif;
	font-size: 15px;
	}
	
.archiveNav li a{color: #00AEEF;}

.archiveNav a:hover, .archiveNav li a.active {color: #fffe65;} 

a.archive:hover h3 {text-decoration: underline;}

/**************************************************************/

a.more_blue {	text-transform:uppercase; color:#00aeef;}

.player_big {
	background:#161616;
	padding:12px;
	text-align:center;
	position:relative;
	height:1%;}
	
.player_big .title {
	text-align:left;
	font-size:16px;
	font-family:georgia, times new roman, serif;
	color:#00aeef;
	font-style:italic;
	padding:10px 0 0 0;}

.player_big img.open {
	position:absolute;
	bottom:10px;
	right:12px;}


.promo_interior { margin: 0 0 23px 0}

.launch_player { margin: 0 0 18px 0}

.newsletter {
	background-image: url('../images/newsletter_bg.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
	height: 39px;
	margin-bottom: 25px;
	padding-top: 35px;
	padding-left: 10px;
	}

input.join-btn {
	width: 80px;
	height: 25px;
	margin: 0;
	border: none;
	background: #000000 url('../images/join_btn.jpg') no-repeat;
	background-position: top left;
	cursor: pointer;
	padding: 6px;
	margin-left: 10px;
}

input.newsletter-text {
	height: 11px;
	padding: 4px 0;
}

.network { 
	background:#202020;
	text-align:center;
	border-top:1px solid #a3a3a3;
	padding:12px 12px 0 12px;}
	
.network img { 
	width:300px;}
	
.network .spacer
	{height:12px;
	width:300px;}


/**********************interior specifics******************/

/*calender list*/

#cal-list {border-top:1px solid #a3a3a3;}

ul#major_cal, ul#major_news   {	
	list-style-type:none;}
	
ul#major_cal li, ul#major_news li  {
	list-style-type:none;
	display:block;
	padding:10px 0 0 0 !important;
	font-size:12px;
	color:#b4b3b3;}	
	
ul#major_cal li .date{
	float:left;
	background-color:#0094d0;
	background-image: url(../images/date.gif);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	height:38px;
	width:38px;
	line-height:1.4em;}
	
ul#major_cal li .date span.month { text-transform:uppercase; font-size:14px;}

ul#major_cal li .date span.number {font-size:22px;}
	
ul#major_cal li .info, ul#major_news li.info {
	float:left;
	padding:0 0 0 10px;
	width:400px;
	line-height:1.3em;} 
	
ul#major_cal li  {padding:0;}

/*features paragraph*/

#main_interior {font-size:12px;}

#main_interior .feature { 
	font-size:14px !important;
	padding:10px 5px 10px 0 !important;
	margin: 10px 0 !important;
	border-top:1px solid #b4b3b3;
	fong-weight:normal;
	background-image: url(../images/p_gradient.gif);
	background-position:top right;
	background-repeat:no-repeat;}
	
span.important {font-size:16px; color:#fff;}
	
.ordinary {
	background-image: url(../images/p_gradient.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding: 0 10px 0 0 ;
	border-top: solid 1px #525252;}
	
/*******/

.small_sidefeature{
	background:#fff;
	color:#000;
	background-position:top left;
	background-repeat:no-repeat;
	padding:230px 10px 10px 15px;	
	margin: 0 0 15px 1px;
	line-height:1.5em;
	font-size:11px !important;}
	
.small_sidefeature p{	}
	
.small_sidefeature span.intro	{
	font-family:georgia, 'times new roman', serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	padding: 0 0 0 20px;}
	
.timestamp{
	font-size:10px;
	color:#626769;
	text-transform:uppercase;
	padding: 5px 0 7px 0;}

/*youtube and other box icon section- spans the whole page and has container inside it*/
#content_bottom_feature {
	background-color:#161616;
	color:#fff;
	padding: 20px 0 0 0;}

.add {
	float:right; 
	font-size:11px;
	letter-spacing:0px;
	margin-top:20px;}

.add a {color:#fffd4d;}

.feed {float:right;}
.iconbox {
	background:#202020;
	border-top:1px solid #595959;
	padding:10px 0 10px 10px;
	margin:10px 0px 30px 0px;
	}	

.iconbox img {
	float:left;
	padding:6px;
	background:#fff;
}
	
img.youtube {
	height:97px;
	width:130px;		
	margin: 0 42px 0 0;}
	
	
img.flickr {
	/*height:88px;
	width:88px;}*/
	height:75px;
	width:75px;
		margin: 0 12px 0 0;}
	

/************************FOOTER*******************/

#footer {
		background:#00aeef;
	margin:0 0 1px 0;}

#footer_left {
	float:left;
	color:#fff;
	font-size:11px;
	padding: 5px 0 0 0 ;}
	
#footer_left a {color:#000;}
	
#below_footer {
	height:95px;
	background-image: url(../images/bg_below_footer.gif);
	background-position:left top;
	background-repeat:repeat-x;}
	

/*auxillary styles*/

.hidden {display:none;}

.cleaner {height:1px; clear:both; font-size:1px; border:0;}

/****************NEWS ADDITIONAL STYLES****************/

img.news-image {float: left; margin-right: 10px; margin-bottom: 10px;}

	
/****************BLOG ADDITIONAL STYLES****************/

.blog-nav { 
	background:#202020;
	text-align:left;
	border-top:1px solid #a3a3a3;
	padding:12px 12px 0 12px;}

.blog-nav hr {
	margin-bottom: 10px;}
	
.blog-nav img { 
	width:300px;}
	
.blog-nav .spacer
	{height:12px;
	width:300px;}
	
a.rss_btn { 
	float: right; 
	width: 15px; 
	height: 15px; 
	background: transparent url('../images/rss.gif') 0 0 no-repeat; 
	margin: 2px 0 0 0; 
	border: 0; }
	
a.rss_btn:hover { 
	background: transparent url('../images/rss.gif') 0 0 no-repeat; 
	border: 0; }
a.rss_btn span { 
	display: none; }

#comment_policy { 
	margin: 1.25em 0 0 0; 
	padding: 1em 0 0 0; 
	border-top: 1px dashed #889; }

.expandable, .contractable {
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0 0 0 20px;
}
.expandable { 
	background-image: url('../images/plus.gif');
	background-color: transparent;
			 }
.contractable { 
	background-image: url('../images/minus.gif');
	background-color: transparent; }

.hilite {
	background:#202020;
	text-align:center;
	padding:8px 12px 8px 12px;
}

.comments { 
	background: #202020; 
	padding: 10px 20px 20px 20px;
}
/*************PAGE STYLING UPDATE********/
span.story{
	font-size: 12px;
	}
	
.ordinary {padding-top: 10px;}

#main_interior .feature { 
	font-size:14px !important;
	padding:10px 5px 0 0 !important;
	margin: 10px 0 !important;
	border-top:1px solid #b4b3b3;
	border-bottom: 1px solid #b4b3b3;
	fong-weight:normal;
	background-image: url(../images/p_gradient.gif);
	background-position:top right;
	background-repeat:no-repeat;}

.behind-name b { font-family:georgia, 'times new roman', serif;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding: 0 0 0 20px;}
	
hr {
	background-color: #a3a3a3;
	height: 1px;
	border: none}
	
input.button-preview{
	background-image: url('../images/preview.jpg');
	border: none;
	width: 82px;
	height: 24px;}
	
input.button-submit{
	background-image: url('../images/submit.jpg');
	border: none;
	width: 82px;
	height: 24px;}
	
	
/****************************************************************/
/*							ATM STYLE							*/
/****************************************************************/

#atm-container {
	border: 1px solid #00aeef;
	padding: 10px;
	}

#atm-nav-main{
	position: relative;
	height: 33px;
	margin: 0 15px 0px 15px;
	padding: 5px 0 0 10px;
}
#atm-nav-main ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#atm-nav-main ul li{
	float: left;
	position: relative;
	height: 33px;
	text-transform: uppercase;
	background: #00aeef;
	border-bottom: 1px solid #fff;
}
#atm-nav-main ul li#active {border-bottom: 1px solid #000;}

#atm-nav-main ul li#active a, #menu ul li a:hover { 
	color: #fff;
	background: #000;
	background-image: url('../images/atm-on.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

#atm-nav-main ul li a .left {
	width:8px;
	height:33px;
	font-size:1px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('../images/atm-off-left.jpg');
	background-repeat: no-repeat;
}

#atm-nav-main ul li#active a .left,  #atm-nav-main ul li a:hover .left {
	background-image:url('../images/atm-on-left.jpg');  padding-bottom: 11px;}
	
#atm-nav-main a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 9px 10px 10px 10px;
	background-image: url('../images/atm-off.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	
}

#atm-nav-main a:hover { background-image: url('../images/atm-on.jpg');background-repeat: no-repeat; }

.atm-content {
	border: solid 1px #fff;
	height: 1%;
	}
	
.atm-content.text {
	padding: 20px;
	}
	
a.atm-subnav-item {
	display: block;
	width: 230px;
	height: 27px;
	padding-top: 8px;
	text-align: center;
	background-image: url('../images/atm-subnav-off.png');
	float: left;
	margin: 20px 30px;
	color: #fff;
	font-size: 15px;
	overflow: hidden;
	}
	
a.atm-subnav-item:hover {background-image: url('../images/atm-subnav-on.png'); }
span.float-left {float: left;}
span.float-right {float: right;}

img.float-left {float: left; margin: 0 10px 10px 0;}
img.float-right {float: right; margin: 0 0 10px 10px;}


div#video_item {float: left; margin-right: 83px; margin-top: 20px; width: 126px;}
div#video_item.last{margin-right: 0px}

#video_item_title {color: #00aeef; font-size: 13px; margin-top: 5px;}

a:hover #video_item_title {text-decoration: underline;}

#playlist-item {
	display: block;
	width: 89px;
	position: relative;
	left: 0px;
	}
	
.video-title {color: #00aeef; font-size: 13px; text-align: left;}

a:hover .video-title {text-decoration: underline;}

#video-playlist { }




#scrollbox-wrapper {overflow: hidden; width: 470px; margin-top: 10px;}

#side-scroll {width: 50000px;}

#play-item {float: left; width: 80px; margin-right: 16px; text-align: left; }

#play-item a{color: #00aeef;}

span.left-arrow, span.right-arrow {
	display: block;
	height:79px; 
	width:18px;
	cursor: pointer;
	*margin-top: 10px;
}
span.left-arrow {
	float: right;
	background-image: url('../images/right-arr-blue.jpg');
	}

span.left-arrow:hover {
	background-image: url('../images/right-arr-gray.jpg');
}	

span.left-arrow.disabled-arrow {background-image: url('../images/right-arr-gray.jpg');}

span.right-arrow {
	float: left;
	margin-right: 13px;
	*margin-right: 8px;
	background-image: url('../images/left-arr-blue.jpg');
}


span.right-arrow:hover {
	background-image: url('../images/left-arr-gray.jpg');
}


span.right-arrow.disabled-arrow {background-image: url('../images/left-arr-gray.jpg');}

.atm-bottom-links {text-align: center; margin-top: 10px;}

.atm-top-links {text-align: center; margin-bottom: 10px; padding: 0 15px;}

.tooltip-box {background: #fff; width: 200px; padding: 10px;}

#current-video-title {margin-bottom: 10px;}

#current-video-desc {
	color: #b4b3b3; 
	text-align: left; 
	line-height: 1.1em; 
	font-size: 14px !Important; 
	margin-bottom: 15px;
	}