/*
Company:	Life Beyond Sport
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {padding:0; margin:0; outline: 0;}
img {border: 0;}
q:before,q:after{content: '';}
/* @end */

/* @group HTML, Body */
body {
	background: #f2f2f2 url(../img/bg.gif) repeat 0 0;
	margin: 35px 0;
	text-align: center;
}
/* @end */

/* @group Layout */
#outer-wrapper {
	margin: auto;
	text-align: left;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.2em;
	width: 802px;
}

#bg {
	background: url(../img/bg_wrap.gif) repeat-y 0 0;
	float: left;
	padding: 0 31px;
	width: 100%;
}

#header, #menu, #body, #footer {float: left;}

#logo {
	background: url(../img/logo-2-version.png) no-repeat 0 0;
	height: 78px; width: 740px;
}

#menu {
	background: #125C6F;
	margin-bottom: 28px; display: inline;
	width: 739px;
	position: relative;
}
#homepage #menu {margin-bottom: 2px;}

#body {
	padding-bottom: 30px;
	width: 739px;
}

#homepage #body {font-size: .92em; line-height: 1.2em; padding-bottom: 10px;}
	

#body p {
	margin-bottom: 1em;
}

#top-images {
	float: left; display: inline;
	margin-bottom: 8px;
	width: 739px;
}

#top-images .top-img img {
	display: block;
	float: left; display: inline;
	margin-left: 2px;
}

#top-images .no-margin img {
	margin-left: 0;
}

#col-l {
	float: left;
	width: 366px;
	}
	
#col-ll {
	float: left;
	width: 420px;
	}
	
#col-lll {
	float: left;
	width: 475px;
	}
	
#col-l-terms {
	float: left;
	width: 700px;
	}
	
#col-l-terms2 {
	padding-left:160px;
	float:left;
	width: 410px;
	}
	
#col-l-form {
	float: left;
	width: 400px;
	}

#col-l-cs {
	float: left;
	width: 560px;
	height:30px;
	}
	
#homepage #col-l {width: 491px;
}

#col-r {
	float: right;
	width: 337px;
}

#col-rp {
	float: right;
	width: 340px;
	clear:right;
}

#col-rr {
	float: right;
	width: 300px;
}

#col-rrr {
	float: right;
	width: 200px;
}


#col-r-form {
	float: right;
	width: 178px;
	background-color:#330033;
}

#col-r-cs {
	float: right;
	width: 338px;
}

#col-contact {
	float: right;
	width: 370px;
}

#col-l-2 {
	float: left;
	width: 98%;
	}

#homepage #col-l {width: 491px;
}

	#col-r {
	float: right;
	width: 337px;
}

#col-l-admin {
	float: left;
	width: 600px;
	}

#homepage #col-l {width: 491px;
}

	#col-r {
	float: right;
	width: 337px;
}

#homepage #col-r {
	display: inline;
	width: 245px;
}

#welcome {
	padding: 8px 20px 8px 8px;
}

#txt-welcome {
	background: url(../img/txt_welcome.gif) no-repeat 0 0;
	height: 28px; width: 465px;
	margin-bottom: 12px;
}

#feat-news {
	background: url(../img/bg_block0.gif) repeat-x 0 bottom;
	float: left; display: inline;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

#broadcast {
	float: left; display: inline;
	margin-bottom: 18px;
	padding-left: 18px;
}
	
#news-events {
		float: left;
		background: url(../img/bg_news-events.gif) repeat-y 0 0;
		padding: 10px 10px 0 10px;
		width: 225px;
}

#news-events a:link, #news-events a:visited {
	color: #FC6D0D;
	text-decoration: none;
}
#news-events a:hover {
	color: #174A5D;
}

span.bottom1 {
	background: url(../img/bg_block1.gif) no-repeat 0 0;
	float: left;
	display: block;
	height: 11px; width: 245px;
}
	
.news-block {
	margin-bottom: 1em;
}

#body .news-block p {
	margin-bottom: .5em;
}

.news-block .read-more {
	background: url(../img/bg_read-more.gif) repeat-x 0 0;
	height: 19px;
	position: relative;
}

