/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

p{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/		
}
p{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/		
}

h1{
	 font-family: calibri;/*Verdana,Arial,sans-serif;*/
	 font-size: 200%;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
}

h2{
	 font-family: Arial,sans-serif;
	 font-size: 114%;
	 color: #006699;
	 margin: 0px;
	 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-style:normal;
 font-size: 100%;
 color: #999999;/*#334d55;*/
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: calibri;/*Arial,sans-serif;*/
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/**************************************************
 *  Shadow containers
 **************************************************/
#shadow-container {
	position: relative;
    top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
	/*  I uncommented this for two columns style
	left: 3px;
    top: 3px;
	*/
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position:relative;
    left: -1px;
    top:  -1px;
}

#shadow-container .shadow1 {
	background:#F1F0F1;
}

#shadow-container .shadow2 {
	background: #DBDADB;
}
#shadow-container .shadow2 {
	background: #DBDADB;
}


#shadow-container .shadow3 {
	background: #B8B6B8;
}

#shadow-container .container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 0px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/*#container_1 { }*/
#container_inner{
	overflow: hidden; 
}
#leftColumn{
	position:relative;
	float:left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	border-left:none;/*: 1px solid #cccccc;*/
	border-right: 1px solid #cccccc;
	background-color:#eeeeee;
	
	/*margin-bottom: -2000px; padding-bottom: 2000px;*/
	
}

#masthead{
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #cccccc;*/
	width: 100%;
}

#navBar{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color: #FFFFFF;*//*#eeeeee;*/
	/*border-right: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
}

/***********************************************
 Thumbnail image viewer 
 ***********************************************/
#imageView{
	/*background-color:#eeeeee;*/
	/*border-top:1px solid #cccccc;*/
	/*border-right: 1px solid #cccccc;*/
	/*border-bottom: 1px solid #000000*/
/*	border-left: 1px solid #cccccc;*/
	text-align:	center;
}


#imageView caption{
	margin-bottom:-10px;
	padding-bottom:0px;
	padding: 0px;
/*	caption-side: bottom;*/
}

#imageView img{
	margin: 10px;
	padding: 0px;
	border:3px solid #000000;
}

#imageView p{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-style:bold;
	font-weight:100;
	color: #333333;
}


/**
 *  Check where I used it
 *  
 */

#iconView{
	float:none;
	/*width: 100%;
	height: 500px;*/
	/*background-color:#eeeeee;*/
	/*border-top:1px solid #cccccc;*/
	/*border-right: 1px solid #cccccc;*/
	/*border-bottom: 1px solid #000000*/
/*	border-left: 1px solid #cccccc;*/
	text-align:	center;
}

#iconView img{
/*	width:80%;*/
	float:none;
	margin: 0px;
	border:none;
	padding:0px;
	/*	border-right: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	border-left: 3px solid #cccccc;
	*/
}

#iconView p{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-style:bold;
	font-weight:100;
	color: #333333;
/*	margin: 0px;
	padding:0px;*/
}

#iconView td{
	text-align:center;
}


/**
 * logo 
 */
#imagelogo{
	width:  100%;
/*	height: 200px;*/
	background-color:#ffffff;
	/*border-top:1px solid #cccccc;*/
	/*border-right: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
/*	border-left: 1px solid #cccccc;*/
	text-align:	center;
}

#imagelogo img{
	/*width: 100%;*/
	margin: 0px;
	padding: 0px;
	border-top:0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
}


/**
 *  News headlines
 *
 */
#headlines{
  	float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}
#headlines p{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}

/*#content{
	position:relative;
	float: left;
	padding-right:5px;
    width: 57%;
	vertical-align:top;
}*/



/**
 * Teaser 
 */
#teaser{
	width: 100%;
	height: 185px; /*190*/
	/*background-color:#eeeeee;*/
	/*border-top:1px solid #cccccc;*/
	/*border-right: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
/*	border-left: 1px solid #cccccc;*/
	text-align:	center;
	valign:middle;

}

#teaser img{
	width:100%;
	margin-top:  1px;
	padding: 0px;
	border-top:0px ;/* solid #cccccc;*/
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	vertical-align:middle;
}



/***********************************************/
/* Components                                  */
/***********************************************/
/* siteName is the title of the website */
#siteName{
	margin: 0;
	padding: 0 0 0 0px;
	height :100px;/*140px;*/
	font-family:calibri;
	/*text-transform:capitalize;*/
}


/***********************************************
* #globalNav styles 
*	used as main menu
************************************************/
#globalNav{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
	width: 100%;
	background:#333333;
	font-family:Arial, Helvetica, sans-serif;
}


#globalNav img{
/* display: block;*/
	border:none;
	vertical-align:middle;
}


#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
	color:#FFFFFF;		/* I added this before */
}

#globalNav td{
	vertical-align:middle;
	color:#FFFFFF;
}

/***********************************************
/* #pageName styles 
************************************************/
#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/**************
 *  .pagetitle styles 
 ***********************************************/
.pagetitle{
	padding: 0px 0px 0px 10px;
}

.pagetitle h1{
	font-family: calibri;/*Arial,sans-serif;*/
	padding: 5px 0px 1px 0px;
	text-align: left;
	font-size: 125%;
	border-bottom: 2px solid #000000
	/*border-bottom-width:medium;
	border-bottom-style:solid;
	border-bottom-color:#00000;*/
}

/***********************************************
 * .pagesubtitle styles 
 ***********************************************/
