body {
padding : 0;
margin : 0;
font : 75% tahoma, "Trebuchet MS", sans-serif;
line-height : 1.5em;
background : #c3d9c3 url(images/bg.jpg) repeat-y top center;
color : #666;
}
#container {
width : 760px;
margin : 0 auto;
padding : 0;
border: 5px solid #fff;
}
			/*BANNER*/
#banner {
padding : 0;
margin-top : 0;

height : 130px;
background:  #c3d9c3; url(images/iitglogo.svg) no-repeat right center;
#background : #5a8f57 url(images/iitglogo.svg) no-repeat right center;
}
#banner h1 {
float :inherit;
margin-top : 0;
text-align: center;
letter-spacing : 3px;
font-size : 110%;
padding : 10px 5px 0 0;
color : #721108;
}
#banner h2 {
float :inherit;
margin-top : 0;
text-align: center;
letter-spacing : 3px;
font-size : 210%;
padding : 10px 5px 0 0;
color : #000;

}

#banner h3 {
float :inherit;
margin-top : 0;
text-align: center;
letter-spacing : 3px;
font-size : 110%;
padding : -5px 5px 0 0;
color : #0222F5;
}
			/*TOP NAV*/
#navbar ul {
float : left;
width : 760px;
padding : 0 0 0 0;
margin : 0;
list-style-type : none;
font-size : 110%;
text-align : center;
border-top : 5px solid #fff;
border-bottom : 5px solid #fff;
background : #92cc8f;
color : #000;
}
#navbar ul li {
display : inline;

}
#navbar li a{
float : left;
width : 100px;
text-decoration : none;
color : #000;
background : #92cc8f;# url(images/square.gif) no-repeat left center;
padding : 0.5em 1em;
}
#navbar a:hover {
background : #5a8f57;# url(images/square.gif) no-repeat left center;
color : #fff;
}

			/*MAIN CONTENT*/
#content {
width : 500px;
padding : 1em;
margin-left : 220px;
}

#content h2{
text-align: left;
padding : 5px 0 0 0;
margin-left : 0px;
}
#content p{

padding : 5px 0 0 0;
text-align: justify;
margin-left : 0px;
}
			/*SIDEBAR*/

#sidebar {
float : left;
width : 200px;
padding : 1em;
#padding : 1em;
margin-top : 0;
}
#sidebar .topper img{
float : left;
width : 120px;
padding :5px 5px 5px 20px;
#padding : 1em;
margin-top : 0;
}
#sidebar h2{
float : left;
width : 200px;
padding : 20px 10px 10px;
margin-top : 0;
}
#sidebar .news {
float : left;
width : 150px;
padding : 1em 1em;
margin : 0;
list-style-type : none;
font-size : 110%;
text-align : center;
border-top : 5px solid #fff;
border-bottom : 5px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
background :#92cc8f;
color : #000;
}
#sidebar .news h2{
float : left;
width : 150px;
padding : 1em ;
margin : 0;
list-style-type : none;
font-size : 110%;
text-align : center;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background :#fff;
color : #000;
}
#sidebar .navlist ul{
float : left;
width : 150px;
padding : 1em;
margin : 0;
list-style-type : none;
font-size : 110%;
text-align : left;
border-top : 5px solid #fff;
border-bottom : 5px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
background :#92cc8f;
color : #000;
}

#sidebar .navlist ul li a{
float :left;
width : 10em;
text-align: left;
text-decoration : none;
color : #000;
border-top: 1px solid #C7C5C8;

#background : #92cc8f url(images/square.gif) no-repeat left center;
padding :0.6em 0.1em;
}
#sidebar .navlist ul li a:hover {
background : #5a8f57;# url(images/square.gif) no-repeat left center;
color : #fff;
}			/*BOTTOM*/
#bottom {
clear : both;
height : 200px;
padding : 5px;
margin-top : 5px;
margin-bottom : 35px;
background : inherit;
}
#bottom img{

padding : 25px 20px 15px 300px;

}
#bottom h2{
text-align: center;
padding : 5px 10px 0px 10px;

}
#bottom p{
text-align: center;
padding : 0 -5px 0 0px;

}

			/*FOOTER*/
	
#footer h1 {
letter-spacing : 2px;
font-size : 110%;
margin-left : 40px;
color : #c7d9c3;
}
#footer p {
text-align: center;
font-size : 90%;
padding : 0 0 0 10px;
color : #c7d9c3;
}
#footer {
padding : 0px;
margin-top : 5px;
border-top : 5px solid #fff;
background : #5a8f57;
height: 60px;
}
#footer a, a:visited {
color : #333;
background : inherit;
text-decoration : underline;
}
#footer a:hover {
color : #92cc8f;
background : inherit;
text-decoration : none;
}
			/*FOOTER COLUMNS*/
.col3, .col3center {
float : left;
width : 33%;
margin-bottom : 20px;
}
.col3center {
margin : 0;
}
			/*LINKS*/
a:link, a:visited {
color : "blue";
background : inherit;
text-decoration : underline;
}
a:hover {
color : #143d55;
background : inherit;
text-decoration : none;
}
a img {
border: 0;
}
ul li {
list-style-type : none;
}

			/*TYPOGRAPHY*/
h2 {
letter-spacing : 3px;
font-size : 130%;
padding : 10px;
color : #5a8f57;
}
blockquote {
padding : 5px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}
ht0 {
letter-spacing : 1px;
font-size : 80%;
padding : 5px;
color : #3EA18C;
}

ht1 {
letter-spacing : 1.5px;
font-size : 100%;
padding : 5px;
color : #Black;
}


			/*CLASS*/
.imgleft {
float : left;
padding : 10px;
}
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}