/********** GENERIC **********/

html, body {height: 100%;}



body {
						font-family: "trebuchet MS";
						background-color: transparent;
						background-image: url(/images/bbduo.jpg);
						background-repeat: repeat;
}


div.wrapper {
						width: 960px;
						background: #333333;
						padding: 3px;
						margin: 10px auto;
}

/*div { border: 1px solid red;}*/

div.cb {
							clear: both;
}

a:link, a:hover, a:active, a:visited {
							text-decoration: none;
							color:	#CCCCCC;
}

img.linkedImg {
							border: 0;
}

span.normalText {
							color: #333333;
							font-size: 12px;
}
span.brightText {
							color: #CCCCCC;
							font-size: 12px;
}
div.coming_soon {
							margin: 0px auto 10px auto;
							color:	#CCCCCC;
							text-align: center;
							font-weight: bold;
							text-size: 30px;
}

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

div.footer {
							width: 960px;
							margin: 0px auto 0px auto;
							color:	#CCCCCC;
							text-align: center;
							height: 27px;
							padding: 5px 5px 0px;
							background-color: transparent;
							background-image: url(/images/header/menu_background1.jpg);
							background-repeat: no-repeat;
}
/********** HEADER **********/

div.banner {
							width: 940px;
							height: 164px;
							padding: 10px;
							color:	#CCCCCC;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/header/banner.jpg);
							background-repeat: no-repeat;
}
div.rotatingAd {
							width: 960px;
							height: 74px;
							margin: 0px auto 0px auto;
							color:	#CCCCCC;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/header/rotatingad.jpg);
							background-repeat: no-repeat;
}
div.menu_wrapper {
							width: 960px;
							padding: 0px;
							margin: 0px auto 0px auto;
							text-align: center;
}
div.menu1 {
							float: left;
							width: 960px;
							height: 32px;
							color:	#CCCCCC;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/header/menu_background1.jpg);
							background-repeat: no-repeat;
							line-height: 8px;
}
div.menu2 {
							float: left;
							width: 650px;
							height: 32px;
							margin: 0px auto 10px auto;
							color:	#CCCCCC;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/header/menu_background2.jpg);
							background-repeat: no-repeat;
							line-height: 8px;
}
div.hits {
							float: left;
							width: 310px;
							height: 22px;
							padding: 5px 0;
							margin: 0px auto 10px auto;
							color:	#CCCCCC;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/header/menu_background_hits.jpg);
							background-repeat: no-repeat;
}
div.menu_img_div {
							float: left;
							padding: 9px 0;
							height: 12px;
							width: 18px;
							text-align: center;
}
div.menu_txt_div {
							float: left;
							padding: 9px 0;
							height: 12px;
							text-align: left;
}
span.hits_text {
							color:	#FFFFFF;
							font-weight: bold;
							font-size: 12px;
}
span.hits_num {
							color:	#DF761B;
							font-weight: bold;
							font-size: 12px;
}
span.menuTextOn {
							color:	#DF761B;
							font-weight: bold;
							font-size: 12px;
}
span.menuSubTextOn {
							color:	#844610;
							font-size: 10px;
}
span.menuTextOff {
							color:	#FFFFFF;
							font-weight: bold;
							font-size: 12px;
}

span.footerText {
							color:	#FFFFFF;
							font-weight: bold;
							font-size: 13px;
}
span.menuSubTextOff {
							color:	#9E9E9E;
							font-size: 10px;
}
span.teacher {
							color:	#4A4A4A;
							font-weight: bold;
							font-size: 12px;
}
span.partner {
							color:	#000000;
							font-weight: bold;
							font-size: 12px;
}

span.rotat {
							background: #000;
							width: 438px;
							height: 148px;
							float:left;
							text-align: left;

}

span.rotat b {
							float:left;
							width: 428px;
							height: 15px;
							padding: 5px;
							background-image:url('/images/thumb_txt.png');
							text-decoration: none;
							text-align: left;
							color: #FFF;
							font-size: 12px;
							text-align:center;
							margin: 125px 0 0;
}

span.thumb {
							background: #000;
							width: 100px;
							height: 60px;
							float:left;

}

span.thumb b {
							float:left;
							width: 90px;
							height: 12px;
							padding: 5px;
							background-image:url('/images/thumb_txt.png');
							text-decoration: none;
							color: #FFF;
							font-size: 12px;
							text-align:center;
							margin: 37px 0 0;
}

/********** INDEX **********/

