html,body {    	
	font-family:           		"Verdana", "arial";
	border:				0px;
	margin:				0px; 
	padding:			0px;
	font-size:             		10px;    	
	color:                 		#797979;    	
	background-color:      		#CECECE;    	
	margin-top:            		0px;    	
	margin-left:           		0px;    	
	text-align:            		left;	
	scrollbar-3dlight-color: 	#E7E7E7;	
	scrollbar-arrow-color: 		#D4D4D4;	
	scrollbar-base-color: 		#FFDEDE;		
	scrollbar-darkshadow-color: 	#E7E7E7;	
	scrollbar-face-color: 		#E7E7E7;	
	scrollbar-highlight-color: 	#D4D4D4;	
	scrollbar-track-color: 		#E7E7E7;	
	scrollbar-shadow-color: 	#D4D4D4;
	min-height:			100%;
  
}

#purkki {
	/* purkki */
	background-color:		transparent;
	border-spacing: 		0px;
	border-width: 			0px;
	border-style: 			solid;
	color:				black;
	margin:				auto auto;
	overflow:			hidden;
	width:				780px;
	height:				100%;
}




#sivupalkki {
	/* sivupalkki jonka sisällä navi*/
	float:			left;
	background: 	url('img/zag.png') no-repeat bottom;
	width: 			170px;
	height:			auto;
	background-color: 	#FF9999;
	padding:		0px;
	color:			white;
	border-style: 		solid;
	border-bottom:		2px;
	border-top:		2px;
	border-left:		2px;
	border-right:		2px;
	border-style: 		solid;
	border-color: 		black;
}

.navi {
	/* side link container */
	overflow: 		hidden;
	top: 			110px;
	width: 			162px;
	min-height:		250px;
	background-color: 	transparent;
	border-spacing: 	0px;
	border-width: 		0px;
	border-style: 		solid;
	padding:		4px;
	color:			black;
	font-family:           	"Verdana", "arial";
	font-size:             	12px;
	font-weight:	       	Bold;	
	letter-spacing:        	1pt; 
	line-height: 	        16px;	   
}

.summary {
	float:			top;
	width: 			580px;
	height:			auto;
	background-color: 	transparent;
	border-spacing: 	0px;
	border-width: 		0px;
	border-style: 		solid;
	border-color: 		white;
	padding:		5px;
	color:			black;
}

.sum-bordered {
	float:			top;
	width: 			578px;
	height:			auto;
	background-color: 	transparent;
	border-bottom:		1px;
	border-top:		0px;
	border-left:		0px;
	border-right:		0px;
	border-style: 		dotted;
	border-color: 		black;
	padding:		5px;
	color:			black;
}

#ala {
	margin:			auto auto;
	text-align: 		center;
	width: 			580px;
	height:			auto;
	background-color: 	transparent;
	border-spacing: 	0px;
	border-width: 		0px;
	border-style: 		solid;
	border-color: 		whiet;
	padding:		5px;
	color:			black;
	font-style:		italic;
}



#main {
	float:			right;
	width: 			590px;
	height:			auto;
	background-color: 	white;
	color:			black;
	line-height:		14px;
	border-bottom:		2px;
	border-top:		0px;
	border-left:		2px;
	border-right:		2px;
	border-style: 		solid;
	border-color: 		black;
}

#normalbum-main {
	/* albumin yksittäiskuvien pohjan muotoiluun */
	margin:			auto auto;
	text-align: 		center;
	width: 			700px;
	height:			auto;
	background-color: 	white;
	color:			black;
	line-height:		14px;
	border-bottom:		2px;
	border-top:		0px;
	border-left:		2px;
	border-right:		2px;
	border-style: 		solid;
	border-color: 		black;
}

#normalbum-box {
	margin:			auto auto;
	text-align: 		left;
	width: 			425px;
	background-color: 	transparent;
	border-spacing: 	0px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		black;
	padding:		5px;
	color:			#000000;
}


hr 	{	
width: 390px; 	
color: #D4D4D4; 	
height: 1px; 	
shade: no-shade; 	
}

ul 	{	
list-style-type: circle;	
list-style-position: outside;		
margin-left: 17px;		
}

.time	 {	
font-family:	       "Verdana", "Arial";	
font-size: 	       10px; 	
line-height: 	       16px;	
color:		       #797979;  	  
}

.diary	 {	
font-family:	       "Verdana", "Arial";	
font-size: 	       10px; 	
line-height: 	       16px;	
color:		       #797979;  	  
}

