#main-wrapper
{
 background: url("../images/noticeboard.png") no-repeat scroll 0 0 transparent !important;
 height: 813px;
 margin-top: 31px;
 overflow:hidden;
}

h2 a:link, a:visited {
    color: black !important;
    text-decoration: none;
}


#note0
{
 width: 94px !important;
 height: 74px !important;
 background: #E5E5E5 !important;
 margin: 75px 17px 17px;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#note1
{
 width: 134px !important;
 height: 63px !important;
 background: white !important;
 margin: 75px 17px 17px 0;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}


#note2
{

 width: 133px !important;
 height: 133px !important;
 margin: 62px 17px 17px 297px;
 padding: 38px 0 0 18px;
 float:left;
 background: url("../images/yellowcircle.png") no-repeat scroll 0 0 transparent !important;
overflow: hidden
}

#note2 h2
{
padding-right:36px;
}


#note3
{
 width: 100px !important;
 height: 141px !important;
 padding-bottom:1px;
 background: red !important;
 margin: 62px 17px 17px 0;
 padding:15px;
 float:left;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#note4
{
 width: 153px !important;
 height: 95px !important;
 overflow: hidden;
 background: white !important;
 margin: 16px;
 padding:15px;
 float:right;
box-shadow: 6px 6px 6px #888;
}


#note5
{
 width: 153px !important;
 height: 95px !important;
 background: white !important;
 margin: 16px;
 padding:15px;
 float:right;
box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#note9
{
 width: 200px !important;
 height: 317px !important;
 background: white !important;
 margin: 17px;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}


#note10
{
 width: 200px !important;
 height: 317px !important;
 background: white !important;
 margin: 17px;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#note7
{
 width: 150px !important;
 height: 150px !important;
 background: white !important;
 margin: 10px 17px 17px;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#note8
{
 width: 150px !important;
 height: 150px !important;
 background: white !important;
 margin: 10px 17px 17px;
 padding:15px;
 float:left;
 box-shadow: 6px 6px 6px #888;
overflow: hidden
}

#postionbtn
{
  float: left;
  margin-top: 107px;
}



#postbtn {
    background: url("../images/newpost.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    text-indent: -9999px;
    height:45px;
    width:107px;
    margin-top: 107px;


}


#newoverlay {
   background-color: black;
   opacity: 0.5;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
}


/* use a semi-transparent image for the overlay */
  #customvishaloverlay {
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
  }

  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }


 #newvishaloverlay {
   background-color: grey;
   opacity: 0.7;
   width: 100%;
   height: 332%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
}

#vishalform {
  background-color: white;
  position:absolute;
  margin-top:244px;
  z-index: 1001;
  margin-left: 197px;
  padding: 29px;


}

#content-header{

  margin-top:-10px;
}


#vishalcross{
  background: url("../images/close.png") no-repeat scroll 0 0 transparent;
  width:26px;
  height:29px;
  float:right;
  margin-right: -40px;
  margin-top: -38px;
}