div.left_column {
							float: left;
							width: 440px;
							margin: 10px auto 10px auto;
							text-align: center;
}
div.right_column {
							float: right;
							width: 520px;
							margin: 10px auto 10px auto;
							text-align: center;
}

div.rotator {
							width: 440px;
							height: 183px;
							margin: 0px auto 10px 0;
							padding: 0;
							z-index: 0;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/rotator_background.png);
							background-repeat: no-repeat;
}
div.rotator2 {
							width: 440px;
							height: 183px;
							float:left;
							margin: 0px auto 10px auto;
							padding: 0;
							text-align: center;
							background-color: transparent;
//							background-image: url(/images/rotator_background.png);
							background-repeat: no-repeat;
}
img.rotator_image {
							width: 438px;
							height: 148px;
							padding: 1px;
							z-index: 1;

}
div.rotator_nav {
							width: 440px;
							height: 33px;
							text-align: left;
							padding: 0;
							margin: 0;
							background-color: transparent;
							background-image: url(/images/rotator_nav.png);
							background-repeat: no-repeat;
}
div.rotator_nav2 {
//							position:relative;
							width: 435px;
							height: 25px;
							text-align: left;
							float: left;
							padding-left: 5px;
							margin: -25px 0 0 0;
							color: #FFFFFF;
							z-index: 25;
							background: rgba(0, 0, 0, 0.5); 
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
							filter: alpha(opacity=50);					
							opacity: 0.5;
							-moz-opacity:0.5;
							-khtml-opacity: 0.5;	
							zoom:1;
							border-top: 1px solid white;
							background-color: black;
							background-repeat: no-repeat;
}


div.rotator_nav_text_off {
							float: left;
							width: 31.7px;
							line-height: 26px;
							text-align: center;
			}
			
div.rotator_nav_text_off a {
							color: #E5E628;
							cursor: pointer;
							font-size: 12px;
			}
div.rotator_nav_text_on {
							float: left;
							width: 31.7px;
							line-height: 26px;
							text-align: center;
			}
div.rotator_nav_text_on a {
							color: #0A5EDA;
							cursor: pointer;
							font-size: 12px;
}
div.small_ad {
							float: left;
							width: 320px;
							height: 103px;
							margin: 0px 0px 0px 4px;
							text-align: center;
}
div.current_user {
							float: right;
							width: 190px;
							height: 104px;
							margin: 0px 0px 0px 6px;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/login_background.png);
							background-repeat: no-repeat;
}
div.login_form {
							float: left;
							width: 190px;
							height: 50px;							
							margin: 0px auto 0px auto;
							text-align: center;
}
input.login {
							width: 103px;
							height: 19px;
							padding: 0 0 0 20px;
							text-align: left;
							border: none;
							background-color: transparent;
							background-image: url(/images/login_field.png);
							background-repeat: no-repeat;
}
input.password {
							width: 103px;
							height: 19px;
							padding: 0 0 0 20px;
							text-align: left;
							border: none;
							background-color: transparent;
							background-image: url(/images/password_field.png);
							background-repeat: no-repeat;
}
input.button {
							width: 38px;
							height: 17px;
							text-align: center;
							color: #FFFFFF;
							font-weight: bold;
							cursor: pointer;
							font-size: 8px;
							border: none;
							background-color: transparent;
							background-image: url(/images/blue_button.png);
							background-repeat: no-repeat;
}
div.login_extra {
							float: left;
							width: 190px;
							color: #FFFFFF;
							font-size: 12px;
							margin: 0px auto 0px auto;
							text-align: center;
}
div.dark_box_title {
							width: 175px;
							padding: 10px 0 5px 15px;
							color: #0071B5;
							font-size: 13px;
							text-align: left;
}
div.left_col_half_box {
							float: left;
							width: 220px;
							height: 224px;
							padding: 0;
							margin: 0 0 0 0;
}
div.left_col_list_title {
							width: 203px;
							height: 25px;
							padding: 5px 0 0 15px;
							color: #0071B5;
							font-size: 13px;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/left_col_title_background.png);
							background-repeat: no-repeat;
}
div.left_col_list_body {
							width: 213px;
							height: 191px;
							padding: 3px 0 0 5px;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/left_col_list_background.png);
							background-repeat: no-repeat;
}
div.left_col_list_item {
							color: #252525;
							cursor: pointer;
							font-size: 12px;
							text-align: left;
							line-height: 20px;
							white-space: nowrap;
}

