/* Start of CMSMS style sheet 'default' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: georgia, serif;
   font-size: 80.01%; /* 75.01 */
   line-height: 1em;
}

/* set font size for all divs */
div {
   font-size: 1em;
}

/* img is inside "a" */
img {
   border: 0;
}

/* link styles */
a, a:link, a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #000; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #aaa;
}

div#language p a:visited {
   color: #000;
}

a:hover {
   text-decoration: none;
   background-color: inherit;
   color: #000;
}

/*****************
basic layout 
*****************/
body {
   background: url(uploads/images/back_jp.gif) #ccc;
   margin:0;    /* gives some air for the pagewrapper */
}

/* center wrapper */

div#language {
   background: url(uploads/images/shadow_top.gif) bottom no-repeat #fff;
}

div#language p {
   color: #000;

   font-size: 10px;
	text-align: right;
	padding: 5px 30px 5px 30px;
	margin: 0;
}

div#pagewrapper {
   margin: 0 auto;       /* this centers wrapper */
   width: 780px; 
   background-color: #fff;
   color: #000;
}

/* header */
div#header {
   height: 200px;    /* adjust according your image size */
   width: 780px;
   background: url(uploads/images/header_jp.jpg) no-repeat #fff;
}

div#shadow {
	background: url(uploads/images/shadow_bottom.gif) top no-repeat #fff;
	height:50px;
}

div#content {
   margin: 0;   /* some air above and under menu and content */
}

div#main {
   margin: 0 60px 20px 30px;
   background: #fff;
   width: auto;
min-height: 300px;
}

div#footer {
height: 30px;
   color: #666;
   background: url(uploads/images/shadow_top.gif) bottom no-repeat #fff;
}

div#footer p {
   font-size: 0.8em;
   text-align: center;
   margin: 0;
   padding: 1em 0 0 0;
}

div#footer p a {
   color: #666; /* needed becouse footer link would be same color as background otherwise */
}

/* new hr with extra div element */
div.hr {
   height: 1px;
   padding: 0;
   border-bottom: 1px dotted #7691A8;
   margin: 0.5em 0 1em 0;
}


/********************
CONTENT STYLING
*********************/
/* HEADINGS */
h1 {
   font-size: 2.2em; /* font size for h1 */
   line-height: 1.2em;
   font-weight: normal;
   margin: 0 0 0.5em 0;
   color: #000;
}

h3 {
   color: #000; 
   font-size: 1.1em;
   line-height: 1em;
   margin: 1em 0 0 0;
   /*font-weight: normal;*/
}

h6 {
   color: #666; 
   font-size: 1.2em;
   line-height: 1em;
   margin: 1em 0 0 0;
   font-weight: bold;
}

/* TEXT */
p {
   font-size: 1em;
   line-height: 1.4em;
   padding: 0;
   text-align: left;
   margin: 0.5em 0 1em 0;
}


strong, b {
   font-weight: bold;
}

em, i {
   font-style:italic;
}

/* LISTS */
/* lists in content need some margins to look nice */
ul, ol {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0.5em 0 1em 30px;
   padding: 0 0 0 1em;
}

ul li, ol li {
   margin: 0 0 0.25em;
}

/*Menu*/

#navlist
{
margin: 0;
padding: 5px 0 20px 25px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 18px;
font-weight: bold;
margin: 0 15px 4px 5px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }


p.quote {
   font-size: 1.1em;
line-height: 1.5em;
   background: url(uploads/images/quote.gif) no-repeat top left #e7e7e7;
padding: 30px;
}

img.news {
border: 1px solid #ccc;
padding: 5px;
float: right; clear: right; margin-left: 30px;
background: #fff;
}

div.newsitem {
background: #eee;
padding: 10px 30px;
margin-bottom: 1em;
}


/* End of 'default' */