html { width:100%; height:100%; }

body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font:normal 62.5%/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#4f4f4f; background:#fff;
}
/* ---------- ---------- ---------- ---------- ---------- */

#schedule{
	overflow:hidden;
	padding:0 0 9px 0;
	height:35px;
	border-bottom:2px solid #DFDFDF;
	background-color:#000;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	}
	#schedule h3{
		float:left;
		margin:12px 0 0 25px;
		width:80px;
		font-size:11px;
		line-height:1.1;
			font-weight:normal;
		}
		#schedule h3 span{
			color:#808080;
			margin:0 20px 0 0;
			font-weight:normal;
			}
	#schedule dl{
		padding:0px 0 0 0;
		font-size:13px;
		line-height:1.2;
		overflow:hidden;
		}
	#schedule dt{float:left;margin:0 0 0 22px;}
	#schedule dd{
		float:left;
		color:#B3B3B3;
		font-size:11px;
		vertical-align:super;
		margin:0 0 0 10px;
		}
	#schedule a{color:#FFF;text-decoration:underline;}
	#schedule a:hover{color:#FFF;text-decoration:none;}
	#schedule .isubscribe {float:right; padding-right:26px;padding-top:14px;}
        #schedule .isubscribe img {float:left;padding-left:7px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#allc {
margin:20px 40px 0px 0px;
width:100%;
}

a { color:#1A4F70; text-decoration:underline; }
a:hover { text-decoration:none; }

.tm {
padding-top:15px;
}


.login {
padding-left:0px;
}

.login-auth {
padding-left:2px;
}


.login-link {
margin-right:12px;
}

.login-link a {
font-family: Arial;
font-size: 11px;
color: #666; 

}
/* articles */
#video, #podcast, #present, #rubrics, #tags {
float:left;
margin:0px;
padding:10px;
border-left:1px solid #D5ECF5;
cursor:pointer;
background:url(/img/media-tab-bg.gif) repeat-x bottom left;
}


#video-c,  #podcast-c, #present-c{
width:425px;
}

#media-tab, #navigation-tab {
width:425px;
margin:0px;
padding:0px;
font-size:12px;
color: #666;
font-weight:bold;
height:35px;
border-bottom: 1px solid #D5ECF5;
}


#media, #navigation {
margin-bottom:20px;
width:425px;
float:clear;
}


#rubrics-c, #tags-c {
padding:10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.content { padding:20px 20px 80px 50px; font:1.2em/1.3 Arial; color:#000; }
.content h1 { padding: 0px; margin:0px; font:bold 1.44em Arial; }


.content h1.guru { background:url(/img/card/st-guru.jpg) no-repeat top left; padding-left:24px; padding-bottom:0px; padding-top:0px; font:bold 1.44em Arial; }
.content h1.member { background:url(/img/card/st-member.jpg) no-repeat top left;  padding-left:34px;  padding-bottom:0px; padding-top:0px; font:bold 1.44em Arial; }
.content h1.reg { background:url(/img/card/st-reg.jpg) no-repeat top left;  padding-left:44px; padding-bottom:0px; padding-top:0px; font:bold 1.44em Arial; }

.content h2 { padding:0px; margin:0px; font:bold 1.2em Arial; }
.content .h2style {font:1.2em Arial;}
.content h3 { padding-bottom:0px; padding-top:0px; font:bold 1.2em Arial;  }
.content p {margin-bottom:20px; margin-top:0px;}

.category { overflow:hidden; } /* fixed for IE in hacks.css */
.name-category {float:left; width:146px; padding-left:20px; }
.sub-category { width:100%; float:left; margin-left:-198px; }
.content-category { overflow:hidden; margin-left:198px; float:left; } /* fixed for IE in hacks.css */

.center-column { width:60%; float:left; }
.right-column { width:40%; float:left; } /* fixed for IE in hacks.css */

.inner-content { width:66%; float:left; }
.inner-right { width:34%; float:left; } /* fixed for IE in hacks.css */

.profy { width:20%; float:left; padding-bottom:24px; font:1.1em Tahoma; } /* fixed for IE in hacks.css */
.profy-content { padding:9px 30px 0 0; color:#707070; }
.profy-content img { display:block; margin:0 0 8px 1px; }
.profy-content  h5 { padding-bottom:12px; font:1.27em Arial; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { clear:left; width:100%; font:1.1em Tahoma; color:#666;padding-top:20px;} 

.contact { float:left; }
.contact { padding:15px 0 0 50px; }
.contact a { color:#666; }


.counters {  float:right; }

p {line-height:1.6;}

.art-author {
font-size:90%;
color: #666;
padding-bottom: 5px;
}

.art-author a {
color: #666;
}

.non-acl {
border: 1px dotted #999;
background-color: #eaeaea;
padding:15px;
}

img {
border: none;
}

#register input {
margin-bottom:10px;
width:180px;
}
/* ---------- ---------- ---------- ---------- ---------- */

#menu ul {margin:0px;padding:0px;}

#menu{
	overflow:hidden;
	font:14px/1 Arial,Helvetica,sans-serif;
	margin:0 0 30px 49px;
	}
	#menu li{
		float:left;
		margin:0 8px 0 0;
		}
		#menu li a{
			float:left;
			color:#2881AA;
			text-decoration:underline;
			padding:23px 16px 12px 16px;
			background:url(../img/menu-bg.gif) no-repeat 16px 10px;
			}
		#menu li a:hover{
			color:#549727;
			text-decoration:underline;
			border:1px solid #D3D3D3;
			padding:22px 15px 11px 15px;
			background:#FFF url(../img/menu-bg-a.gif) no-repeat 15px 9px;
			}
		#menu li.active a{
			border:1px solid #D3D3D3;
			background:#EFEFEF url(../img/menu-bg-a.gif) no-repeat 15px 9px;
			font-weight:bold;
			color:#549727;
			text-decoration:none;
			padding:22px 15px 11px 15px;
			}
		#menu li.active a:hover{
			text-decoration:none;
			font-weight:bold;
			background:#EFEFEF url(../img/menu-bg-a.gif) no-repeat 15px 9px;
			}