
html{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans;
}

body{
margin: 0;
padding: 0;
background: #ffffff url(images/backgrad.png) repeat-x;
}

img {
border:none;
}

#column{
width:900px;
margin:auto;
margin-top: 20px;
background-color: #ddd;
}

#feature{
background: transparent url(images/feature1.png) repeat-y;
height: 300px;

}

#featureTop {
width: 100%;
height: 150px;
}

#featureBottom {
width: 100%;
height: 100px;
}

#menu {
width: 100%;
height: 50px;
background:  transparent url(images/menugrad.png) repeat-x;
overflow: hidden;
}

#menu ul{
padding: 0;
margin: 0;
height:50px;
}
#menu li{
list-style: none;
display: inline;
padding: 0 21px 0 21px;
height:50px;
width:100px;

}



.menuimg:hover{
background: transparent url(images/menuhvr.png) no-repeat top center;
}




#contumns {
width: 100%;
display: block;
margin-top:20px;
height: 320px;
}

.contumn {
width: 280px;
margin: 0 10px 0 10px;
display:inline;
float:left;
height:300px;
background: transparent url(images/contumn.png) no-repeat;
}

.contumnhead {
height: 25px;
padding-top:3px;
padding-left: 10px;
color: #fff;
font-size:20px;
font-weight: bold;
overflow:hidden;
}

.contumnbody {
height: 275px;
padding: 10px 10px 10px 25px;
overflow:auto;
font-size:11px;
}

.contumnbody ul {
padding: 0;
margin: 0;
}


.contumnbody li {
padding: 0;
margin:0;	
margin-bottom: 30px;
list-style: none;

}


#footer {
text-align: center;
font-size: 9px;
padding-bottom: 10px;
}

#topBar {
width:100%;
height: 20px;
color: #fff;
font-size: 11px;
padding-top:4px;
background-color: #000;
}



#topBar a:link{
color: #ddd;
}


.spanRight {
padding-right:20px;
float:right;
}

#topBar a:hover{
color: #0f0;
}

#topBar a:visited{
color: #aaa;
}


.spanLeft {
padding-left:20px;
	float:left;
}

#mainContent{
height:280px;
width:860px;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
overflow:auto;
background-color:#e9e9e9;

}