div.left_col_list_item a {
							text-decoration: none;
							color:	#252525;
}
div.right_col_half_box {
							float: left;
							width: 256px;
							height: 218px;
							padding: 0;
							margin: 10px 0 0 4px;
}
div.right_col_list_title {
							width: 245px;
							height: 25px;
							padding: 5px 0 0 15px;
							color: #0071B5;
							font-size: 13px;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/right_col_title_background.png);
							background-repeat: no-repeat;
}
div.right_col_list_body {
							width: 255px;
							height: 186px;
							padding: 3px 0 0 5px;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/right_col_list_background.png);
							background-repeat: no-repeat;
}
div.right_col_list_item {
							color: #252525;
							cursor: pointer;
							font-size: 12px;
							text-align: left;
							line-height: 20px;
							white-space: nowrap;
							
}

div.right_col_list_item a:link {
							text-decoration: none;
							color:	#252525;
}
div.right_col_list_item a:hover {
							text-decoration: none;
							color:	#252525;
}
div.right_col_list_item a:active {
							text-decoration: none;
							color:	#252525;
}
div.right_col_list_item a:visited {
							text-decoration: none;
							color:	#252525;
}
div.media_player {
							width: 440px;
							margin: 10px 0 0 0;
}
div.media_title {
							width: 425px;
							height: 24px;
							padding: 5px 0 0 15px;
							margin: 0 0 3px 0;
							color: #FFFFFF;
							font-size: 15px;
							font-weight: bold;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/media_title_background.png);
							background-repeat: no-repeat;
}
div.media_body {
							width: 440px;
							height: 198px;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/media_background.png);
							background-repeat: no-repeat;
}
div.media_main {
							float: left;
							width: 274px;
							height: 192px;
							margin: 2px 1px 2px 2px;
							text-align: center;
}
div.media_thumb {
							width: 440px;
							height: 74px;
							margin: 35px auto 0px auto;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/header/rotatingad.jpg);
							background-repeat: no-repeat;
}
div.media_thumb_1 {
							width: 160px;
							height: 81px;
							text-align: center;
							padding: 10px 0 0 0;
}
div.media_thumb_2 {
							width: 160px;
							height: 81px;
							text-align: center;
							padding: 10px 0 0 0;
}
div.media_hr {
							width: 165px;
							height: 5px;
							text-align: center;
							background-color: transparent;
							background-image: url(/images/media_hr.png);
							background-repeat: no-repeat;
}
div.main_news {
							width: 515px;
							margin: 10px 0 0 5px;
}
div.main_news_title {
							width: 505px;
							height: 24px;
							padding: 5px 0 0 15px;
							margin: 0 0 3px 0;
							color: #FFFFFF;
							font-size: 15px;
							font-weight: bold;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/news_title_background.png);
							background-repeat: no-repeat;
}
div.main_news_box {
							width: 515px;
							margin: 0 0 10px 0;
							background-color: transparent;
							background-image: url(/images/snippet_background.jpg);
							background-repeat: repeat;
}
div.main_news_box a {
							text-decoration: none;
							color:	#001020;
}
div.main_news_box_hr {
							width: 511px;
							height: 5px;
							text-align: center;
							margin: 0 auto 0 auto;
							background-color: transparent;
							background-image: url(/images/news_hr.png);
							background-repeat: no-repeat;
}
div.main_news_box_title {
							width: 505px;
							height: 24px;
							padding: 5px 0 0 15px;
							color: #001020;
							font-size: 12px;
							font-weight: bold;
							text-align: left;
}
div.main_news_box_text {
							width: 495px;
							padding: 5px 10px 0 15px;
							color: #001020;
							font-size: 12px;
							text-align: left;
}
div.main_news_box_text a {
							text-decoration: none;
							color:	#001020;
}
div.main_news_box_info {
							width: 490px;
							height: 24px;
							padding: 5px 15px 0 15px;
							color: #001020;
							font-style: italic;
							font-size: 12px;
							text-align: left;
}

/* Other Pages (forum based) */

