html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
}
body#ff-helvetica, #ff-helvetica td {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}
form {
	margin: 0;
	padding: 0;
}
#profile_comment_form fieldset{
  float: left;
  width: 920px;
  margin-bottom:20px;
}
#profile_comment_form fieldset p{
  clear: left;
  float: left;
}
#profile_comment_form label{
  float: left;
  width: 100px;
}
#profile_comment_form input, #profile_comment_form textarea{
  float: left;
  width: 200px;
}
body,
body.f-default {
	font-size: 14px;
}
p {
  /* setup some more readable paragraph spacing */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
h1, h2, h3, h4, h5 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 0;
	font-weight: normal;
	line-height: 120%;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 150%;
}
h4 {
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
}

h5 {
	font-size: 120%;
	text-transform: uppercase;
}
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.white {
  color: #fff;
}
.color2 {
  color:#999999;
}
.small {
  font-size: 80%;
}
.small-yellow {
  padding-top: 0px;
}
.underline {
  text-decoration: underline;
}
.gray-box {
  color: #999;
}
/* @group Notice Styles */
span.attention,
span.notice,
span.alert,
span.download,
span.approved,
span.media,
span.note,
span.cart,
span.camera,
span.doc {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 0;	
}
span.attention {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(images/typo/attention.png) 10px 50% no-repeat;
}
span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(images/typo/notice.png) 10px 50% no-repeat;
}
span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(images/typo/alert.png) 10px 50% no-repeat;
	margin: 10px;
}
.validation-advice {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(images/typo/alert.png) 10px 50% no-repeat;
	margin: 10px;
	padding-bottom:10px;
  padding-left:30px;
  padding-top:10px;
}
.validation-failed {
  border: 2px solid #FFACAD;
}
span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #A8CDE3 url(images/typo/download.png) 10px 50% no-repeat;
}
span.approved {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(images/typo/approved.png) 10px 50% no-repeat;
}
span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(images/typo/media.png) 10px 50% no-repeat;
}
span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(images/typo/note.png) 10px 50% no-repeat;
}
span.cart {
	background:#E6E6E6 url(images/typo/cart.png) no-repeat scroll 10px 7%;
  border:1px solid #C5C5C5;
  color:#666666;
  margin:10px;
}
span.camera {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(images/typo/camera.png) 10px 50% no-repeat;
}
span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(images/typo/doc.png) 10px 50% no-repeat;
}
#error-messages {
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 20px;
}
/* @end */

ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5 {
	padding-left: 15px;
	overflow: hidden;
	margin-left: 5px;
}

ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 14px;
}

ul.bullet-1 li {
	background: url(images/main-arrow.png) 0 4px no-repeat;
}

ul.bullet-2 li {
	background: url(images/typo/bullet-2.png) 0 4px no-repeat;
}

ul.bullet-3 li {
	background: url(images/inset-arrow.png) 1px 4px no-repeat;
}

ul.bullet-4 li {
	list-style: none;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(images/typo/bullet-4.png) 0 0 no-repeat;
}

ul.bullet-5 li {
	list-style: none;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(images/typo/bullet-5.png) 0 0 no-repeat;
}

.left-justified {
  text-align: left;
}
#toppanel-container {
	position: relative;
	z-index: 5000;
}

#topmod {
	width: 447px;
	height: 150px;
	position: absolute;
	right: 0;
	top: -154px;
	color: #ccc;
}

#topmod .wrapper {
	width: 410px;
	overflow: hidden;
}

#top-tab {
	width: 195px;
	height: 30px;
	position: absolute;
	top: 123px;
	text-align: center;
	cursor: pointer;
	margin-left: 260px;
}

span.tab-text {
	color: #ddd;
	line-height: 170%;
	padding-left:3px;
}

#toplinks {
	float: right;
	margin-top: 30px;
}
.tweets {
  font-size:90%;
}
.tweets tr {
  
}
.tweets td.tweet {
  text-align: left;
}
.tweets td.tweet .date {
  font-size: 85%;
}
#toplinks a.mainlevel {
	display:  block;
	float:  left;
	background: none;
	margin: 0;
	padding: 0 5px;
	text-indent: 0;
}

#toplinks ul {
	margin: 0;
	padding: 0;
	float: right;
}

#toplinks li {
	float:  left;
	list-style: none;
	margin-right: 15px;
}

#toplinks li img {
	float: left;
}

