h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}

input.button {
	cursor: pointer; 
	cursor: hand;
	
	border: 1px solid #959595;
	background: #E8E8E8;
	
	font-weight: bold;
	color:#424242;
	
	padding: 0px 6px 0px 6px;
}


img, fieldset {border: none;}

body {
  background: #EFEFEF url("../img/bg_page.gif") repeat-x scroll center top;
  font: 11px/14px Tahoma, Verdana, sans-serif;
  color: #000;
  padding: 10px 0px 5px 0px;
}

input{
	border: 1px solid #959595;
	background: #FAFAFA;	
}


a {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;  
}

a:hover {
 text-decoration: underline;  
}



label{
	height: 30px;
	
}





.panel_title{
   color: #4D5861;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
	text-decoration: underline;
}









#wrapper {
  width: 1000px;
  margin: 0 auto;
}

.main_frame_tl{
	background: url("../img/main_frame/frame_tl.gif") no-repeat left top;
}

.main_frame_tr{
  background:url("../img/main_frame/frame_tr.gif") no-repeat right top;
}


.main_frame_tl1{
	background: url("../img/main_frame/frame_tl1.gif") no-repeat left top;
}

.main_frame_tr1{
  background:url("../img/main_frame/frame_tr1.gif") no-repeat right top;
}

.main_frame_bl{
	background: url("../img/main_frame/frame_bl.gif") no-repeat left bottom;
}

.main_frame_br{
  background:url("../img/main_frame/frame_br.gif") no-repeat right bottom;
}



.cont_part{
	background: #FFF4AD url("../img/cont_bg.png") repeat-x scroll center top;
	padding-left:10px;
	padding-right:10px;
}

.c {
  margin: 0 auto;
}


#flash {  
  background: url("../img/logo.jpg") no-repeat center top;  			
  height: 410px;
  overflow: hidden;
}

#search {
  width: 510px;
  margin-left: 263px;
  color: #FFF;
  height: 35px;
  position: relative;
}
#search form {
  height: 35px;
 
}
#search fieldset {padding-left: 73px;}

.h-inp {
  border: 1px solid #3B3B3C;
  border-width: 1px 0 0 1px;
  display: block;
  position: relative;
}
.h-inp span {
  border: 1px solid #020206;
  display: block;
  background: #020206;
  opacity: .5;
}
.h-inp input {
  width: 100%;
  border: none;
  background: transparent;
  color: #999;
}

#search .h-inp {
  float: left;
  width: 348px;
  margin: 0 11px 0 0;
}
#search .h-inp input {
  padding: 2px 0;
  //color: #515153;
}
#search .button {
  float: left;
  margin-top: 5px;
  //margin-top: 6px;
  color: #FFF;
}

#search .decor-l {
  position: absolute;
  top: 0;
  left: -181px;
  width: 181px;
  height: 35px;

}
#search .decor-r {
  position: absolute;
  top: 0;
  right: -181px;
  width: 181px;
  height: 35px;

}

#login-prep {
  margin-left: 366px;
  width: 296px;
  height: 172px;
  position: relative;
  z-index: 5;

}
#login-area {
  margin: -172px 0 0 366px;
  width: 296px;
  height: 172px;
  position: relative;
  color: #FFF;
  z-index: 7;
}
#login-prep .decor-l {
  position: absolute;
  top: 0;
  left: -284px;
  width: 284px;
  height: 122px;

}
#login-prep .decor-r {
  position: absolute;
  top: 0;
  right: -262px;
  width: 262px;
  height: 122px;

}
#login-area .h-inp {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}
#login-area .h-inp input {
  font: bold 10px Tahoma, Verdana, sans-serif;
  padding: 2px 0;
  //color: #3C3C3C;
}
#login-area form {
  padding: 41px 51px 0;
  text-align: center;
}
#login-area .button {
  color: #FFF;
  top: -5px;
  position: relative;
}

#login-area .signup {
  position: absolute;
  top: 144px;
  left: 50%;
  margin-left: -26px;
}
#login-area a {color: #FFF;}






#menu {

}


#menu ul {
 padding: 0px 10px 0px 10px;
 text-align: center;
}

#menu ul li {
  display: inline;
  padding: 0px 8px 0px 7px;
  line-height: 24px;
}

#menu ul li a {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;  
}

#menu ul li a:hover {
 text-decoration: underline;  
}