H4	 {	
font-family:	       "Verdana", "Arial";	
font-size: 	       12px; 	line-height: 	       
16px;	color:		       #797979;  	  
}

.quote {	
margin-bottom:            5px;    	
margin-left:           	10px;	
font-style:       	Italic;      
}

A:link.navi {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	#000000;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
	text-transform:		uppercase;
}

A:visited.navi {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	#000000;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
	text-transform:		uppercase;
}

A:hover.navi
{	font-family:           	"Verdana", "Arial";
	background-color:	white;
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	#000000;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
	text-transform:		uppercase;
}

A:active.navi {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	#000000;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
	text-transform:		uppercase;
}
A:link.navi-s {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	white;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
	text-transform:		uppercase;
}

A:visited.navi-s {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	white;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
}

A:hover.navi-s
{	font-family:           	"Verdana", "Arial";
	background-color:	white;
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	black;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
}

A:active.navi-s {	
	font-family:           	"Verdana", "Arial";
	font-size:             	14px;
	line-height: 	       	20px;
	color:                 	white;
	font-weight:	       	Bold;
	text-decoration:       	None;
	letter-spacing:        	1pt; 
	border-width: 		0px;
	padding:		0px;
}

A:link.bold {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 black;	
font-weight:	       Bold;	
text-decoration:       none;	
letter-spacing:        1pt;
	  
}

A:visited.bold {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 black;	
font-weight:	       Bold;	
text-decoration:       none;	
letter-spacing:        1pt;	  
}

A:hover.bold {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 black;	
font-weight:	       Bold;	
text-decoration:       underline;	
letter-spacing:        1pt;	  
}

A:active.bold {
font-family:           "Verdana", "Arial";	
font-size:             10px;	color:                 
black;	font-weight:	Bold;	
text-decoration:       none;	
letter-spacing:        1pt;	  
}    

.btn {	    
font-family:           "Verdana", "Arial";	    
color:                 #DDD18F;	    
background-color:      #FDF2CD;	    
font-size:             10px;	    
font-weight:           bold;	    
border-width:          1px;	    
border-style:          solid;	    
width:                 158px;	    
border:		   0;    
}

A:link {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 #000000;	
font-weight:	       Normal;	
text-decoration:       None;	
letter-spacing:        1pt; 	  
}

A:visited {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 #4E4E4E;	
font-weight:	     Normal;	
text-decoration:       None;	
letter-spacing:        1pt; 	  
}

A:hover {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 #797979;	
font-weight:	       Normal;	
text-decoration:       Underline;	
letter-spacing:        1pt; 	  
}

A:active {	
font-family:           "Verdana", "Arial";	
font-size:             10px;	
color:                 #797979;	
font-weight:	       Normal;	
text-decoration:       Underline;	
letter-spacing:        1pt; 	  
}    

.field {	    
font-family:           "Verdana", "Arial";	    
color:                 #a6a6a6;	    
width:                 280px;	    
background-color:      white;	    
font-size:             8pt;	    
border-width:          1px;	    
border-style:          solid;	    
border-color:          black;    
}    

.area {	    
font-family:           "Verdana", "Arial";	    
color:                 #a6a6a6;	    
width:                 320px;	    
height:                250px;	    
background-color:      white;	    
font-size:             8pt;	    
border-width:          1px;	    
border-style:          solid;	    
border-color:          black;    
}    

.area_summary {	    
font-family:           "Verdana", "Arial";	    
color:                 #a6a6a6;	    
width:                 280px;	    
height:                30px;	    
background-color:      white;	    
font-size:             8pt;	    
border-width:          1px;	    
border-style:          solid;	    
border-color:          black;    
}    

.btn {	    
font-family:           "Verdana", "Arial";	   
color:                 #000000;	    
background-color:      white;	    
font-size:             10px;	    
font-weight:           normal;	    
border-width:          1px;	    
border-style:          solid;	    
width:                 60px;	    
border:		      1;    
}

.cv-head
{
font-weight: 		Bold;
background-color:      	#FF9999;
height:			20px;
vertical-align:		center;
}

.cv-body
{
background-color:      	white;
height:			20px;
vertical-align:		top; 
}

.field_gbook {
	font-family:           "Verdana", "Arial";
	font-size:             10px;    
	color:                 black;
	width:                 300px;
	background-color:      white;
	border-width:          1px;
	border-style:          solid;
	border-color:          black;

    }

.area_gbook {
	font-family:           "Verdana", "Arial";
	font-size:             10px;    
	color:                 black;
	width:                 300px;
	height:			200px;
	background-color:      white;
	border-width:          1px;
	border-style:          solid;
	border-color:          black;

