/* CSS Document */

* { margin: 0; padding: 0; } 

html { height: 101%; }

body{
	background-color: #FFFFFF;
 }

 
 #container 
{width: 996px;
margin: 0px auto;
font-size:80%;
}

 #container2 
{width: 996px;
margin: 0px auto;
font-size:80%;
}

/* MENU */

#top {
width: 996px; 
float:left;
border-bottom:1px solid #bac4ca;
	}

#menu{
width:752px;
float:left;
margin:0px;
}

#menu2{
width:752px;
float:left;
margin:0px;
}

#issues{
float:left;
height:54px;
width:996px;
margin-bottom:26px;
background-color:#cccaca;

}
/* HEADINGS */

h1{
float:left;
width:244px;
} 

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#222222;
}

h5{
font-size:140%;
font-weight:100;
color:#222222;
}

h6{
font-size:115%;
font-weight:100;
color:#666666;
}

h4{
color: #7f9d04;
font-size:125%;
font-weight:normal;
}

p.proj{
color:#666666;
font-weight:bold;
font-size:105%;}

.left{float:left;}


/* DESCRIPTION*/

#clear2{
clear:both;
height:1px;
}

#destxt{
float:left;
display:inline;
margin:21px 10px 26px 0px;
width:796px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#destxt a:hover{
border-bottom:1px solid #ED0C6E;
}

#destxt p{
margin-right:20px;
padding-top:10px;
padding-bottom:10px;
}
#destxt0{
float:left;
display:inline;
margin:0px 10px 26px 0px;
width:796px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#destxt0 p{
margin-right:20px;
padding-top:10px;
padding-bottom:10px;
}

#destxt0 a:hover{
border-bottom:1px solid #ED0C6E;
}

#destxt2{
float:right;
display:inline;
margin:0px 10px 26px 0px;
width:575px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#destxt0 p{
margin-right:20px;
padding-top:10px;
padding-bottom:10px;
}

#destxt0 a:hover{
border-bottom:1px solid #ED0C6E;
}


#destxti{
float:left;
display:inline;
width:100%;
margin-bottom:26px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#destxti p{
padding-top:10px;
padding-bottom:10px;
}

#destxti a:hover{
border-bottom:1px solid #ED0C6E;
}


#invltxt{
clear:both;
margin:26px 20px 26px 26px;
width:980px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#invltxt p{
margin-right:20px;
padding-top:10px;
padding-bottom:10px;
}


#infor{
float:right;
margin:26px 20px 26px 0px;
width:800px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
line-height:150%;
}

#infor p{
padding-top:10px;
}

#infor a, #infor a:link, #infor a:visited{
border:none;
}

#infor a:hover{
border-bottom:#ED0C6E 1px solid;
}

#inforz{
float:right;
margin:0px 20px 26px 0px;
width:800px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
line-height:150%;
}

#inforz p{
padding-top:10px;
}

#inforz a, #inforz a:link, #inforz a:visited{
border:none;
}

#inforz a:hover{
border-bottom:#ED0C6E 1px solid;
}

.destimgz{
float:left;
margin: 0px 20px 20px 0;
}

.destimgz a, .destimgz a:link, .destimgz a:hover, .destimgz a:visited,{
border:none;
}

.destimg{
float:left;
margin: 26px 20px 20px 0;
background-color:#EDEDED;
width:150px;
}

.destimg .day {
    color: #616161;
    font-size: 84px;
    padding-left: 26px;
    padding-top: 13px;
}

.destimg .month {
    color: #616161;
    font-size: 24px;
    padding: 0 18px 18px 30px;
}
.destimg a, .destimg a:link, .destimg a:hover, .destimg a:visited,{
border:none;
}

.img{
float:left;
margin: 26px 30px 20px 0;
display:inline;
}

.img0{
float:left;
margin: 0px 30px 20px 0;
display:inline;
}