.news-block .read-more a {
	background: url(../img/bt_read-more.gif) no-repeat 0 0;
	height: 13px; width: 67px;
	position: absolute;
	right: 0; top: 6px;
}
	
#footer {
	color: #174a5d;
	font-size: .92em;
	padding: 5px 0;
	width: 802px;
}

#footer a {
	color: #174a5d;
}

#footer #copyright {
	float: left;
}

#footer #footer-links {
	float: right;
	text-align: right;
}

#footer #footer-links a:hover {
	color: #FC6D0D;
}

/* @end */

/* @group Nav */
#nav {
	height: 24px; width: 574px;
	overflow: hidden;
	/*position: relative;*/
}

#nav li {
		float: left;
		display: block;
	}

#nav li a {
		background: #125c6f url(../img/menu.gif) no-repeat;
		float: left;
		display: block; text-indent: -10000px; line-height: 0; font-size: 0; /* hide content */
		height: 24px;
	}

#nav li ul {
		display: none;
	}

#nav li.off ul, #nav li.on ul {
		background: #ebe77e;
		border-top: 1px solid #FFF;
		position: absolute;
		top: 24px; left: 10px; /*left: 10px;*/ z-index: 5999;
		height: 24px; /*width: 574px;*/
	}
	
#nav li.off ul a, #nav li.on ul a {
	background: none;
	color: #135d70;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 24px;
	float: left;
	text-indent: 0;
	border: 0;
	width: auto; height: auto;
}

#nav li.off ul a:hover, #nav li.on ul a:hover {
	color: #FC6D0D;
}

#nav li ul li {
		color: #FFF;
		display: block;
		float: left;
		padding-right: 15px;
		width: auto;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block !important;
	z-index: 6000;
}

	/* Define Sub-Nav Position */
#nav #nav00 ul {padding-left: 0px;}
#nav #nav01 ul {padding-left: 45px;}
#nav #nav02 ul {padding-left: 115px;}
#nav #nav03 ul {padding-left: 75px;}
#nav #nav04 ul {padding-left: 306px;}
#nav #nav05 ul {padding-left: 330px;}
#nav #nav06 ul {padding-left: 400px;}
	/***************************/

#nav li a#bt00 {background-position: 0 0; width: 48px;}
#nav li a#bt00:hover {background-position: 0 -24px;}
#nav li.on a#bt00 {background-position: 0 -48px;}
	
#nav li a#bt01 {background-position: -48px 0; width: 70px;}
#nav li a#bt01:hover {background-position: -48px -24px;}
#nav li.on a#bt01 {background-position: -48px -48px;}

#nav li a#bt02 {background-position: -119px 0; width: 48px;}
#nav li a#bt02:hover {background-position: -119px -24px;}
#nav li.on a#bt02 {background-position: -119px -48px;}

#nav li a#bt03 {background-position: -167px 0; width: 142px;}
#nav li a#bt03:hover {background-position: -167px -24px;}
#nav li.on a#bt03 {background-position: -167px -48px;}

#nav li a#bt04 {background-position: -309px 0; width: 115px;}
#nav li a#bt04:hover {background-position: -309px -24px;}
#nav li.on a#bt04 {background-position: -309px -48px;}

#nav li a#bt05 {background-position: -424px 0; width: 66px;}
#nav li a#bt05:hover {background-position: -424px -24px;}
#nav li.on a#bt05 {background-position: -424px -48px;}

#nav li a#bt06 {background-position: -490px 0; width: 84px;}
#nav li a#bt06:hover {background-position: -490px -24px;}
#nav li.on a#bt06 {background-position: -490px -48px;}


#sub-nav {
	background: #EBE77E url(../img/bg_sub-nav.gif) no-repeat right 0;
	border-top: 1px solid #FFF;
	display: block;
	height: 24px; width: 739px;
}
/* end new code 05182007 *//* CSS Document */


/* @group Headings */
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.09em;}
h5 {font-size: 1em;}

.replace, .h3a, .h3b {display: block; text-indent: -10000px; line-height: 0; font-size: 0;}