/* panel1 ******************************************************************************/
.panel1			{background: #7B8791;}
.panel1_t	 	{background: url('../img/panel1/t.png') top repeat-x;}
.panel1_b	 	{background:url('../img/panel1/b.png') bottom repeat-x;}
.panel1_l	 	{background:url('../img/panel1/l.png') left repeat-y;}
.panel1_r	 	{background:url('../img/panel1/r.png') right repeat-y;}
.panel1_tr 	{background:url('../img/panel1/tr.png') top right no-repeat;}
.panel1_tl 	{background:url('../img/panel1/tl.png') top left no-repeat;}
.panel1_br 	{background:url('../img/panel1/br.png') bottom right no-repeat;}
.panel1_bl 	{background:url('../img/panel1/bl.png') bottom left no-repeat;}

.panel1_cont{
  width: auto !important;
  width: 100%;
}

/* panel ********************************************************************** END ***/

/* panel2 ******************************************************************************/
.panel2{background: #FBFBFB}
.panel2_t{background: url('../img/panel2/t.jpg') top repeat-x;}
.panel2_b{background:url('../img/panel2/b.jpg') bottom repeat-x; }
.panel2_l{background:url('../img/panel2/l.jpg') left repeat-y;}
.panel2_r{background:url('../img/panel2/r.jpg') right repeat-y; }
.panel2_tr{background:url('../img/panel2/tr.jpg') top right no-repeat;}
.panel2_tl{background:url('../img/panel2/tl.jpg') top left no-repeat;}
.panel2_br{background:url('../img/panel2/br.jpg') bottom right no-repeat; }
.panel2_bl{background:url('../img/panel2/bl.jpg') bottom left no-repeat;}

.panel2_cont{
  width: auto !important;
  width: 100%;
}
/* panel2 ********************************************************************** END ***/


/* panel2a ******************************************************************************/
.panel2a{background: #FBFBFB}
.panel2a_t{background: url('../img/panel2a/t.jpg')  top repeat-x;}
.panel2a_b{background: url('../img/panel2a/b.jpg')  bottom repeat-x;}
.panel2a_l{background: url('../img/panel2a/l.jpg')  left repeat-y;}
.panel2a_r{background: url('../img/panel2a/r.jpg')  right repeat-y;}
.panel2a_tr{background:url('../img/panel2a/tr.jpg') top right no-repeat;}
.panel2a_tl{background:url('../img/panel2a/tl.jpg') top left no-repeat;}
.panel2a_br{background:url('../img/panel2a/br.jpg') bottom right no-repeat; }
.panel2a_bl{background:url('../img/panel2a/bl.jpg') bottom left no-repeat;}

.panel2a_cont{
  padding: 8px;
  
  width: auto !important;
  width: 100%;
}
/* panel2a ********************************************************************** END ***/



#videos-prep {
  height: 253px;
  overflow: hidden;
  background: url("../img/videos-bg.png") no-repeat 197px 0;
  margin: -83px 0 0 58px;
  position: relative;
  z-index: 8;
  width: 917px;
}
#videos-prep .in {
  height: 253px;
  background: url("../img/videos-in-bg.png") no-repeat 0 47px;
}

#videos {

}

#videos h2 {
  padding: 38px 0 20px 358px;
}
#videos ul {
  zoom: 1;
  padding-left: 90px;
  overflow: hidden;
}
#videos ul li {
  float: left;
  display: inline;
  margin-right: 57px;
  width: 142px;
  background: url("../img/videos-item-bg.png") no-repeat 0 0;
}

#videos .img {
  position: relative;
  display: block;
  margin: 14px 0 22px 22px;
  width: 101px;
}

#videos .img img {display: block;}
#videos ul li span {text-align: center; display: block;}
#videos a {color: #000; font-weight: bold;}
#videos {color: #81511C;}
#videos .img i, #videos .img b {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 101px;
  height: 91px;
  //cursor: pointer;
}
#videos .item01 i {background: url("../img/videos-corners01.png");}
#videos .img b {background: url("../img/videos-play.png");}
#videos .item02 i {background: url("../img/videos-corners02.png");}
#videos .item03 i {background: url("../img/videos-corners03.png");}
#videos .item04 i {background: url("../img/videos-corners04.png");}



#class {
  margin: -103px 0 0 159px;
  position: relative;
  z-index: 9;
  width: 739px;
}
#class .decor-t {
  height: 118px;
  background: url("../img/class-top-bg.png") no-repeat 0 0;
}
#class .in {
  height: 89px;
  padding-left: 25px;
  position: relative;
}
#class .decor-b {
  height: 66px;
}
#class .decor-l {
  position: absolute;
  top: 117px;
  left: -45px;
  width: 45px;
  height: 117px;
}
#class .decor-r {
  position: absolute;
  top: 119px;
  right: -27px;
  width: 27px;
  height: 116px;
}

#class dl dt {
  font-weight: bold;
  color: #3D3D3D;
}
#class dl dt, #class dl dd {margin-bottom: 8px;}
#class dl {padding-top: 12px;}
#class dd, #class dd a {color: #F1CA1A;}
#class .name {font-weight: bold;}
#class .left {
  float: left;
  width: 345px;
}
#class .right {
  float: right;
  width: 330px;
}
#class h2 {
  height: 15px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  left: 25px;
}


#members {

}
#members h2 {
  height: 44px;
  padding-left: 262px;
}
#members ul {position: relative; width: 100%; overflow: hidden;}
#members li {
  float: left;
  display: inline;
  margin-right: 42px;
  padding-bottom: 20px;
  width: 114px;
  position: relative;
  background: url("../img/members-bg.png") no-repeat 0 0;
}
#members li .img {
  display: block;
  width: 90px;
  height: 100px;
  position: relative;
  margin: 11px 0 18px 10px;
}
#members li .img i {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 100px;
  background: url("../img/members-item-bg.png");
  //cursor: pointer;
}

#members ul li span {display: block; text-align: center;}

#footer {
  vertical-align: middle;
  text-align: center;
  color: White;
}

#login-area .in {
  padding: 40px 0 0;
  text-align: center;
  color: #ADADAD;
}
#login-area strong {color: #FFF;}
#login-area .user-links {
  width: 227px;
  height: 31px;
  line-height: 31px;
  overflow: hidden;
  background: url("../img/user-links-bg.png");
  margin: 10px auto 0;
  
}
* html #login-area .user-links {
  background: none !important;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/user-links-bg.png", sizingMethod="crop");
}
#login-area .user-links a {
  font-weight: bold;
  position: relative;
  color: #56FDCC;
}
#login-area li {
  float: left;
  display: inline;
  padding: 0 15px 0 10px;
}
#login-area .invite {float: right !important; padding: 0 10px 0 0 !important;}