body{
color: #000;
background: #fff;
margin:0px;
padding:0px;
text-align: center;
}

#layout{
width: 700px;
padding: 0px;
margin: 0px auto;
height: 700px;
} 

#layoutl{
width: 700px;
padding: 0px;
margin: 0px auto;
height: 950px;
} 


#top{ 
width: 700px;
padding: 0px;
margin: 0px;
text-align: left;
}

#bar{
position: absolute;
top: 120px;
left: 20px;
width: 700px;
height: 33px;
margin: 0px;
padding: 0px;
list-style: none;
background: url('../images/dgnl.gif') repeat;
border: 1px solid #c0c0c0;
}

.menu{ 
float: left;
background: #fff;
border: 1px solid #ccc;
width: 120px;
left: 20px;
text-align: center;
margin: 3px 0px 3px 3px;
font: 16px Arial,sans-serif;
link=blue vlink=purple alink=red;
height: 25px;
}

.gallery{ 
float: left;
background: #fff;
border: 0px solid #ccc;
width: 445px;
left: 20px;
text-align: center;
margin: 3px 0px 3px 3px;
font: 16px Arial,sans-serif;
link=blue vlink=purple alink=red;
height: auto;
}

.gcol1{
width: 280px;
}

.gcol2{
width: 160px; 
}

#logo{position: absolute;top:25px;
font:100% Arial, sans-serif;
left: 180px;
height: 75px;
width: 500 px;
}


#pic{position: absolute;top:0px;
font:100% Arial, sans-serif;
left: 20px;
height: 120px;
width: 160 px;
}

#center{position: absolute; top: 180px;
font: 100% Arial,sans-serif;
left: 20px;
width: 450px;
text-align: left;
link=blue vlink=purple alink=red;
margin: 0px 10px 0px 0px;
}



#right{position: absolute;
top:180px;
font: 100% Arial, sans-serif;
left: 490px;
text-align: center;
margin: 0px 10px 0px 0px;
border-left: 1px solid #ccc;
width: 230px;
height: 230px;
link=blue vlink=purple alink=red;
}

#recent li{
list-style:none;
background: url('../images/dot.gif') no-repeat center left;
font-size: 12px Arial, sans-serif;
line-height: 24px;
text-align: left;
link=blue vlink=purple alink=red;
padding: 0px 0px 0px 14px;
}



a:link, a:visited{color:#0000ff; text-decoration:none}
a:hover{color:#ffffff; background-color:#0000ff;}