body
{
background-image: url('img/body.jpg');

font-family: Georgia, Serif;
 
}
#wrapper
{
width:1080px;
margin:0 auto;
padding:10px;
border:1px solid #BFBFBF;
background-color:#fff;
}
.textwrapleft
{
margin:10px;
float:left;
}
.textwrapright
{
margin:10px;
float:right;
}

#banner
{
height:300px;
border:1px solid #BFBFBF;
}
#navigation
{
height:40px;
border:1px solid #BFBFBF;
}
#content_area
{
float:left;
width:760px;
margin:20px 0 20px 0;
padding:10px;
border:1px solid #BFBFBF;
}
#news
{
float:right;
width:250px;
height:400px;
margin:20px 0 20px 0;
border:1px solid #BFBFBF;
background-color:#FFFFFF;
}
#footer
{
clear:both;
width:auto;
height:40px;
margin-top:20px;
border:1px solid #E3E3E3;
background-color:#B4FAA9;
}
p
{
line-height:1.5em;
text-align: justify;
color:#003300;
}
h1,h2,h3
{
color:#660000;
}
.img_products
{
height:200px;
width:270px;
}

/*css for image gallary*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

a:link 
{
	color:blue ;
	text-decoration :none;
}      /* unvisited link */
a:visited {color: blue;}  /* visited link */
a:hover {color:#FF0000;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

.courseTable
{
    width: 750px;
    height: 250px;
    margin: 10px 0px 10px 0;
    border: 3px solid #E3E3E3;
    border-radius: 10px;
    moz-border-radius: 10px;
    background-color:#E3E3E3;
    font-size:small;
}

.courseTable tr th, .courseTable tr td
{
    text-align: left;
    padding: 0px 5px 0 5px;
    font-size:small;
}

.courseTable img
{
    padding: 0px 10px 10px 10px;
    height: 150px;
    width: 150px;
}
/*css for image gallary*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}