body {
width:952px;
margin:10px auto auto auto;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
background:#FFFFFF;
}
h1{
display:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
h2{
font-size:2.3em;
line-height:0.7em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:-0.05em;
}
h3{
font-size:2em;
line-height:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:-0.05em;
}
h4 {
background-color:#EEEEEE;
color:#567297;
font-size:1.5em;
padding: 5px 5px 5px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:-0.05em;
}
h5{
font-size:1.25em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
hr {
 BORDER-TOP: #CCCCCC 1px solid; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none
}

a img {border: none;}
:focus { -moz-outline-style: none; }
a:focus { outline: none; }
#content p a:link, #content p a:visited {color: #ae538d; border-bottom: 1px solid #CCCCCC; text-decoration:none;}
#content p a:hover {color: #ae538d; border-bottom: 1px solid #7490b7; text-decoration:none;}

/* Header */
#header{
padding: 20px 0 5px 0;
height:54px;
}
#hleftpic{
float:left;
}
#hrightpic{
margin-top:13px;
float:right;
text-align:right;
font:13px Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
color: #999999;
}

#container{
display:block;
}

/* Footer */
#footer{
clear:both;
margin-top:20px;
padding-top:5px;
padding-bottom:30px;
color:#999999;
font-family:arial,helvetica,sans-serif;
font-size:10px;
border-top: #CCCCCC solid 1px;
}
/* Menu */
#menu{
clear:both;
margin-top:10px;
}
#menu ul{
margin:0;
padding:0;
background-color:#7490b7;
height:33px;
}
#menu ul li{
margin-top:4px;
float:left;
list-style-type:none;
width:136px;
}
#menu #selected a{
background-color:#7490b7;
color:#ffffff;
}
#menu a{
text-align:center;
display:block;
background-color:#567297;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-weight:bolder;
}
#menu li a:hover{
background-color:#7490b7;
color:#ffffff;
}
#menu LI {
 OVERFLOW: hidden; TEXT-INDENT: -9000px; float:left;
}
LI.welcome {
 WIDTH: 82px
}
LI.welcome A:link {
 DISPLAY: block; 
 BACKGROUND: url(images/menu5_01.png) no-repeat center; 
 HEIGHT: 29px
}
LI.welcome A:visited {
 DISPLAY: block; 
 BACKGROUND: url(images/menu5_01.png) no-repeat center; 
 HEIGHT: 29px
}
LI.welcome A:hover {
 BACKGROUND: url(images/menu5_01.png) #7490b7 no-repeat center; 
 outline: none
}
LI.blog {
 WIDTH: 95px
}
LI.blog A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_02.png) no-repeat center; 
 HEIGHT: 29px
}
LI.blog A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_02.png) no-repeat center; 
 HEIGHT: 29px
}
LI.blog A:hover {
 BACKGROUND: url(images/menu5_02.png) #7490b7 no-repeat center; 
 outline: none
}
LI.whats {
 WIDTH: 95px
}
LI.whats A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_03.png) no-repeat center; 
 HEIGHT: 29px
}
LI.whats A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_03.png) no-repeat center; 
 HEIGHT: 29px
}
LI.whats A:hover {
 BACKGROUND: url(images/menu5_03.png) #7490b7 no-repeat center; 
 outline: none
}
LI.biography {
 WIDTH: 95px
}
LI.biography A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_04.png) no-repeat center; 
 HEIGHT: 29px
}
LI.biography A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_04.png) no-repeat center; 
 HEIGHT: 29px
}
LI.biography A:hover {
 BACKGROUND: url(images/menu5_04.png) #7490b7 no-repeat center; 
 outline: none
}
LI.voice {
 WIDTH: 139px
}
LI.voice A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_05.png) no-repeat center; 
 HEIGHT: 29px
}
LI.voice A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_05.png) no-repeat center; 
 HEIGHT: 29px
}
LI.voice A:hover {
 BACKGROUND: url(images/menu5_05.png) #7490b7 no-repeat center; 
 outline: none
}
LI.gallery {
 WIDTH: 95px
}
LI.gallery A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_06.png) no-repeat center; 
 HEIGHT: 29px
}
LI.gallery A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_06.png) no-repeat center; 
 HEIGHT: 29px
}
LI.gallery A:hover {
 BACKGROUND: url(images/menu5_06.png) #7490b7 no-repeat center; 
 outline: none
}
LI.contact {
 WIDTH: 95px
}
LI.contact A:link {
 DISPLAY: block; BACKGROUND: url(images/menu5_07.png) no-repeat center; 
 HEIGHT: 29px
}
LI.contact A:visited {
 DISPLAY: block; BACKGROUND: url(images/menu5_07.png) no-repeat center; 
 HEIGHT: 29px
}
LI.contact A:hover {
 BACKGROUND: url(images/menu5_07.png) #7490b7 no-repeat center; 
 outline: none
}
/* Content */
#content{
margin:10px 0;
font:11px Arial, Helvetica, sans-serif;
line-height:16px;
clear:both;
}
#content p em{
font-style:normal;
font-weight:bold;
}
/* Left */
#left {
width:475px;
padding:0px 10px 10px 0px;
margin:0;
clear:left;
float:left;
}
h2{
color:#567297;
margin:10px 0 0px 0;
padding:0;
}
#textbox {
background-color:#EEEEEE;
padding:8px;
margin-bottom:20px;
}
#textbox h2{
padding:0;
margin: 5px 0 5px 0;
}
#textbox p{
margin:0;
font-weight:bold;
}
/* right */
#right {
width:445px;
padding:0px 10px 10px 10px;
margin:0;
float:left;
 }
