@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/body-gradient.png) repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
}

#topbar {
	background: url(../images/orange-gradient.png) repeat-x;
	height:25px;
}
#topbar #live{
	margin-right:50px;
	text-align: right;
	font-weight:bold;
	font-family: Trebuchet MS, Tahoma, sans-serif; 
}

#bottombar {
	background: url(../images/blue-gradient.png) repeat-x;
	height:25px;
}

#main2 {
	width: 100%; 
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* center the container */
	height: 100%; 
}

#main {
	width:851px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* center the container */
	height: 100%; 

}

#main #logo1 {
	position:relative;
	margin-left:-30px;
	z-index:2;
}

#main #logo2 {
	position:relative;
	margin-left:180px;
	z-index:2;
}

#main #canvas {
	background: url(../images/canvas.png) no-repeat center top;
	height:305px;
	padding-top:40px;
	padding-left:10px;	
	padding-right:10px;		
	margin-top:-35px;
}

#main #canvas table {
	width:100%;
}

#main #canvas td {
	text-align:center;
}

#main #canvas #link-courses {
	background: url(../images/text-courses.png) no-repeat center bottom;
	height:23px;
	/*padding-top:10px;*/
}

#main #canvas #link-learning {
	background: url(../images/text-learning.png) no-repeat center bottom;
	height:23px;
	/*padding-top:10px;*/
}

#main #canvas #link-multimedia {
	background: url(../images/text-multimedia.png) no-repeat center bottom;
	height:23px;
	/*padding-top:10px;*/
}

#main #canvas #link-gatka {
	background: url(../images/text-gatka.png) no-repeat center bottom;
	height:23px;
	/*padding-top:10px;*/
}

#main #canvas #link-support {
	background: url(../images/text-support.png) no-repeat center bottom;
	height:23px;
	/*padding-top:10px;*/
}

#main #canvas td img {
	border:#f7c731 solid;
}

#main #canvas td {
	padding-bottom: 10px;
}

.small-box {
	background: none; 
	width:270px;
}

.small-box .small-heading {
	background: url(../images/small-box-heading.png) no-repeat;
	text-align:center;
}

.medium-box {
	background: none; 
	width:550px;
}

.medium-box .medium-heading {
	background: url(../images/medium-box-heading.png) no-repeat;
	text-align:center;
}

.box-content {
	padding: 15px 30px 15px 30px; 
	font-size: 10pt; 
}


#main #events {
margin-top: 0px; 

vertical-align: top; 
	margin-bottom:50px;
	float: right; 
}

#main #events .small-heading h1 {
	background: url(../images/text-upcoming.png) no-repeat center bottom;
	height:35px;
}

#main #students {
	height:200px;
	float: right; 
}

#main #students .small-heading h1 {
	background: url(../images/text-students.png) no-repeat center bottom;
	height:35px;
	
}

#main #students #star {
	float:right;
	position:relative;
	top:-70px;
	left:0px;
}

#main #students .box-content {
	position:relative;
	left:67px;
}

#main #announcements {

	float:left;
}

#main #announcements .medium-heading  h1 {
	background: url(../images/text-annoucements.png) no-repeat center bottom;
	height:35px;
}


.clear {
	clear:both;
}

.hide {
	display:none;
}


/* Content */
#main #content {
	background: white;
	height: 500px;
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #contact {
	background: white url(../images/banner-contact.png) no-repeat center top;
	/*height: 500px;*/
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #courses {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #gurmukhi {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #gatka {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #santhiya {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #history {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #schedule {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #keertan {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #katha {
	background: white url(../images/banner-courses.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #about {
	background: white url(../images/banner-about.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #multimedia {
	background: white url(../images/banner-multimedia.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #support {
	background: white url(../images/banner-multimedia.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #blog {
	background: none;
	background-color: #ffffff; 
	height: 1600px;
	padding-top:10px;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:10px;
	width: 850px; 
	
}

#main #coming {
	background: white url(../images/banner-coming.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #learning {
	background: white url(../images/banner-learning.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

#main #learngurmukhi {
	background: white url(../images/banner-learning.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}
	
#main #learnsanthiya {
	background: white url(../images/banner-learning.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}
	
#main #learnkeertan {
	background: white url(../images/banner-learning.png) no-repeat center top;
	height: 500px;
	padding-top:113px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:-35px;
}

h2 {
font-size:11pt; 
font-family: Trebuchet MS, Tahoma, sans-serif; 
}
p {
padding:0;
margin-top: 1em;
margin-bottom: 1em;
}

* { margin: 0; padding: 0; }
#courseleft { float: left; width: 30%; }
#courseright { float:left; width: 70%; }
.clear { clear: both; }
.v-menu{
	border:solid 1px #7F9FBF;
	width:200px;
	clear:both;
}
	ul.v-menu, .v-menu li{
		padding:0; 
		margin:0;
		list-style:none;
	}
	ul.v-menu{
		clear:both;
		margin-top:6px;
		padding:6px 10px;
	}
		.v-menu li a{
			color:#555555;
			font-weight:bold;
			display:block;
			border-top:solid 1px #DEDEDE;
			padding:4px;
			text-decoration:none;
		}
		.v-menu li a:hover{
			color:#999999;
		}