.pagesubtitle{
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	border-bottom:thin;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;

	font-family:Calibri;
}

.pagesubtitle h2{
	padding: 5px 0px 0px 5px;
	text-align: left;
	font-family:Calibri;
	font-style:normal;
	font-variant:small-caps;
}

.pagesubtitle h3{
	padding: 5px 0px 0px 5px;
	text-align: left;
/*	font-family:Calibri;*/
}

a.menuimage{
	color:#333333;
	text-decoration:none;
}

/****************************************
 * .feature styles 
 ****************************************/
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h1{
	padding: 5px 0px 0px 0px;
	text-align: left;
	font-size: 165%;
}


.feature h2{
	padding: 0px 0px 5px 0px;
	text-align: center;
}

.feature h3{
	padding: 15px 0px 5px 0px;
	text-align: left;
/*	font-family:Calibri;*/
}


.feature h3{
	padding: 15px 0px 5px 0px;
	text-align: left;
/*	font-family:Calibri;*/
}


/* top right bottom left*/
.feature img{
	float: right;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left:10px;
}


.feature table{
	float: right;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left:0px;
	caption-side:bottom;
}

.feature caption{
	text-align: center;
	font-style: italic;
	text-indent: 0;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Calibri;
	caption-side: bottom;
}
.feature p{
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/
}

/***********************************************************
 * .press style 
 ***********************************************************/
.press{
	padding: 5px 5px 10px 10px;
	font-size: 80%;
}

.press h1{
	padding: 5px 0px 5px 0px;
	text-align: left;
	color:#800000;
	font-size:165%;
	font-style:normal;
}

.press h2{
	padding: 5px 0px 5px 0px;
	text-align: left;
	border-bottom:1px #333333 solid;
	/*background:#CCCCCC;*/
	color:#800000;
}
.press h3{
	/*padding: 5px 0px 5px 0px;*/
	text-align: left;
}
.press h4{
	padding-top:5px;
}


/* top right bottom left*/
.press img{
	float: right;
	/*padding: 10px 0px 10px 10px;*/
	margin-top: 5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:none;
}


.press table{
	float: right;
	padding: 10px 0px 0px 10px;
	margin-top: 10px;
	margin-left:10px;
	caption-side:bottom;
}


.press p{
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/
}


.leftImage img{
	float: left;
	margin-top: 5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:none;
}

div.rightFigure {
  float: right;
  width: 35%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em; 
}
div.rightFigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.leftFigure {
  float: left;
  width: 35%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em; 
}
div.leftFigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.centerFigure {
  float: middle;
  width: 35%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em; 
}
div.centerFigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.bigLeftFigure {
  float: left;
  width: 96%;
  border: none;
  margin: 0.5em;
  padding: 0.5em; 
}
div.bigLeftFigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
/***********************************************************
 * .article style 
 * Here the images are aligned in the bottom (while in press they are aligned left
 ***********************************************************/
.article{
	padding: 5px 5px 10px 10px;
	font-size: 80%;
}

.article h1{
	padding: 5px 0px 5px 0px;
	text-align: left;
	color:#800000;
	font-size:165%;
	font-style:normal;
}

.article h2{
	padding: 5px 0px 5px 0px;
	text-align: left;
	border-bottom:1px #333333 solid;
	/*background:#CCCCCC;*/
	color:#800000;
}
.article h3{
	/*padding: 5px 0px 5px 0px;*/
	text-align: left;
}
.article h4{
	padding-top:5px;
}

.article img{
/*}	float:center;*/
	margin-top: 5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:none;
}


.article table{
/*	float:left;*/
/*	padding: 10px 0px 0px 10px;*/
	margin-top: 10px;
	margin-left:10px;
/*	caption-side:bottom;*/
}


.article p{
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/
}

/************** 
 * .story styles 
 ********************************************************/
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/		
}


.story p{
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}

.story li{
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}

/*
 *  #siteInfo styles 
 ********************************************************/
#siteInfo{
	float:inherit;
	position:relative;
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	color: #cccccc;
	background-color:#FFFFFF;
	/*adding: 10px 10px 10px 10px;*/
	width: 100%;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/*
 * # Box style 
 *******************/
.box{
	margin: 20px auto 15px; 
	width: 130%; 
	background-color: #f2f1ef; 
	border: #cbc8c3 1px solid; 
	padding: 15px;
}

/************* #search styles ***************/
/**
 * To specify a position check with the homepage ofthe global edge how did I do the NIHONGo FLAG
 */
#search{ 
/*	position:relative ;*/
	padding: 5px 10px 5px 20px;
	/*border-bottom: 1px solid #cccccc;*/
	font-size: 90%;
}

/**
 * To specify a position check with the homepage ofthe global edge how did I do the NIHONGo FLAG
 */

#search form{
 display:run-in;
 margin: 0px;
 padding: 0px;
}

#search label{
	/*display: block;*/
	margin: 0px;
	color:#FFFFFF;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}


/*********** #navBar link styles ***********/
#navBar {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}



#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}


#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}


#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/
.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	border-bottom:1px solid #000000;
}



.relatedLinks h3{
	padding: 10px 0px 2px 0px;
/*	border-bottom: 1px solid #cccccc;*/
}

.relatedLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 10px 0px 10px 0px;
	font-size: 90%;	
}
.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}


/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}

/************** #headlines styles **************/

#headlines{
	position:relative;
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
	font-family:Arial, Helvetica, sans-serif;/*:Calibri;*/	
}

#headlines p{
	padding: 5px 0px 5px 0px;
}