body{
font-family:  Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000;
margin:0;
padding-left:10px;
padding-top:10px;
}

h1{
font-size:1.0em;
margin:0;
padding:0;
font-weight:normal;
}


body.pink{
background-image: url(img/BG_pink.png);
background-repeat: no-repeat;	
}

body.pinktrans{
background-image: url(img/BG.png);
background-repeat: no-repeat;	
}

body.green{
background-image: url(img/BG_green.png);
background-repeat: no-repeat;	
}


.nav{
	background-color:none;
	float:left;
	width:80px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px;
	padding-left:10px;
	padding-top:30px;
	margin-left: 0px;
}

.nav ul{

list-style:none;
margin:0px;
padding:0;

}

.nav ul li{
color:black;
}

.nav ul li.dotbot{
margin-bottom:20px;
}

.nav a{
color:inherit;
text-decoration:none;
}

.nav ul li.active{

text-decoration:none;
color: #000000; 

}

.nav .active.hello{
color:magenta;

}



.nav .active.work{
	color:#00FF00;
}

.nav .active.art{
color:magenta;
}




.nav .active.lib{
color:magenta;
}

.nav .active.contact{
color:magenta;
}

.nav ul li.space{
margin-bottom:12px;
}





.nav .dis{
margin-bottom:2px;
font-size:10px;
color:#cccccc;
}


.nav ul ul {
margin-top:20px;
}
.nav ul ul li{
}
/*___________content________*/


/* old_____________________________________________ */




.main{
    clear:both;
    width:1200px;
    height:550px;
}

/*
.nav{
	background: none;
	float:left;
	width:100px;
	height:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	padding-left:20px;
	padding-top:40px;
	margin-left: 0px;
}
*/

.maincontent{
	float:left;
	width:540px;
	margin-left: 20px;
}

.auxil{
	background: #FFFFFF;
	float:left
	width:180px;
	margin-left: 20px;
}

.window2{
	background: none;
	float:left;
	width:120px;
	height:400px;
	margin-left: 20px;
	padding-left:20px;
	padding-top:40px;
}



.window3{
	background: none;
	float:left;
	width:550px;
	height:1050px;
	margin-left: 50px;
	padding-left:80px;
	padding-top:30px;
}

.window4{
	background: none;
	float:left;
	width:550px;
	height:400px;
	margin-left: 80px;
	padding-left:80px;
	padding-top:30px;
}
.pic{
	background: none;
	float:left;
	width:200px;
	height:100px;
	padding-left:0px;
	padding-top:0px;
}

.text{
	background: #FFFFFF;
	float:left;
	width:500px;
	height:300px;
	padding-left:0px;
	padding-top:20px;
}

.container{
	float:left;
	width:500px;
	height:100px;
	padding-left:0px;
	padding-top:10px;
}


.contact1{
	background: #FFFFFF;
	float:left;
	width:120px;
	height:150px;
	margin-left: 20px;
	padding-left:20px;
	padding-top:40px;
}


.images{
	background: #FFFFFF;
	float:left;
	width:550px;
	height:700px;
	margin-left: 0px;
	padding-left:0px;
	padding-top:20px;
}

.imagesmain{
	background: #FFFFFF;
	float:left;
	width:550px;
	height:700px;
	margin-left: 20px;
	padding-left:20px;
	padding-top:20px;
}

/*text*/




.b{
text-decoration: none; 
color: #000000;  
font-size: 9px;
}

.b1{
text-decoration: none; 
color: #000000;  
font-size: 9px;
color:#FF00FF;
}

.small{
text-decoration: none; 
color: #000000;  
font-size: 9px;
color:#666666;
}





.mail{
text-decoration: none; 
color: #000000;  
font-size: 9px;
color:#660000;
}






.yo{
text-decoration: none; 
color: #000000;  
font-size: 20px;
color:#660000;
}







.disz{
text-decoration: none; 
color: #000000;  
font-size: 20px;
color:#999999;
}



/*a.new{
text-decoration: none; 
color: #FF33CC;
/*border-bottom:1px solid #00FF00; 
border-top:1px solid #FF33CC; 
 }
  */
 
 .hline{
 width:120px;
 height: 1px;
 border-top:1px dotted black;  
 }
 


.pagenav{
	background: none;
	float:left;
	width:120px;
	height:400px;
	margin-left: 20px;
	padding-left:20px;
	padding-top:30px;
 }



.pagenav a{
	text-decoration: none; 
	color:inherit;
 }


.pagenav2{
	float:none;
	width:auto;
	padding:0;
	margin:0;
 }