body{
margin:0;
padding:0;
font-family:Myriad Pro, Arial, Helvetica, sans-serif ;
font-size:20px;
background-color:#fbe7bb;

}


*{
margin:0;
padding:0;
}

#wraper{
width:100%;
height:auto;
margin:auto;}

#top_header{
width:100%;
height:auto;
margin:auto;}

#menu_bar{
clear:both;
width:100%;
height:60px;
margin:auto;
background-color:#ffae00;}

#social_links{
clear:both;
width:100%;
height:47px;
margin:auto;
background-image:url(images/social_bg.jpg);
background-repeat:repeat-x;
}


#gursikh_academy{
width:1200px;
height:174px;
margin:auto;}

#logo{
width:167px;
height:174px;
float:left;
}

#academy_name{
width:870px;
height:174px;
float:left;
}


#khanda{
width:163px;
height:174px;
float:left;}

#header_bgtop{
clear:both;
width:100%;
height:26px;
margin:auto;
background-image:url(images/header_bg_top.jpg);
background-repeat:repeat-x;
}

#slider{
width:1199px;
height:405px;
margin:auto;
border: 1px solid #000033;}

#header_bgdn{
clear:both;
width:100%;
height:670px;
margin:auto;
background-image:url(images/header_bg_down.jpg);
background-repeat:repeat-x;}

#middle{
clear:both;
width:1200px;
height:auto;
margin:auto;
padding-top:46px;
text-align:center;
}

#first{
width:334px;
height:570px;
float:left;
border:1px solid  #cfcece;
background-color:#fff;
box-shadow: 2px 1px 7px #4e4e4e;
padding-left:18px;
padding-right:18px;
padding-top:18px;
}

#space{
width:42px;
height:546px;
float:left;}

#img{
width:316px;
height:216px;
border:9px solid #d4d5d5;}

#heading{
padding-top:20px;
font-size:28px;
color:#373737;
font-weight:bold;
text-align:center;

}

#text{
padding-top:10px;
text-align:center;
font-size:20px;
color:#6e6e6e;
}

#btn{
margin:auto;
width:38px;
height:33px;
}

#title{
clear:both;
width:100%;
height:auto;
margin:auto;

}

#left{
width:20%;
height:30px;
float:left;
border-bottom:1px solid #373737;}


#midd{
width:60%;
height:60px;
float:left;
text-align:center;
line-height:60px;
color:#000b75;
font-size:45px;
font-weight:bold;}


#footer{
clear:both;
width:100%;
height:147px;
margin:auto;
background-color:#373737;
padding-top:15px;
}

#copyright{
clear:both;
width:100%;
height:85px;
line-height:85px;
margin:auto;
background-color:#000;
text-align:center;
font-size:30px;
font-weight:bold;
color:#fff;
}

#design{
clear:both;
width:100%;
height:50px;
line-height:50px;
margin:auto;
text-align:center;
color:#fff;}

#design a{
color:#CC6600;
text-decoration:none;}

#design a:hover{
color:#fff;}

#marquee{
clear:both;
width:100%;
height:50px;
line-height:50px;
margin:auto;

background-color:#000b75;
}

#marquee_text{
width:1200px;
margin:auto;}

#img2{
width:300px;
height:225px;
float:left;}
#img3{
width:300px;
height:225px;
padding-left:20px;
float:left;
padding-right:20px;}

#img4{
width:240px;
height:225px;
padding-left:20px;
float:left;
}

#content{
clear:both;
width:1200px;
height:auto;
margin:auto;}

#left_side{
width:720px;
height:auto;
text-align:left;
padding-right:30px;

float:left;}


#right_side{
width:450px;
height:auto;

float:left;}

#left_side2{
width:860px;
height:auto;
text-align:left;
padding-right:40px;

float:left;}


#left_side3{
width:560px;
height:auto;
text-align:center;
padding-left:20px;
padding-right:20px;


float:left;}

#right_side2{
width:300px;
height:auto;

float:left;}

#midd_space{
width:100px;
height:700px;

float:left;}



#left2{
width:15%;
height:30px;
float:left;
border-bottom:1px solid #373737;}


#midd2{
width:70%;
height:60px;
float:left;
text-align:center;
line-height:60px;
color:#000b75;
font-size:45px;
font-weight:bold;}

#left3{
width:35%;
height:30px;
float:left;
border-bottom:1px solid #373737;}


#midd3{
width:30%;
height:60px;
float:left;
text-align:center;
line-height:60px;
color:#000b75;
font-size:45px;
font-weight:bold;}

#midd4{
width:30%;
height:60px;
float:left;
text-align:center;
line-height:60px;
color:#000b75;
font-size:30px;
font-weight:bold;}

#left_side2 a {
    text-decoration: none;
    color: #000b75;
}

#left_side2 li {
    list-style: inside;
    line-height: 30px;
    text-decoration: none;
}

#title2{
clear:both;
width:300px;
height:40px;
float:left;
text-align:center;
line-height:40px;
background-color:#0000FF;
color:#FFFFFF;
}

#side_img{
clear:both;
width:300px;
height:225px;
float:left;
text-align:center;
}

#clear{
clear:both;
width:300px;
height:20px;
float:left;}

#clear2{
clear:both;
width:300px;
height:50px;
float:left;}

#left_side a{
color:#000000;
text-decoration:none;}

#left_side a:hover{
color:#CC6600;
}