* {

	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #F5F5F5;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main{
	width: 980px;
	background-image: url(../images/middle.jpg);
	background-repeat: repeat-y;
}

#logo{
	height: 92px;
	width: 243px;
	float: left;
}
#top{
	height: 92px;
	width: 737px;
	float: right;
}

#menu{
	height: 34px;
	background-image: url(../images/menu.jpg);
}


#middle{
	background-image: url(../images/middle.jpg);
	background-repeat: repeat-y;
	width: 980px;
	min-height: 560px;
	_height: 560px;
}

#left{
	width: 192px;
	background-image: url(../images/left.jpg);
	float: left;
	height: auto;
	padding-left: 35px;
	padding-right: 15px;
	padding-top: 25px;
	text-align: center;
	line-height: 30px;
	font-size: 10pt;

}



#left img{
	border: 1px solid #003466;
	padding: 1px;
}

#left ul {
	list-style-image: url(../images/list.gif);;
}

#left ul li {

	font-size: 14px;
	font-weight: bolder;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	line-height: 15px;
	padding-bottom: 10px;


}


#left table tr td {
	text-align:center;
	vertical-align:middle;
}

#left ul li a,
#left table tr td a,
a,
#left a {
	color: #003366;
	text-decoration: none;
	text-align: left;
 

}

#left ul li a:hover,
#left table tr td a:hover,
a:hover,
#left a:hover {
	text-decoration: none;
	color:#FF0000;

}






#tresc{
	width: 688px;
	min-height:800px;
	float: right;
	background-image: url(../images/main.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	text-align: justify;
	line-height: 22px;
	font-size: 10pt;

}


h1{
	font-size: 12pt;
	font-weight: bold;
	color: #003366;
}
h2{
	font-size: 10pt;
	font-weight: bold;
	color: black;
}

#footer{
	height: 34px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#e1 {
	padding-top: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 955px;
	text-align: right;
}

#e1 a {
	color: black;
	text-decoration: none;
}

#e1 a:hover  {
	color: black;
	text-decoration: underline;
}

.img-shadow {
float:left;
background: url(../images/shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.l {
	float:left;
}