.h3a {height: 32px; width: 491px; margin-bottom: 5px;}
.h3b {height: 27px; width: 245px;}
.h3c {background: url(../img/bg_h3c.gif) repeat-x 0 bottom; height: 28px; width: 100%; margin-bottom: 10px;}
	.h3c span.replace {background: transparent no-repeat 0 0;}

.h4a {color: #174a5d; margin: 0 0 .6em 0;}

#h3-welcome {
	background: url(../img/h3_welcome.gif) no-repeat 0 0;
	height: 19px; width: 463px;
	margin-bottom: 7px;
}

#h3-featured-news {
	background: url(../img/h3_featured-news.gif) no-repeat 0 0;
	margin-bottom: 7px;
}

#h3-featured-news1 {
	background-image: url(../img/h3_featured-news.jpg) no-repeat 0 0;
	margin-bottom: 7px;
}

#h3-news-events {
	background: url(../img/vnr_news_hed.jpg) no-repeat 0 0;
}

#h3-mission {
	background: url(../img/h3_mission_hed.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-directors {
	background: url(../img/hed_directors.gif) no-repeat 0 0;
	height: 22px; width: 171px;
}

#h3-history {
	background: url(../img/hed_history.gif) no-repeat 0 0;
	height: 22px; width: 150px;
}

#h3-newsletter {
	background: url(../img/h3_newsletter_hed.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-referral {
	background: url(../img/h3_referral_hed.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-broadcast {
	background: url(../img/h3_broadcast_hed.gif) no-repeat 0 0;
	height: 25px; width: 200px;
}

#h3-terms {
	background: url(../img/terms_of_use.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-lthhcp {
	background: url(../img/hed_lthhcp.gif) no-repeat 0 0;
	height: 22px; width: 350px;
}

#h3-giving {
	background: url(../img/hed_giving.gif) no-repeat 0 0;
	height: 22px; width: 300px;
}

#h3-vnab {
	background: url(../img/vnab_hed_2.gif) no-repeat 0 0;
	height: 22px; width: 350px;
}

#h3-privacy {
	background: url(../img/privacy.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-empire {
	background: url(../img/empire_hed.gif) no-repeat 0 0;
	height: 22px; width: 450px;
}

#h3-payment {
	background: url(../img/h3_payment_hed.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-programs {
	background: url(../img/h3_programs_hed.gif) no-repeat 0 0;
	height: 20px; width: 200px;
}

#h3-news {
	background-image: url(../img/h3_news.gif);
	height: 16px; width: 81px;
}

#h3-events {
	background-image: url(../img/events_hed.gif);
	height: 16px; width: 90px;
}

#h3-contact {
	background-image: url(../img/hed_contact.gif);
	height: 22px; width: 150px;
}

#h3-contact-r {
	background-image: url(../img/hed_contact-r.jpg);
	height: 22px; width: 150px;
}

#h3-community {
	background-image: url(../img/hed_community.gif);
	height: 22px; width: 130px;
}

#h3-donation {
	background-image: url(../img/h3_donation_hed.gif);
	height: 22px; width: 200px;
}

#h3-careers {
	background-image: url(../img/careers_hed.gif);
	height: 16px; width: 110px;
}

#h3-ar {
	background-image: url(../img/ar_hed.gif);
	height: 22px; width: 150px;
}

#h3-press {
	background-image:url(../img/h3_press.gif);
	height: 16px; width: 160px;
}

#h3-about {
	background-image:url(../img/about_hed.gif);
	height: 16px; width: 160px;
}

#h3-cs {
	background-image:url(../img/vnr_case_studies.gif);
	height: 16px; width: 181px;
}

#h3-staff {
	background-image:url(../img/vnr_header_staff.gif);
	height: 16px; width: 181px;
}

#h3-cal {
	background-image:url(../img/h3_calendar.gif);
	height: 16px; width: 150px;
}

#h3-faq {
	background-image:url(../img/vnr_faq.gif);
	height: 16px; width: 150px;
}

.caption {font-size: 11px}

