/* CSS Document */
/*Body settings*/
body {
margin: 0px 0px 0px 0px;
background-color:#FFFFFF;
background-image:url(images/bgbackground001.jpg);
background-repeat:repeat-x;
height:1669px;
color:#FFFFFF;
}

/*Center wrapper*/
#wrapper{
width:900px;
height:980px;
margin: 0px auto;
padding: 0px;
} 
/*Header Image*/
#headerimage{
margin-top:5px;
margin-bottom:0px;
background-image:url(images/uni.png);
width:350px;
height:68px;
}
/*Main Image*/
#mainimage{
margin-top:4px;
background-image:url(images/serviceshead.jpg);
width:823px;
height:253px;
margin-left:25px;
}

#centerwhite{
background-image:url(images/bgservices.jpg);
width:837px;
height:1230px;
margin-left:25px;
}

#centergreen{
position:absolute;
margin-top:5px;
background-color:#FFFFFF;
/*background-image:url(images/bgcenterservice.jpg);*/
width:795px;
height:1200px;
margin-left:25px;
}
.blockclass{
height:200px;
font-size:small;
margin-left:35px;
}

/*********foooter********/
#footer{
position:absolute;
margin-top:1200px;
background-color:#66CC00;
background-image:url(images/footer.jpg);
width:819px;
height:52px;
margin-left:11px;
}


#footmenu ul {
margin-left:150px;
margin-top:0px;
margin-bottom:0px;

}
#footmenu ul li {
border-right:#999999 solid 1px;

width:75px;
list-style-type:none;
float:left;
padding:2px;
text-align:center;
font: normal 10px/2px Verdana, Arial, Helvetica, sans-serif;/*centerfold text*/
}
#footmenu ul li a{
text-decoration:none;
padding:4px;
color:#CCCCCC;
}

#footmenu ul li a:hover{
color:#009966;
}

#copyright {
	width:300px;
	position:absolute;
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;/*centerfold text*/
	color:#CCCCCC;
	left: 233px;
	top: 22px;
}
#copyright a{
text-decoration:none;
color:#999999;
}
#copyright a:hover{
color:#006666;
}
/****************Main Menu*****************/


#mainmenu ul {
margin-left:125px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#1D577D;
}

#mainmenu ul li {
background-image:url(images/tab.jpg);
background-repeat:no-repeat;
width:108px;
border-right:#1D577D solid 1px;
list-style-type:none;
float:left;

text-align:center;
font: normal 12px/35px Verdana, Arial, Helvetica, sans-serif;/*centerfold text*/
}
#mainmenu ul li a{
display: block;
text-decoration:none;
color:#CCCCCC;
height:37px;
padding: 0px;
}
#mainmenu ul li a:hover{

/*background-image:url(images/mouseover.jpg);*/
background-color:#FFFFFF;


}
#mainmenu ul li a:active{

background-image:url(images/active.jpg);
background-color:#FFFFFF;
color:#006666;
}

/****************End Main Menu**************************/
/*****menu holder*******/
#menuholder{
margin-top:18px;
margin-bottom:0px;
background-image:url(images/menuholder.jpg);
background-repeat:no-repeat;
background-color:#1D597E;
width:820px;
height:37px;
margin-left:25px;
}
/*********content**************/
#leftcontent{
float:left;
margin-top:50px;
width:450px;
text-align:justify;
margin-left:15px;
}


#leftcontent ul li{
list-style-type:none;
color:#666666;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#rightcontent{
margin-top:50px;
float:right;
margin-right:60px;
width:200px;
}



#rightcontent ul li{
list-style-type:none;

color:#666666;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

#rightcontent ul li a{
border:0px;
padding:0px;
}
/************Image Hover************/
.thumbnail{
position:relative;
z-index:0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}