#logo {
	height:78px;
	margin-left:-50px;
	position:absolute;
	width:500px;
}
#header {
	height: 85px;
}
#sub-header {
	height: 60px;
	padding-top: 14px;
}
#main-content {
background:#FFFFFF url(images/maincol-top-bg.png) repeat-x scroll 0 0;
color:#333333;
padding-left:10px;
padding-top:20px;
}
#featured {
	background: #0f0f0f url(images/featured-top.png) 0 0 repeat-x;
	color: #ccc;
}
#featured2 {
	background: url(images/featured-bottom.png) 50% 100% repeat-x;
	overflow: hidden;
}
#featured-bottom {
	height: 10px;
	margin-bottom: 10px;
}

#featured-bottom2 {
	height: 10px;
}

#featured-bottom3 {
	background: url(images/featured-bm.png) 0 0 repeat-x;
	margin: 0 25px;
	height: 10px;
	overflow: hidden;
}

#featured-left-column {
	float: left;
	width: 630px;
	margin-left: 10px;
	margin-top:30px;
}

#featured-right-column {
	width: 310px;
	margin-right: 5px;
	float: right;
	text-align: center;
	margin-top: 30px;
}
div.triple-player {
	margin-top: 10px;
	float: left;
}
div.player-list {
	float:left;
  width:300px;
}
div.medium-button {
	background:transparent url(images/medium_sized_gray_button.png) no-repeat scroll left top;
	float:left;
  height:100px;
  margin-bottom:5px;
  padding-left:5px;
  padding-top:5px;
  width:290px;
}
div.medium-button h4 {
	font-size: 100%;
	line-height: 100%;
	color: #c4aa29;
	float: left;
	padding-bottom:0;
padding-top:0;
}
div.medium-button p {
	margin: 0;
	float: left;
	font-size:95%;
}
div.ipod-lesson-info {
	float: left;
}
div.button-image {
	display: inline;
	width: 60px;
	float: left;
}
div.button-text {
	display: inline;
	width: 220px;
	float: left;
	margin-left: 5px;
}
div.purchase-info{
	float: left;
	clear: both;
	width: 290px;
}
div.purchase-info div.price {
	float: left;
	width: 150px;
}

div.two-col-right-wrapper {
	background: #fff url(images/two-col-right-bkg.jpg) repeat-y scroll 0 0;
	width: 100%;
	float: left;
}
div.two-col-header {
	background: transparent url(images/main-content-bar.png) repeat-x scroll 0 0;
	height: 29px;
	margin-bottom:-6px;
  padding-left:5px;
  padding-top:2px;
}
div.two-col-left {
	float:left;
	width:640px;
	background: transparent url(images/maincol-top-bg.png) repeat-x scroll 0 0;
}
div.two-col-right {
	float: right;
	width:322px;
}
div.left-content {
	background:transparent url(images/maincol-indicator.png) no-repeat scroll 20px 0;
	padding: 30px 10px 10px;
}
div.right-content {
}
div.content-block{
	float: left;
	clear: both;
	width: 100%;
}
.block{
  margin-bottom: 10px;
}
h3.block-header{
	background:transparent url(images/sidemodule-h3.png) no-repeat scroll 0 0;
	color:#CCCCCC;
	height:45px;
	padding-left:10px;
	padding-top:2px;
}
.block-content{
  text-align: center;
}
#footer {
	background: #fff url(images/footer-bm.png) 50% 100% repeat-x;
	height: 65px;
	border-top: 1px solid #e0e0e0;
	clear:both;
}
#copyright {
	padding-bottom: 25px;
}


#horiz-menu {
	height: 45px;
	position: absolute;
}

#horiz-menu2 {
	height: 45px;
	margin: 0 0 0 16px;
	padding: 0 5px 0 0;
}

ul#horiznav.menutop,
#horiz-menu ul.menutop {
	padding: 0;
	margin: 0;
	position: relative;
}

#horiz-menu ul {
	list-style: none;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 45px;
	line-height: 40px;
	padding: 12px 15px 0 15px;
	font-weight: normal;
	font-size: 130%;
	overflow: hidden;
	text-decoration: none;
	z-index: 100;
	position: relative;
}
a.mainlevel:hover,
a.sublevel:hover {
	text-decoration: none;
}
span.highlight-red {
	color: #cc0000;
}
a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}
.clr {
	clear:both;
}
fieldset.input,
a img,
body .pollstableborder {
	border: 0;
}
#sl_horiz {
	margin: 0;
	position: absolute;
	width: 100%;
}
#sl_horiz .button {
	border: 0;
	width: 56px;
	height: 22px;
	margin: 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	cursor: pointer;
	color: #666;
	background: url(images/input-button.png) 0 0 no-repeat;
	position: absolute;
	right: 44px;
}