.ArialBoldBlue {color: #125C6F}


/* @end */

/* @group Text Styles */

/* @end */

/* @group Lists */
ul {
	list-style: disc;
}

.bullet0 {float: left; width: 350px; _padding-bottom: 10px;}
.bullet0 li a {
	background: transparent no-repeat 0 0;
	clear: both;
	display: block;
	line-height: 16px;
	min-height: 16px; height: auto !important; height: 16px;
	margin-bottom: 5px;
	padding-left: 27px;
}
.bullet0 li.audio a {background-image: url(../img/ico_audio.gif);}
.bullet0 li.video a {background-image: url(../img/ico_video.gif);}
/* @end */

/* @group Forms */
.inputSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px solid #125c70;
	background-color:#d0e2e7;
	height: 15px;
	width: 85px;
}

/* search form */
#search-form {
	background: url(../img/bg_search.gif) no-repeat 0 0;
	height: 22px; width: 133px;
	position: absolute;
	top: 1px; right: 10px;
}

#search-form .search-term {
		border: 0;
		font: .75em Arial, Helvetica, sans-serif;
		height: 12px; width: 59px;
		position: absolute;
		top: 5px; left: 46px;
}

#search-form .search-go a {
		display: block;
		height: 20px; width: 20px;
		position: absolute;
		right: 0; top: 0;
}


#search-form1 {
	background: url(../img/bg_search.gif) no-repeat 0 0;
	height: 22px; width: 133px;
	position: relative;
	top: 1px; right: 10px;
}

#search-form1 .search-term {
		border: 0;
		font: .75em Arial, Helvetica, sans-serif;
		height: 12px; width: 59px;
		position: absolute;
		top: 5px; left: 46px;
}

#search-form1 .search-go a {
		display: block;
		height: 20px; width: 20px;
		position: absolute;
		right: 0; top: 0;
}

#flashnav {
	float: left;
	width: 574px;
	}
	
#searchnav {
	float: left;
	width: 166;
	}
	

/* @end */

/* @group Links - link visited hover active */
a, a:link, a:visited {
	color: #FC6D0D;
	text-decoration: none;
}
a:hover, a:active {
	color: #174A5D;
}
/* @end */

/* @group Misc */
.clear {clear: both;}
.hidden {display: none;}
.block {display: block;}
.col-l, .float-l {float: left;}
.col-r, .float-r {float: right;}
.center {text-align: center;}
.right {text-align: right;}
.no-margin {margin: 0 !important;}
span.spacer {display: block;}

.img0 {border: 2px solid #ccc; margin-right: 15px;}
.img1 {margin: 0 24px 0 0;}
.img2 {border: 2px solid #497182; margin-top: 5px;}

.txt0 {color: #174a5d;}
.txt1, a.txt1 {color: #fc6d0d;}
.txt2 {color: #fc6d0d;}
.txt3 {
color:#999999;
font-family:Tahoma,Arial;
}

.txt0-form {
	color: #174a5d;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:800;
	font-size:11px;
}

.Arial12pt {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#333333;
}

.Arial12pt a:link {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#0072bc;
}

.Arial12pt a:visited {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#0072bc;
}

.Arial12pt a:active {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#0072bc;
	border: 1px;
}
.Arial12pt a:hover {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color:#0072bc;
}

.bodytype {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

.bodytype a:link {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

.bodytype a:visited {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

.bodytype a:active {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

.bodytype a:hover {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #FC6D0D;
	text-decoration:none;
}

.CS-Quote {
	font-size: 16pt;
	color: #125C6F;
	line-height:20px;
}

.CSres_link {
	font-size: 12px;
	color: #125C6F;
}

.CSres_link a:link {
	font-size: 12px;
	color: #125C6F;
	text-decoration:none;
}

.CSres_link a:visited {
	font-size: 12px;
	color: #125C6F;
	text-decoration:none;
}

.CSres_link a:active {
	font-size: 12px;
	color: #125C6F;
	text-decoration:none;
}

.CSres_link a:hover {
	font-size: 12px;
	color: #FC6D0D;
	text-decoration:none;
}

.dashed {
background-image:url(../img/dashed_line_bg.gif);
}

a.video {
	background: url(../img/ico_video.gif) no-repeat right 0;
	line-height: 16px;
	min-height: 16px; height: auto !important; height: 16px;
	padding: 0 30px 10px 0;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */