/* CSS Document */




#container1{
	position:absolute;
	top:0px;
	width:270px;
	height:100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}


#navlist {
margin: 0; 
padding: 0; 
list-style-type: none; 
}



#title {
	position:absolute;
	top: 7px;
	left: 12px;
	width: 100px;
	padding-top: 0px 0px 0px 0px;
}




#writing a {
	display:table;
	width: 100px;
	height: 25px;
	background: url(images/writing_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 270px;
	left:47px;
	width: 260px;
}
	
	
#writing a:hover{
	display:table;
	background: url(images/writing_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 270px;
	left:47px;
	width: 100px;
	height: 25px;
}

#writingalt{
	position:absolute;
	top:262px;
	left:47px;
	width: 100px;
	height: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#about a {
	display:table;
	width: 100px;
	height: 25px;
	background: url(images/about_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 295px;
	left:47px;
}
	
	
#about a:hover{
	display:table;
	background: url(images/about_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 295px;
	left:47px;
	width: 100px;
	height: 25px;;
}

#contact{
	position:absolute;
	top:497px;
	left:34px;
	width:100px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#email a {
	display:table;
	width: 155px;
	height: 18px;
	background: url(images/email_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 603px;
	left:39px;
}

#email a:hover {
	display:table;
	width: 155px;
	height: 18px;
	background: url(images/email_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 603px;
	left:39px;
}



#article01 a {
	display:table;
	width: 100px;
	height:11px;
	background:url(images/articlenav/art_01a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 289px;
	left: 47px;
	
}
	
	
#article01 a:hover{
	display:table;
	width:100px;
	height:11px;
	background:url(images/articlenav/art_01b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 289px;
	left: 47px;	
}

#article02 a {
	display:table;
	width: 100px;
	height:11px;
	background:url(images/articlenav/art_02a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 302px;
	left: 47px;
	
}
	
	
#article02 a:hover{
	display:table;
	width:100px;
	height:11px;
	background:url(images/articlenav/art_02b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 302px;
	left: 47px;	
}

#article03 a {
	display:table;
	width: 200px;
	height:11px;
	background:url(images/articlenav/art_03a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 315px;
	left: 47px;
	
}
	
	
#article03 a:hover{
	display:table;
	width:200px;
	height:11px;
	background:url(images/articlenav/art_03b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 315px;
	left: 47px;	
}

#article04 a {
	display:table;
	width: 200px;
	height:13px;
	background:url(images/articlenav/art_04a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 328px;
	left: 47px;
	
}
	
	
#article04 a:hover{
	display:table;
	width:200px;
	height:13px;
	background:url(images/articlenav/art_04b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 328px;
	left: 47px;	
}


#article05 a {
	display:table;
	width: 200px;
	height:13px;
	background:url(images/articlenav/art_05a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 341px;
	left: 47px;
	
}

#article05 a:hover{
	display:table;
	width:200px;
	height:13px;
	background:url(images/articlenav/art_05b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 341px;
	left: 47px;	
}

#article06 a {
	display:table;
	width: 200px;
	height:12px;
	background:url(images/articlenav/art_06a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 354px;
	left: 47px;
	
}

#article06 a:hover{
	display:table;
	width:200px;
	height:12px;
	background:url(images/articlenav/art_06b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 354px;
	left: 47px;	
}

#article07 a {
	display:table;
	width: 200px;
	height:12px;
	background:url(images/articlenav/art_07a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 367px;
	left: 47px;
	
}

#article07 a:hover{
	display:table;
	width:200px;
	height:12px;
	background:url(images/articlenav/art_07b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 367px;
	left: 47px;	
}

#article08 a {
	display:table;
	width: 200px;
	height:13px;
	background:url(images/articlenav/art_08a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 380px;
	left: 47px;
	
}

#article08 a:hover{
	display:table;
	width:200px;
	height:13px;
	background:url(images/articlenav/art_08b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 380px;
	left: 47px;	
}

#article09 a {
	display:table;
	width: 210px;
	height:13px;
	background:url(images/articlenav/art_09a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 393px;
	left: 47px;
	
}

#article09 a:hover{
	display:table;
	width:210px;
	height:13px;
	background:url(images/articlenav/art_09b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 393px;
	left: 47px;	
}
#article10 a {
	display:table;
	width: 200px;
	height:13px;
	background:url(images/articlenav/art_10a.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 406px;
	left: 47px;
	
}

#article10 a:hover{
	display:table;
	width:200px;
	height:13px;
	background:url(images/articlenav/art_10b.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 406px;
	left: 47px;	
}

	
#blogalt a {
	display:table;
	width: 55px;
	height: 23px;
	background: url(images/blog_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 421px;
	left:47px;
}
	
	
#blogalt a:hover{
	display:table;
	background: url(images/blog_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 421px;
	left:47px;
	width: 55px;
	height: 25px;
}



#aboutalt a {
	display:table;
	width: 100px;
	height: 25px;
	background: url(images/about_blue.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 444px;
	left:47px;
}
	
	
#aboutalt a:hover{
	display:table;
	background: url(images/about_brown.gif) no-repeat #FFFFFF;
	position:absolute;
	top: 444px;
	left:47px;
	width: 100px;
	height: 25px;;
}