div.full_news {
							width: 958px;
							margin: 65px auto 0 auto;
}
div.full_news_title {
							width: 943px;
							height: 23px;
							padding: 5px 0 0 15px;
							margin: 0 0 3px 0;
							color: #0071B5;
							font-size: 15px;
							font-weight: bold;
							text-align: left;
							background-color: transparent;
							background-image: url(/images/full_page_title_background.png);
							background-repeat: no-repeat;
}
div.full_news_title a {
							text-decoration: none;
							color:	#0071B5;
}
div.full_news_box {
							width: 958px;
							margin: 0 0 10px 0;
							background-color: transparent;
							background-image: url(/images/snippet_background.jpg);
							background-repeat: repeat;
}
div.full_news_box a {
							text-decoration: none;
							color:	#001020;
}
div.full_news_box_hr {
							width: 958px;
							height: 5px;
							text-align: center;
							margin: 0 auto 0 auto;
							background-color: transparent;
							background-image: url(/images/full_page_hr.png);
							background-repeat: no-repeat;
}
div.full_news_box_text {
							width: 933px;
							padding: 5px 10px 0 15px;
							color: #001020;
							font-size: 12px;
							text-align: left;
}
div.full_news_box_text a {
							text-decoration: underline;
							color:	#001020;
}
div.full_news_box_info {
							width: 928px;
							height: 24px;
							padding: 5px 15px 0 15px;
							color: #001020;
							font-style: italic;
							font-size: 12px;
							text-align: left;
}
div.full_news_box_info22 {
							width: 928px;
							height: 50px;
							padding: 5px 15px 0 15px;
							color: #001020;
							font-style: italic;
							font-size: 12px;
							text-align: left;
}


#sub_holder {
	text-align:center;
	width:920px;
	height:575px;
}

#subscribe-01_ {
	float: left;
	width:395px;
	height:575px;
}

#subscribe-02_ {
	float: left;
	width:142px;
	height:575px;
}

#subscribe-03_ {
	float: left;
	width:22px;
	height:575px;
}

#subscribe-04_ {
	float: left;
	width:140px;
	height:575px;
}

#subscribe-05_ {
	float: left;
	width:21px;
	height:575px;
}

#subscribe-06_ {
	float: left;
	width:142px;
	height:575px;
}

#subscribe-07_ {
	float: left;
	width:58px;
	height:575px;
}

div.teacher_hr {
	width: 320px;
	height: 5px;
	text-align: left;
	margin: 0 auto 0 auto;
	background-color: transparent;
	background-image: url(/images/full_page_hr.png);
	background-repeat: no-repeat;
	}

div.teacher_l {
	float:left;
	width: 470px;
	height: 170px;
	margin: 0 auto 0 auto;
	margin-left:5px;
}
div.teacher_r {
	float:right;
	width: 470px;
	height: 170px;
	margin: 0 auto 0 auto;
	margin-left:5px;
}

div.teacher_img {
	float:left;
	height: 165px;
	width: 140px;
	text-align: left;
	background-color: transparent;
}

div.teacher_info {
	float:left;
	margin-left: 5px;
	width: 320px;
	height: 170px;

}
div.teacher_info_top_left {
	float: left;
	width: 100px;

}
div.teacher_info_top_right {
	float: left;
	width: 125px;
}
div.teacher_desc {
	float:left;
	width: 320px;
	height: 120px;
}
div.teacher_h {
	margin: 0 auto 0 auto;
	width: 958px;
	height: 180px;
}

div.partner_hr {
	width: 650px;
	height: 5px;
	text-align: left;
	background-color: transparent;
	background-image: url(/images/full_page_hr.png);
	background-repeat: no-repeat;
	}

div.partner_c {
	margin: 0 auto 0 auto;
	
	height: auto;
	width: 650px;
	padding: 0 10px 5px 10px;
	border-left: 1px solid #c74606;
	border-right: 1px solid #c74606;
}

div.partner_img {
	float:left;
	height:auto;
	margin: 2px 5px;
	width: 200px;
	vertical-align: bottom; 
}

div.partner_h {
	margin: 0;
	min-height: 200px;
	max-height: 100%;	
	height: auto;
	width: 650px;
	text-align: left;
}

div.partner_nme {
	float:right;
	height:auto;
	color:	#000000;
	font-weight: bold;
	vertical-align: bottom; 
	font-size: 16px;
	margin: 2px 0px;
	text-align: left;
	width: 430px;
}

.scrollable {

	position:relative;
	overflow:hidden;
	width: 880px;
	height: 74px;
	margin: 2px auto 0px auto;
}

.media_thumb .scrollable {
	width: 380px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a {
	float:left
	width: 160px;
	cursor:pointer;
	padding-left: 20px;
	padding-right: 20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.media_thumb .scrollable a {
	float:left;
	padding: 2px;
	margin-left: 10px;
	background-color:#fff;
	border:1px solid #ccc;
	cursor:pointer;
	width: 100px;
	height: 60px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ }
a.right:hover 		{ }
a.right:active 	{ } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
tner