#right p{
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
padding-left:10px;
padding-right:10px;
}
#right h3 {
color:#567297;
padding-left:10px;
padding-right:10px;
}

#right h5 {
color:#567297;
padding-left:10px;
padding-right:10px;
padding-bottom:0;
margin-bottom:0;
}

.blogbrief p {
padding-top:0;
margin-top:0;
}

.leftbox{
width:475px;
margin-bottom:10px;
min-height:105px;
}
.leftbox img{
float:left;
margin:0 20px 0 0;
}
.leftbox h3{
margin:3px 0 1px 0;
padding:0;
color:#567297;
}
.leftbox p{
margin:0;
padding:0;
font-weight:normal;
}
/* right SUBMENU */
#right .submenu li a{
text-align:center;
display:block;
padding:4px 15px 3px 15px;
background-color:#567297;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
font-weight:bolder;
border-right:1px solid #FFFFFF;
}
#right .submenu{
margin-bottom:20px;
}
#right .submenu ul{
margin:0;
padding:0;
height:23px;
background-color:#567297;
}
#right .submenu li{
float:left;
list-style-type:none;
width:136px;
}
#picturegallery{
clear:both;
padding-left:10px;
}
#picturegallery img{
width:130px;
height:85px;
border:none;
padding-bottom:3px;
}
#picturegallery ul{
margin:0;
padding:0;
list-style-type:none;
height:110px;
}
#picturegallery li{
float:left;
width:145px;
}

#picturegallery li a:link, #picturegallery li a:visited {color: #ae538d; text-decoration:none;}
#picturegallery li a:hover {color: #567297; background-color:#EEEEEE; text-decoration:none;}

.gotosavCSS {color:#999999;padding-left:3px;padding-right:3px;}
a.gotosavCSS:link {color:#999999;text-decoration:none;}
a.gotosavCSS:visited {color:#999999;text-decoration:none;}
a.gotosavCSS:hover {color:#EF0031;text-decoration:none;background-color:#d9d9d9;}

/* blog */
#leftblog {
width:260px;
padding:0px 10px 10px 0px;
margin:0;
clear:left;
float:left;
}
#rightblog {
width:645px;
padding:0px 10px 10px 25px;
margin:0;
float:left;
}
#rightblog p {
font-size:12px;
line-height:18px;
}

/* diary */
#leftdiary {
width:260px;
padding:0px 10px 10px 0px;
margin:0;
clear:left;
float:left;
}
#rightdiary {
width:645px;
padding:0px 10px 10px 10px;
margin:0;
float:left;
}
#rightdiary p {
font-size:12px;
line-height:18px;
}



.picboxes {
margin: 10px 0 0;
}
.picboxes img {
background: transparent;
border:1px solid #CCCCCC;
padding:5px;
}
.picboxes ul{
margin:0;
padding:0;
list-style-type:none;
}
.picboxes li {
float: left;
color: #666;
text-align: center;
white-space: normal;
margin:0 0 10px 5px;
width:140px;
}
.picboxes a {
text-decoration: none;
display: block;
padding: 0;
color:#567297;
}
.picboxes a:hover {
text-decoration:none;
color: #639DFE;
}
.picboxes a:hover img {
border: #639DFE 1px solid;
}
.blogtext p, .blogtext h5, .blogtext img {
padding-left:10px;
padding-right:10px;
}