.img2{
float:right;
margin: 0 0 20px 30px;
}

/* THUMBNAILS*/

#thumbnails{
width:996px;
margin-bottom:10px;
}

#thumbnail2{
width:996px;
margin-top:30px;
margin-bottom:30px;
}

.itembox{
float:left;
}

.itemimg{
float:left;
margin-right:30px;
}

.iconl{
width:158px;
margin-bottom:26px;
margin-right:32px;
float:left;
}

.iconr{
width:158px;
margin-bottom:18px;
float:right;
}

.iconimg{
border:#BAC4CA solid 1px;
text-align:center;
}

.rightbox{
width:158px;
margin-bottom:28px;
float:right;
}


.itemtext{
text-align:left;
margin-left:30px;
line-height:163%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
}

.itemtext p{
font-size:90%;
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.read{
float:right;
margin:10px 0px 3px 0px;
}

.read a, .read a:link, .read a:visited{
width:108px;
margin-top:4px;
text-align:center;
text-decoration:none;
letter-spacing:1px;
color:#FFFFFF;
background-color:#ed0c6e;
display:block;
font-size:100%;
}

.read a:hover{
width:108px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background-color: #E5678D;
display:block;
font-size:100%;
}

hr {
color: #f00;
background-color: #f00;
height: 5px;
width: 1000%;
}


/* INTERVIEW*/

.intimg{
float:left;
widht:428px;
margin:0px 30px 20px 0px;
display:inline;
}

.supon{
float:right;
width:538px;
margin-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.intertxt{
float:right;
display:inline;
width:527px;
margin:0px 24px 25px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.intertxt p{
text-align:left;
color:#333333;
padding:8px 0px 10px 0px;
}

.intertxt a:hover{
border-bottom:1px solid #ED0C6E;
}

.intertxt a, .intertxt a:visited, intertxt a:link{
border:none;
}

.b{
float: left;
width: 448px;
height:43px;
background-color:#e3e3e3;
}

.support{
float:right;
width:538px;
margin-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.support p{
text-align:left;
color:#333333;
padding:0px 30px 3px 0px;
}

.support a:hover{
border-bottom:1px solid #ED0C6E;
}

.pages{
float:left;
}

#vnavi
{
	float: left;
	width: 375px;
	margin: 0px 15px 28px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:115%;
	color:#7f9d04;
	line-height:2em;
	padding: 0;
	display:inline;
}

#vnavi li{
	list-style: none;
	padding: 0px;
	border-bottom:1px dotted #777777;
	}
	
#vnavi a, a:link, a:visited a:hover{
font-weight:normal;
color:#666666;
}

#vnavi a:hover{
font-weight:normal;
color:#7f9d04;
}



ul.evnavi {
	list-style: none;
	padding: 0px;
	}

ul.evnavi li {
	float: left;
	}

ul.evnavi li a {
	display: block;
	height: 54px;
	text-indent: -9999px;
	border:none;
}

ul.evnavi li.future a {
    width: 192px;
	text-decoration: none;
	background: url(../img/future.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.future a:hover {
	width: 192px;
	background-position: -192px 0;
	}
	
	ul.evnavi li.future a.selected {
	width: 192px;
	background-position: -192px 0px;
	}

	
ul.evnavi li.is01 a {
    width: 96px;
	text-decoration: none;
	background: url(../img/issue01.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.is01 a:hover {
	width: 96px;
	background-position: -96px 0;
	}
	
	ul.evnavi li.is01 a.selected {
	width: 96px;
	background-position: -96px 0px;
	}
	
	ul.evnavi li.bg01 a {
    width: 103px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/curator.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.bg01 a:hover {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.bg01 a.selected {
	width: 103px;
	background-position: 0px -54px;
	}
	
		ul.evnavi li.bg02 a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/pj.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.bg02 a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.bg02 a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.artc a {
    width: 103px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_artc.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.artc a:hover {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.artc a.selected {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.feedbck a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_feebck.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.feedbck a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.feedbck a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.cnf a {
    width: 103px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_cnf.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.cnf a:hover {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.cnf a.selected {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.twelve a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_12.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.twelve a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.twelve a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.eleven a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_11.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.eleven a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.eleven a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.ten a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_10.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.ten a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.ten a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.zeronine a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_09.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.zeronine a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.zeronine a.selected {
	width: 101px;
	background-position: 0px -54px;
	}

	ul.evnavi li.zeroeight a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/b_08.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.zeroeight a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.zeroeight a.selected {
	width: 101px;
	background-position: 0px -54px;
	}

a.back {
	display: block;
	width: 63px;
	height: 43px;
	text-decoration: none;
	background: url(../img/back.gif);
	text-indent: -9999px;
	border:none;
	}

a.back:hover {
	background-position: -63px 0;
	border:none;
	}

a.forb {
	display: block;
	width: 24px;
	height: 43px;
	text-decoration: none;
	background: url(../img/forward.gif);
	text-indent: -9999px;
	}

a.forb:hover {
	background-position: -24px 0;
	border:none;
	}
	
a.preb {
	display: block;
	width: 43px;
	height: 43px;
	text-decoration: none;
	background: url(../img/preb.gif);
	text-indent: -9999px;
	}

a.preb:hover {
	background-position: -43px 0;
	border:none;
	}	
	
.txtnavi{
float: left;
width: 548px;
height:43px;
background-color:#7f9d04;
}

.txt{
float:right;
display:inline;
width:523px;
margin:0px 15px 25px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.txt p{
text-align:left;
color:#333333;
padding:8px 0px 10px 0px;
}

.txt a:hover{
border-bottom:1px solid #ED0C6E;
}

.txt a, .intertxt a:visited, intertxt a:link{
border:none;
}

.clear{
clear: both;
}



/* NAVI*/


/*
*	Setup
*/
ul.navi {
	list-style: none;
	padding: 0px;
	}

ul.navi li {
	float: left;
	}

ul.navi li a {
	display: block;
	height: 107px;
	background: url(../img/menu.gif);
	text-indent: -9999px;
	border:none;
	}

/*
*	Normal Links
*/
ul.navi li.about a {
    width: 103px;
	background-position: 0 0;
	}

ul.navi li.background a {
	width: 101px;
	background-position: -103px 0;
	}

ul.navi li.interviews a {
	width: 101px;
	background-position: -204px 0;
	}
	
ul.navi li.events a {
    width: 101px;
	background-position: -305px 0;
	}

ul.navi li.sponsors a {
	width: 101px;
	background-position: -406px 0;
	}

ul.navi li.press a {
	width: 101px;
	background-position: -507px 0;
	}

ul.navi li.english a {
	width: 78px;
	background-position: -608px 0;
	}
	
ul.navi li.japanese a {
	width: 66px;
	background-position: -686px 0;
	}

/*
*	Hover Links
*/
ul.navi li.about a:hover {
	width: 103px;
	background-position: 0 -107px;
	}

ul.navi li.background a:hover {
	width: 101px;
	background-position: -103px -107px;
	}

ul.navi li.interviews a:hover {
	width: 101px;
	background-position: -204px -107px;
	}
	
ul.navi li.events a:hover {
	width: 101px;
	background-position: -305px -107px;
	}

ul.navi li.sponsors a:hover {
	width: 101px;
	background-position: -406px -107px;
	}

ul.navi li.press a:hover {
	width: 101px;
	background-position: -507px -107px;
	}
	
ul.navi li.english a:hover {
	width: 78px;
	background-position: -608px -107px;
	}
	
ul.navi li.japanese a:hover {
	width: 66px;
	background-position: -686px -107px;
	}

/*
*	Clicked Links 

ul.navi li.about a:active {
	width: 103px;
	background-position: 0 -107px;
	}

ul.navi li.background a:active {
	width: 101px;
	background-position: -103px -107;
	}

ul.navi li.interviews a:active {
	width: 101px;
	background-position: -204px -107;
	}

/*
*	Selected/Active Links
*/
ul.navi li.about a.selected {
	width: 103px;
	background-position: 0 -107px;
	}

ul.navi li.background a.selected {
	width: 101px;
	background-position: -103px -107px;
	}

ul.navi li.interviews a.selected {
	width: 101px;
	background-position: -204px -107px;
	}
	
ul.navi li.events a.selected {
	width: 101px;
	background-position: -305px -107px;
	}

ul.navi li.sponsors a.selected {
	width: 101px;
	background-position: -406px -107px;
	}

ul.navi li.press a.selected {
	width: 101px;
	background-position: -507px -107px;
	}
ul.navi li.english a.selected {
	width: 78px;
	background-position:-608px -107px;
	}

ul.navi li.japanese a.selected {
	width: 66px;
	background-position: -686px -107px;
	}

		
/*CONTENT*/

a, a:link, a:visited{
color:#ED0C6E;
text-decoration:none;
outline:none;
border: none;
}

a, a:hover{
color:#ED0C6E;
text-decoration:none;
outline:none;
}

#unit{
float:left;
width:750px;
}

#leftnav{
background-color:#D9DBE1;
float:left;
width:245px;
margin:0px;
padding:0px;
font-size: 0;
line-height: 0;
}

#rightnav{
background-color:#D9DBE1;
float:right;
width:246px;
margin:0px;
padding:0px;
font-size: 0;
line-height: 0;
}

.content
{
float:right;
width:505px;
}

.content h2{margin:85px 0px 65px 0px;
text-align:center;}

#news
{
width:417px;
margin:0px 44px 0 44px;
}

#news h3{
width:417px;
height:45px;
display:block;
background:url(../img/news.gif) no-repeat;
background-position:center;
text-indent: -9999px;
}

#newstext{
width:396px;
height:300px;
overflow:auto;
margin:0px 44px 0px 65px;
background-color:#E8E8EA;
}

#newstext a:hover{
border-bottom:1px solid #ED0C6E;
}

#news-f{
width:396px;
margin:0px 44px 0px 65px;
background-color:#E8E8EA;
}

p.text{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:20px 30px 28px 30px;
}

strong{
color:#7f9d04;
}

/*FOOTER*/

#sub
{
height:17px;
float:right;
margin: 8px 0px 8px 0px;
padding-bottom: 20px;
}

#foot{
width:587px;
float:left;
margin: 8px 0px 8px 0px;
padding-bottom: 20px;
}

ul.footer {
	list-style: none;
	padding: 0px;
	width: 747px;
	margin-right:256px
	}

ul.footer li {
	float: left;
	}

ul.footer li a {
	display: block;
	height: 17px;
	background:url(../img/submenu.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	border:none;
	}

/*
*	Normal Links
*/
ul.footer li.contact a {
    width: 69px;
	background-position: 0 0;
	}

ul.footer li.involved a {
	width: 176px;
	background-position: -69px 0;
	}

ul.footer li.blog a {
	width: 56px;
	background-position: -245px 0;
	}
	
ul.footer li.video a {
	width: 69px;
	background-position: -301px 0;
	}	
	
ul.footer li.fb a {
    width: 42px;
	background-position: -370px 0;
	}

ul.footer li.tw a {
    width: 42px;
	background-position: -412px 0;
	}
	
ul.footer li.ml a {
    width: 104px;
	background-position: -454px 0;
	}
/*
*	Hover Links
*/
ul.footer li.contact a:hover {
	width: 69px;
	background-position: 0 -17px;
	}


ul.footer li.involved a:hover {
	width: 176px;
	background-position: -69px -17px;
	}

ul.footer li.blog a:hover {
	width: 56px;
	background-position: -245px -17px;
	}

ul.footer li.video a:hover {
	width: 69px;
	background-position: -301px -17px;
	}
	
ul.footer li.fb a:hover {
	width: 42px;
	background-position: -370px -17px;
	}
	
ul.footer li.tw a:hover {
	width: 42px;
	background-position: -412px -17px;
	}	

ul.footer li.ml a:hover {
	width: 104px;
	background-position: -454px -17px;
	}	

ul.footer li.involved a.selected {
	width: 176px;
	background-position: -69px -17px;
	}
	
ul.footer li.ml a.selected {
	width: 104px;
	background-position: -454px -17px;
	}


.design a:active, a:focus {
outline: 0;
}	

.design {
float:right;
height:17px;
margin: 8px 0px 8px 0px;
padding-bottom: 20px;
}

#download{
	float:right;
	height:38px;
	width:400px;
	margin-bottom:0px;
	margin-top: 258px;
}
	
.pdf a {
float:right;
width:169px;
display: block;
	height: 38px;
	background:url(../img/pdf.jpg);
	text-indent: -9999px;
	border:none;
	background-repeat:no-repeat;
background-position: 0 0;
	}	
	
.pdf a:hover {
background-position: 0 -38px;
	}
	
	
.donate a {
width:93px;
margin: 5px 0px 5px 27px;
display: block;
	height: 31px;
	background:url(../img/donate.jpg);
	text-indent: -9999px;
	border:none;
	background-repeat:no-repeat;
background-position: 0 0;
	}	
	
.donate a:hover {
background-position: 0 -31px;
	}

.donation {
margin: 15px 0px 20px 15px;
}

li.donation{
margin: 10px 0 0 10px;}


.design a:link, .design a:visited{
border:none;
}

.design a:hover{
border-bottom:1px solid #ED0C6E;
}

#totaldon{
	float:right;
	width:246px;
	background-color:#CECECE;
	padding:5px 0px 5px 10px;
}

#leftdon{
float:left;
width:245px;
padding:5px 5px 5px 0px;
}


hr {
clear:both;
border:none;
color: #bac4ca;
background-color: #bac4ca;
height: 1px;
width: 100%;
text-align: center;
}

.style1 {
	color: #333333;
	font-weight: bold;
}

/*PUBLICATIONS*/


ul.evnavi li.pjcontent a {
    width: 103px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/photointer.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.pjcontent a:hover {
	width: 103px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.pjcontent a.selected {
	width: 103px;
	background-position: 0px -54px;
	}

ul.evnavi li.publication a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/publi.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.publication a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.publication a.selected {
	width: 101px;
	background-position: 0px -54px;
	}
	
ul.evnavi li.shortvideo a {
    width: 101px;
	text-decoration: none;
	background-position: 0 0;
	background: url(../img/sv.gif);
	text-indent: -9999px;
	}
	
	ul.evnavi li.shortvideo a:hover {
	width: 101px;
	background-position: 0px -54px;
	}
	
	ul.evnavi li.shortvideo a.selected {
	width: 101px;
	background-position: 0px -54px;
	}

#leftcontent
{
float: left;
width: 409px;
margin: 6px 15px 28px 24px;
}

.rightxt{
	float:right;
	display:inline;
	width:511px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-left: 5px;
}

.rightxt p{
text-align:left;
color:#333333;
padding:8px 0px 10px 0px;
}

.rightxt a:hover{
border-bottom:1px solid #ED0C6E;
}

.rightxt a, .intertxt a:visited, intertxt a:link{
border:none;
}

.num{
font-size:115%;
	color:#7f9d04;
	margin-right:5px;
	}
	
#index{
	line-height:1.8em;
	}

.four{
color: #7f9d04;
font-size:125%;
font-weight:normal;
}

.six{
font-size:115%;
font-weight:100;
color:#666666;
}