#sl_horiz .button:hover {
	color: #333;
}

#sl_horiz #sl_username {
	float: left;
	width: 160px;
	height: 22px;
	background: url(images/input-field.png) 0 0 no-repeat;
}

#sl_horiz #sl_username input {
	padding: 0 0 0 5px;
	width: 155px;
	height: 22px;
	font-size: 100%;
	font-weight: normal;
	border: 0;
	color: #666;
	background: none;
	margin: 0;
}

#sl_horiz #sl_pass {
	margin-left: 12px;
	float: left;
	width: 160px;
	height: 22px;
	background: url(images/input-field.png) 0 0 no-repeat;
}

#sl_horiz #sl_pass input {
	padding: 0 0 0 5px;
	width: 155px;
	height: 22px;
	font-size: 100%;
	font-weight: normal;
	border: 0;
	color: #666;
	background: none;
	margin: 0 10px 0 0;
}
#sl_horiz #sl_lostpass,
#sl_hoziz #sl_lostname,
#sl_horiz a {
	margin-left: 10px;
	float: left;
	line-height: 22px;
	color: #ccc;
}

#sl_horiz #sl_lostpass, #sl_horiz #sl_createnew{
	margin-top: 10px;
}
#sl_horiz #sl_createnew {
	float: left;
	margin-left: 50px;
}
#sl_horiz #sl_submitbutton {
	margin: 0;
	padding: 0;
	width: auto;
	height: 22px;
}
div.content-bar-text {
	font-family: Helvetica, Geneva, Arial;
	text-transform: uppercase;
	text-indent: 15px;
	line-height: 29px;
	font-weight: bold;
}
span.copyright {
	color:#666666;
  float:left;
  padding-left:5px;
  padding-top:34px;
}
body {
	color: #ccc;
	background: #000;
}

a,
h3 {
	color: #C4AA29;
}
#comments {
  height: 500px;
  overflow: auto;
}
#page-bg {
	background: url(images/page-bg.jpg) 50% -85px repeat-x;
}

#header {
	background: url(images/header-bg.png) 50% 0 repeat-x;
}

#logo {
	background: url(images/new_logo.jpg) 0 0 no-repeat;
}

#topmod {
	background: url(images/login-pane.png) 0 -50px no-repeat;
}

#toplinks a.mainlevel {
	color: #666;
}

#toplinks a:hover {
	color: #ccc;
}
#featured .module a {
	color: #C4AA29;
}

#featured-bottom {
	background: url(images/featured-bl.png) 0 100% no-repeat;
}

#featured-bottom2 {
	background: url(images/featured-br.png) 100% 100% no-repeat;
}
.alphabet-picker {
  padding: 5px;
}
.letters {
  
}
.letters a {
  border:1px solid #CCCCCC;
  display:inline-table;
  padding-left:2px;
  padding-right:2px;
  padding-top:3px;
  text-align:center;
}
.prev-next-nav {
  padding: 5px;
}
#featured .module h3,
.module-scroller h3 {
	color: #C4AA29;
	font-size:140%;
}

#main-content-bar {
	background: url(images/main-content-bar.png) 0 0 repeat-x;
}
div.maincol-indicator {
  background: url(images/maincol-indicator.png) 0 0 no-repeat;
height:24px;
margin:0 0 0 20px;
padding:0;
position:absolute;
width:20px;
}
#horiz-menu {
	background: url(images/horiz-menu-l.png) 0 0 no-repeat;
}

#horiz-menu2 {
	background: url(images/horiz-menu-r.png) 100% 0 no-repeat;
}

#horiz-menu a,
#horiz-menu li.active a {
	color: #ccc;
}

#horiz-menu li.active a {
	background: url(images/horiz-menu-active.png) 50% 0 no-repeat;
	color: #fff;
}

#horiz-menu li a:hover {
	color: #fff;
}

div.menuslide {
	background: url(images/horiz-menu-hover.png) 50% 0 no-repeat;
	width: 65px;
	height: 19px;
}
div.content-bar-text {
	color: #fff;
}
span.color2 {
	color: #999;
}

span.color3 {
	color: #fff;
}
div.wrapper { margin: 0 auto; width: 962px;padding:0;}
div.content-bar-text { margin-left:0px;}

