/* Styles applied to the Body */
body {margin: 0 0 15px 0; padding: 0; font: 63.5%/1.3 arial, helvetica, sans-serif; text-align: center; background: #e8eff7 url(/images/main_bg.gif) repeat-x; color: #000;}

/*===============================
TAG STYLES
=================================*/
div td, th, textarea, input, select,a,h1,h2,ul,li {font-family: arial, helvetica, sans-serif; color: #000;}
img {border: 0;}
h1 {margin: 0; padding: 0 0 7px 5px; color: #990000; font-size: 1.5em; font-weight: bold; background: url(/images/backgrounds/small_grey_dots.gif) bottom left repeat-x;}
/*h2{margin: 0; padding: 0px 0 14px 0px; font-size: 1.2em;}*/
#leftHome  h1{color: #000; font-size: 1.2em; font-weight: bold;  line-height: 1.1em; background: none;} 
#leftHome .tagline {margin: 5px 0px 10px 0px; padding: 10px 0 10px 0; background: url(/images/backgrounds/small_blue_dots.gif) repeat-x 0 100%;}
/*
#newsAd h2{margin: 0; padding: 0 0 5px 5px; color:#039; font-weight: bold; font-size: 1.3em; background: url(/images/backgrounds/small_blue_dots.gif) bottom left repeat-x;}
*/

#leftHome .content h2{margin: 0; padding: 5px 5px 10px 0px; color:#000; font-size: 1.2em; background: url(/images/backgrounds/small_blue_dots.gif) repeat-x 0 100% !important;}

form {margin: 0;}
strong {font-size: 1.1em;}


ul {margin: 5px 0 5px 10px; padding: 0; list-style: none;}
li {padding-left: 17px; background: url(/images/backgrounds/blue_list_bullet.gif) no-repeat 0 .4em;}
ul li a {font-weight: bold;}

ul.news {margin: 5px 0 5px 0px; padding: 0; list-style: none;}
ul.news li {padding-left: 17px; background: url(/images/backgrounds/blue_list_bullet.gif) no-repeat 0 .4em;}
ul.news li ul li {list-style: circle; background: none; padding-left: 3px;}

ul.arrow_grey {margin: 10px 0 0px 0px; padding: 0; list-style: none;}
ul.arrow_grey li {padding-left: 20px; background: url(/images/backgrounds/arrow_grey.gif) no-repeat 0 .1em; padding-bottom: 7px;}

ul.blue_dot {margin: 10px 0 0px 0px; padding: 0; list-style: none;}
ul.blue_dot li {padding-left: 15px; background: url(/images/backgrounds/blue_list_bullet.gif) no-repeat 0 .22em; padding-bottom: 6px;}
#leftHome .tagline ul.blue_dot {margin-left: 10px;}
#leftHome .tagline ul.blue_dot li {padding-bottom: 4px; line-height: 110%;}
ul.anchor {margin: 10px 0 5px 15px; padding: 0; list-style: none;}
ul.anchor li {font-weight: bold; padding-left: 15px; background: url(/images/backgrounds/anchor.gif) no-repeat 0 5px; padding-bottom: 5px;}

ol li {background: none; padding-left: 0px; }

/*===============================
WRAPPERS 
=================================*/	
#outerWrapper {margin: 0 auto; width: 819px; background: #fff  url(/images/content_bg.gif) repeat-y; text-align: left;}
#innerWrapper {padding: 0 10px; background: url(/images/top_cloud_bg.gif) no-repeat top left; font-size: 1.1em; overflow: hidden;}

/*===============================
Top Header logo,utility nav
and tabbed Navigation
=================================*/
#header {position: relative;}
#utilityNav {position: absolute; top: 4px; left: 295px;}
#headerPrint,#print {display: none;}
/*===============================
These are various styles for
Content containers and Rounded
corner styling.
=================================*/
/* keep this with no margin and no padding for rounded corners*/
.innerRoundedWrap {margin: 0px; padding: 0px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; z-index: 20;}
div#homeContent .innerRoundedWrap{background: url(/images/backgrounds/brown_gradient.gif) repeat-y top right;}
#bottomCorners {background:  url(/images/footer_bottom.gif) no-repeat bottom left; width: 819px; height: 27px;}
/* position this div however you want, but keep its padding and border at zero */
.roundedWrapper {padding: 0px; width: 780px; border: 0px;}
/* The next two are the two different backgrounds for the top rounder corners, one with gradient
for the homepage and one withjust plain with for regular pages */

.roundedGradient {background:  url(/images/nav/top_round_gradient.gif) no-repeat bottom left;}
.roundedWhite {background:  url(/images/nav/top_round_white.gif) no-repeat bottom left;}

/* Main Content Columns and other positioning/styling for everything inside the rounded corners box. */
#contentContainer {padding: 0; margin: 0; width: 778px;}

#content, #homeContent {margin: 9px 0 0 9px; width: 780px;}
/* Keep these position relative */
#content, #homeContent,#contentContainer{position: relative;}
#left {margin: 0 12px 0 7px; width: 170px;}
#leftHome {float: left; margin: 0 0px 0 5px; width: 470px; line-height: 1.4; font-size: 1.1em;}
#leftHome .content {margin: 0 15px 0 15px;}

/*#leftHome,#left {clear: both;} Nov. 30 remove this so that home page on IE5 - Mac display fine*/
.copyText {margin-top: 10px; width: 390px; line-height: 1.4;}
.copyText h2, .copyText h3 {line-height: 1.2;}
#leftHome div.copyText {width: 270px;}
#rightColumn {margin: 30px 0px 0 20px; width: 172px;}
.rightFlash {width: 282px; margin: 0px auto 5px auto; padding: 0 0px 0 16px; border-left: 1px solid #999;}
html>body .rightFlash {padding-left: 20px; }
/* Sign up Box on Home page */

.sign_up_box_top {
 width: 238px;
 background: url(/images/backgrounds/sign_up_top.gif) no-repeat 0 0;
 padding: 40px 10px 0 10px;
 color: #fff;
  font-size: 1.1em;
 }
 
.sign_up_box_top form {margin: 10px 0 0 0;}
.sign_up_box_top input {font-size: 0.9em; width: 180px; border: 1px solid #a5acb2;}
.sign_up_box_top div {padding-bottom: 5px;}
.sign_up_box_top label {font-weight: bold; }
.sign_up_box_top .submit {background: #ffd66d; color:#000; text-align: center; margin: 0 0px 0 65px; padding: 2px 0px; width: 130px; font-weight: bold;}
.sign_up_box_bottom {
background: url(/images/backgrounds/sign_up_bottom.gif) no-repeat 0 0;
height: 15px;
margin-bottom: 15px;
}
/* News Block on Homepage */
div#newsAd  {margin-right: 30px; width: 161px;}

/* All content column containers set to float left and display inline for ie double margin float bug */
#leftHome,#newsAd,#left,.rightFlash,.copyText,#rightColumn{float: left; display: inline;}

/*Speek Link */
.speekLink {margin: 20px 0;}

/* Join Elenis Mail Box  on sub*/

#mailBox {width: 258px; margin: 10px 0 20px 0;}
#mailBox  h2.header {line-height: 95%; margin: 0; padding: 4px 0 4px 42px; font-size: 11px; font-weight: bold; background: url(/images/backgrounds/mailbox_headerbg.gif) no-repeat top left;}
#mailBox .textInput {margin-bottom: 3px; text-align: right;}
#mailBox .textInput input {font-size: 10px;}
.submit {width: 70px; background: #ffd66d; border: 1px solid #999; font-weight: bold; font-size: 1.1em; text-transform: uppercase;}

/* Join Elenis Mail Box  on home */
.mailing_list_top {
margin: 15px 0 0 0;
padding: 5px 10px;
background: url(/images/backgrounds/mailing_list_top.gif) no-repeat 0 0;
font-size: 1.1em;
}

.mailing_list_top h2 {
background: url(/images/backgrounds/mail_box.gif) no-repeat  0 5px;
padding: 6px 0 5px 40px;
color: #003399;
font-size: 1.2em;
margin: 0 0 10px 0;
line-height: 100%;
}

.mailing_list_top input {font-size: 0.9em; width: 180px; border: 1px solid #a5acb2;}
.mailing_list_top div {padding-bottom: 5px;}
.mailing_list_top label {font-weight: bold; }
.mailing_list_top .submit {background: #003399; color:#fff; text-align: center; margin: 0 0px 0 65px; padding: 2px 0px; width: 130px; font-weight: bold; }


.mailing_list_bottom {
 background: url(/images/backgrounds/mailing_list_bottom.gif) no-repeat 0 100%;
 height: 10px;
 margin: 0 0 10px 0;
}

/* Footer */
#footer {margin: 12px 0 50px 20px;}
#copyRight {width: 188px; color: #666; font-size: .9em;}
#footNav {width: 500px; color: #039;}
#copyRight,#footNav {float: left;}

/* Micellanous */
.dottedBar {background: url(/images/nav/dotted_bar.gif) top right repeat-y;}
div#newsAd p.copyLinks {margin: 10px 10px 0 5px;}
.billBoard {margin: 10px 0;}
.blueBox {padding: 10px 10px 1px 10px; background-color: #e8eff7; border-left: 1px solid #999; border-right: 1px solid #999;}
.bottomBlueBox {height: 9px; width: 170px; background: url(/images/rounded/bottom_blue_box.gif) no-repeat;}
.center {text-align: center;}
.copyPad {margin: 20px 10px 15px 25px; }
em, i {font-size: 1.1em;}
.red_text {font-weight: bold; color: #990000;}
.cd_title, .lyric_title {background: #DAE3F2; color: #2356A2; font-weight: bold; padding: 1px 5px; display: block;}
.video_problems {width: 170px; padding-top: 30px; padding-right: 10px; float: right;}
#leftHome p {margin: 10px 0;}
#listenMP3{position: relative; height: 55px;}
#Mp3 {position: absolute; top: 5px; left: 15px;}
form#player {font-weight: normal;}
form#player select {width: 150px;}
.quotes {font-style: oblique; font-size: 1.1em;}
.quotes .quoter {font-style: normal; color: #666; font-size: .90em!important;}
.quotes p {border-bottom: 1px dotted #D4D1CB; padding: 10px; background: #FAFAF9;}

#visit {margin-top: 10px; text-align: center;}
/* testimonial page */
.testimonials .quote{background: #fafaf9; border-bottom: 1px dotted #D4D1CB; padding: 0px 0px 10px 0px; margin-bottom: 10px;}
.testimonials .quote p {margin-top: 0;padding-top: 0}
.testimonials .author{font-weight: bold; font-style: oblique; color: #666; font-size: .93em!important;}
.testimonials .quoteLeft {background: url(../images/misc/quote_left.gif) no-repeat 0 0; padding-left: 12px;}
.testimonials .quoteRight {background: url(../images/misc/quote_right.gif) no-repeat 100% 100%; padding-left: 15px; width: 14px;}
/*enter training */
.anchorBox {background: #d6e4f2; border: 1px solid #cdcece; padding: 3px; font-weight: bold; font-size: 1.1em;}
.subSection {font-weight: bold; line-height: 115%; color: #911e06; }
.note {font-weight: bold; font-style: oblique; font-size: 1.05em;}

/* Touch the Sky FAQ */
#questions {margin-left: 0;}
#questions li {background: none;}
#questions .question {font-size: 1em; padding-bottom: 10px; padding-left: 23px; margin-left: 0; background: url(../images/misc/q_icon.jpg) no-repeat 2px 0;}
#questions .question .q {font-size: 1.1em; font-weight: bold;}
#questions .answer {padding: 5px 0 0 0px; margin-bottom: 15px;}
#1uestions ul {margin-left: 5px;}
#question ul li {background: none;margin-left: 0px; padding-left: 0;}

/*Testimonials sidebar */
.testimonialSidebar{background: url(/images/backgrounds/testimonial_top_bg.gif) no-repeat 0 0; padding: 0; float: right; width: 171px; overflow: hidden; margin: 15px 8px 10px 0;}
.testimonialSidebar .words {background: url(/images/backgrounds/testimonial_bottom_bg.gif) no-repeat 0 100%; padding: 0 5px 5px 5px; color: #162d42;}
.testimonialSidebar .bigRed{font-size: 1.7em; color: #990000; font-weight:bold;}
.testimonialSidebar .auth {color: #666; font-style: oblique; font-size: .95em;}

/* Song List Yahoo Media Player */
ul#songList {list-style: none; background: #e0b2b2; margin: 10px 0 5px 0!important; padding: 0;line-height: 100%;}
ul#songList a {display: block;line-height: 100%;}
ul#songList li {background: #fff url(../images/misc/select_down_arrow.gif) no-repeat 97% 50%; float: left; display: inline; border: 1px solid #7f9db9; margin: 0; padding: 0px 2px; width: 147px; font-weight: normal;}
ul#songList li a{color: #000; font-weight: normal; padding: 3px 0;}
ul#songList li a:hover {text-decoration: none;}
.dropdown{ position: absolute; left: -999em;  z-index: 100; overflow: hidden; border: 1px solid #979898; float: none;}
ul#songList ul{ float: none; background: #911e06; margin: 0px 0 0 -3px!important; padding: 0 0 5px 5px; width: 149px;}
ul#songList ul li {background:none; border: none; margin: 3px; padding: 0; float: none; display: block;}
ul#songList ul a {text-align: left; margin-right: 0; font-weight: normal; }
/*#songList ul.dropdown li {float: none; margin: 0!important; }*/
ul#songList li:hover ul, #songList li.sfhover ul {left: auto; padding-right: 5px; margin: 0; }
ul#songList ul.dropdown li a {color: #fff; font-size: 11px; color: #fff; padding: 4px 3px;border-bottom: 1px dotted #fadb8c; margin-bottom: 5px;}
ul#songList ul.dropdown a:hover {font-weight: bold; color: #fadb8c; text-decoration: none;}

/* news box */
.news_box_top {
background: url(/images/backgrounds/news_box_top.gif) no-repeat 0 0;
padding: 10px 10px 0 10px;
margin: 15px 0 0 0;
font-size: .90em;
}

.news_box_bottom {
background: url(/images/backgrounds/news_box_bottom.gif) no-repeat 0 0;
height: 15px;
margin-bottom: 10px;
}

/*video */
.video_box {
 border: solid 1px #999;
 background: #F2F2CC;
 padding: 15px 0;
 }

.video_message {width: 320px; padding: 10px 0 0 0; text-align: left;}

/*form */
.submit_btn input {background: #921F06; color: #FFC53B;padding: 3px; font-weight: bold;}
textarea, input {font-size: 1.1em;}
 .copyPad input, textarea{font-size: 1em;}
/*===================================
NAVIGATION MENUS
=====================================*/
/* Utility Navigation */
#utilityNav a{
 padding: 2px 30px 4px 30px; text-decoration: none; color: #000; font-size: 1.1em; font-weight: bold;
}
#utilityNav a:hover, #utility_on a {color:#3478EC;}

/* Tabbed Navigation */
/*Global nav */
#tabNav {position: absolute; top: 80px; left: 9px; width: 800px; height: 48px; z-index: 100;}
#glb_navs {position: absolute; top: 83px; left: 209px; width: 800px; z-index: 200;}
#glb_navs img {padding: 0 2px;}

/* Left Navigation */
#listen {margin: 10px 0;}
#listenBottom { background: url(/images/nav/video/bottom_purple.gif) no-repeat; width: 170px; height: 14px;}
#listenTop {background: url(/images/nav/video/top_purple.gif) no-repeat top left; width: 170px; height: 8px;}
#listenMP3 {background: #E0B2B2; color: #990000;  border-bottom: 2px dotted #fff;  padding: 1px 8px 6px 8px; font-size: 1.1em; font-weight: bold; border-right: 1px solid #979898; border-left: 1px solid #979898;}
#listenLinks { background: #CC9999; line-height: 12px; font-size: 1.1em; font-weight: bold; border-left:1px solid #979898; border-right:1px solid #979898;}
#listenLinks div a {color: #990000; font-weight: bold; border-bottom: 2px dotted #fff; display: block; background: #FFCCCC; padding: 6px 7px; text-decoration: none; }
#listenLinks a:hover, #subs .sub_on a {color: #841801; border-bottom: 2px dotted #fff; display: block; background: #fff; }
#sub_header {background: #FFD66D; padding: 1px 8px 6px 8px; border-bottom: 2px dotted #fff; color: #AD5C33; font-size: 1.1em; font-weight: bold; border-right: 1px solid #979898; border-left: 1px solid #979898;}
#subs {
 background: #FFEAB6;
 line-height: 12px;
 font-size: 1.1em;
 font-weight: bold;
 border-left:1px solid #979898;
 border-right:1px solid #979898;
 }

#subs div a {color: #AD5C33; font-weight: bold; border-bottom: 2px dotted #fff; display: block; background: #FFEAB6; padding: 6px 7px; text-decoration: none; }
#subs a:hover, #subs .sub_on a {color: #841801; border-bottom: 2px dotted #fff; display: block; background: #fff; }

/* All list navigation menu elements that float left*/
/*#tabNav ul li,#tabNav ul li span,#tabNav ul li a,#utilityNav ul li a,#utilityNav ul li{float: left;}*/

/* Site Map */
ul#siteMap {
 background: none;
 margin: 0;
 padding: 0;
}
ul#siteMap li{padding: 0; background: none; font-size: 1.1em; padding-bottom: 7px; font-weight: bold;}
	ul#siteMap li ul {margin: 0 0 0 10px;}
	ul#siteMap li ul li{font-size: 1em; padding-bottom: 0; font-weight: normal;}

/* Link Styles */
a {color: #003399;text-decoration: none;}
a:hover{text-decoration: underline;}

/*===================================
STORE PAGE
=====================================*/
.product, .intro {border-bottom: 2px dotted #D4D1CB; margin-top: 40px; padding-bottom: 30px;}
.product h3 {text-align: center; margin-top: 0;}
.product .cd {float: left; width: 175px; margin-bottom: 15px;}
.product div {width: 355px; margin-bottom: 15px; text-align: center;}
.product blockquote {float: right; width: 150px; margin: 0 10px 15px;}
.product p {clear: both;}
.orderbtn {display: block; width: 100px; padding: 3px 7px; text-align: center; background: #039; color: #ffd66d; border: 2px outset #039; margin: 15px auto;}
.orderbtn:hover {background: #039; color: #fff; text-decoration: none;}



/*===================================
STYLES USED TO CREATE ROUNDED CORNERS
FOR THE BODY CONTAINER DONT EDIT THESE
UNLESS NEEDED
=====================================*/
 .roundedCornerSpacer {margin: 0px; padding: 0px; border: 0px; clear: both; font-size: 1px; line-height: 1px;}
.borderBL, .borderBR {width: 14px; height: 14px;padding: 0px; border: 0px;z-index: 99;}
.borderBL { float: left; clear: both; }
.borderBR { float: right; clear: right; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by anadditional 3px!*/
.borderBL {margin-left: -3px;ma\rgin-left: 0px;}
html>body .borderBL {margin-left: 0px;}
.borderBR {margin-right: -3px;ma\rgin-right: 0px;}
html>body .borderBR {margin-right: 0px;}

/*===================================
HACKS AND ANYTHING ELSE. DONT EDIT
THESE, BUT YOU CAN ADD BOX MODEL
HACKS 
=====================================*/
/* Use this Class for boxes with backgrounds or borders that contain floated boxes. This clears the box to contain the floats */
.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 */


/* Box Model Hacks */
#tabNav ul li span, #tabNav ul li a {width: 88px; voice-family: "\"}\""; voice-family:inherit;width: 82px;}
.blueBox {width: 168px; voice-family: "\"}\""; voice-family:inherit;width: 148px;}

/*
#leftNav ul li a.subNavBottom,#leftNav ul li a.subNavTop,#leftNav ul li a,#leftNav ul li span {height: 30px; voice-family: "\"}\""; voice-family:inherit; height: 23px;}
*/