/**menu**/
.menutop,.menutop *{margin:0;padding:0;}
div#horiz-menu{/* this is a z-index ie6 and ie7 bug fix */
z-index:50;}
#horiz-menu li li{margin:0;}
.menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/
padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
div#horiz-menu li li a, div#horiz-menu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;height:26px;line-height:30px;text-indent:18px;width:98%;}
.menutop li ul{float:none;left:-999em;position:absolute;width:177px;z-index:5;}
.menutop li:hover ul,
.menutop li.sfHover ul{left:0px;top:50px;}
.menutop li:hover li ul,
.menutop li.sfHover li ul,
.menutop li li:hover li ul,
.menutop li li.sfHover li ul,
.menutop li li li:hover li ul,
.menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul,
.menutop li li.sfHover ul,
.menutop li li li:hover ul,
.menutop li li li.sfHover ul,
.menutop li li li li:hover ul,
.menutop li li li li.sfHover ul{left:177px;top:0px;}
.menutop li li{position:relative;float:none;width:100%;}
.hide{display: none;}

#special-showcase{
  background: transparent url(images/showcase-bg.png) repeat scroll 0 0;
  color: #FFF;
  padding: 0px;
  border: 1px solid #FFF;
  margin-bottom:5px;
}
#special-showcase a {
  color: #FFF;
}
#special-showcase h2 {
  padding-top: 5px;
}

#showcase{
  background: transparent url(images/showcase-bg.png) repeat scroll 0 0;
  color: #FFF;
  overflow: hidden;
  padding: 10px;
}
#showcase #lesson-central {
  background:#000000 none repeat scroll 0 0;
  float:left;
  width:100%;
}
#lesson-central #lesson-links {
  float:left;
  margin-left:0;
  margin-top:0;
  padding-top:5px;
  text-align:center;
  width:340px;
}
#lesson-central #lesson-links input, #lesson-central #lesson-links a {
  margin-bottom:5px;
}

#showcase #welcome-message {
  float:right;
  padding-top:5px;
}
#showcase .livestream_wrapper {
  width: 464px;
  float: left;
  margin-right: 0px;
}
#showcase #lesson-chat {
  width: 477px;
  height: 310px;
  float: left;
  display: inline;
}
#showcase a {
  padding-left: 10px;
  padding-right: 10px;
}
#showcase .download-buttons {
  clear: both;
  float: left;
  padding: 10px;
  width: 100%;
  height: 160px;
  text-align: center;
}
#showcase .download-buttons a, #showcase .download-buttons h4 {
  text-align: center;
}

blockquote.quotes {
background:transparent url(images/typo/quote-start.png) no-repeat scroll 0 5px;
border:0 none;
color:#666666;
display:block;
font-size:120%;
font-style:italic;
line-height:150%;
margin:20px 0;
padding:0 20px 0 38px;
width:auto;
}
blockquote.quotes p {
background:transparent url(images/typo/quote-end.png) no-repeat scroll 100% 100%;
margin-top:0;
padding:0 38px 0 0;
}
.important3 {
border:1px solid #CC0000;
}
.important, .important2, .important3, .important4 {
margin:15px 10px 15px 0;
padding:15px;
}
span.important-title, span.important-title2, span.important-title3, span.important-title4 {
background:#FFFFFF none repeat scroll 0 0;
display:block;
float:left;
font-size:120%;
font-weight:bold;
margin-top:-24px;
padding:0 8px;
}
blockquote.color3, .important-title3, span.number-color2, span.dropcap-color2 {
color:#CC0000;
}
/*chat box styles */
#chat-wrapper, #loginform {
	margin:0 auto;
	padding-bottom:10px;
	background:#1f1f1f;
	width:476px;
	border:1px solid #000000; }

#loginform { padding-top:18px; }
 
#loginform p { margin: 5px; }
 
#chatbox {
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #c98a2b;
  color:#000000;
  height:210px;
  margin:0 auto 10px;
  overflow:auto;
  padding:10px;
  text-align:left;
  width:430px;
}
 
#chat-wrapper form {
  margin-left: 13px;
} 
#usermsg, #userques {
	width:300px;
	border:1px solid #c98a2b; 
}
#userques {
	width:240px; 
}
 
#submit { width: 60px; }

#ask-question {
  padding-top: 10px;
}

.error { color: #ff0000; }
 
#chat-menu { padding:1px 13px; }
 
.welcome { float:left; }
 
.logout, #clrchat { float:right; }
 
.msgln { margin:0 0 2px 0; }
.questionln { margin:0 0 2px 0; 
  color: #db0000;
  font-size: 110%;
}
.screenerln { margin:0 0 2px 0; 
  color: #db00a8;
  font-size: 110%;
}