@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------   
   reset   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

table { border-collapse: separate;}
caption, th, td { text-align: left; font-weight: normal;}
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* --------------------------------------------------------------   
   typography      
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.81 * 16px = 13px) */
body { 
  font-size: 81%;
  font-family: Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3{ font-weight: normal;}
h1 { font-size: 3em;}
h2 { font-size: 2em;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.2em; font-weight: bold;}
h5 { font-size: 1em; font-weight: bold;}
h6 { font-size: 1em; font-weight: bold;}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
italic      { font-style: italic; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }


/* Lists
-------------------------------------------------------------- */
ul          { list-style-type: none; margin:0; padding:0; }
ol          { list-style-type: decimal; margin: 0 0 1.5em 0; padding:0;}
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */
table       { width:100%; }
th          { font-weight: bold; }
th,td       { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.bold		{font-weight:bold;}
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear{
	clear:both;
	font-size:1px;
	line-height:0.1em;
}

.floatLeft{float:left;}
.floatRight{float:right;}


/* --------------------------------------------------------------    
   IGPN styles   
-------------------------------------------------------------- */

html{}
body{background:#ffffff; margin:0; padding:0; text-align:center;background:url(../images/html_bg.gif) repeat-x;}

div#layout{background:#ffffff; color:#222222; width:900px; margin:0 auto; padding:0; text-align:left; position:relative;}

a{text-decoration:none; color:#222222; -moz-outline: none;}
a:hover{color: #999999;}

hr{display:none;}

/* header area
----------------------------------------*/
h1{position:absolute;}
h1 img{display:none;}
h1 a{
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:368px;
	height:90px;
	background:url(../images/header_logo.gif) no-repeat;
	text-indent:-9999px;
}
/* #header */
div#header{
	height:134px;
	overflow:hidden;
	background:url(../images/header_bg.gif) repeat-x;
}
div#header h2, div#header h3, div#header h4#fontSizeTitle{
	display:none;
	margin:0;
	padding:0;
	line-height:0;
}
/* ul#gNavi */
div#header ul#gNavi{
	position:absolute;
	top:110px;
	margin:0;
	background:#FFFFCC;
	width:900px;
	height:24px;
}
ul#gNavi li{
	display:inline;
	margin:0;
	padding:0;
}
ul#gNavi li a{
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	background:url(../images/gnavi_bg.gif);
	text-indent:-9999px;
}
ul#gNavi li.home a{ width:66px; background-position:0 0;}
ul#gNavi li.home a:hover{ background-position:0 100%;}
ul#gNavi li.about a{ width:98px; background-position:-66px 0;}
ul#gNavi li.about a:hover{ background-position:-66px 100%;}
ul#gNavi li.guidelines a{ width:160px; background-position:-164px 0;}
ul#gNavi li.guidelines a:hover{ background-position:-164px 100%;}
ul#gNavi li.news a{ width:61px; background-position:-324px 0;}
ul#gNavi li.news a:hover{ background-position:-324px 100%;}
ul#gNavi li.events a{ width:93px; background-position:-385px 0;}
ul#gNavi li.events a:hover{ background-position:-385px 100%;}
ul#gNavi li.igpnEvents a{ width:104px; background-position:-478px 0;}
ul#gNavi li.igpnEvents a:hover{ background-position:-478px 100%;}
ul#gNavi li.global a{ width:126px; background-position:-582px 0;}
ul#gNavi li.global a:hover{ background-position:-582px 100%;}
ul#gNavi li.newsletter a{ width:92px; background-position:-708px 0;}
ul#gNavi li.newsletter a:hover{ background-position:-708px 100%;}
ul#gNavi li.registration a{ width:100px; background-position:100% 0;}
ul#gNavi li.registration a:hover{ background-position:100% 100%;}

/* #suvNavi */
ul#subNavi{
	position:absolute;
	top:28px;
	left:630px;
	width:180px;
	padding:5px 0;
	border-right:dotted 1px #cccccc;
	font-size:12px;
	line-height:0.1px;
}
ul#subNavi li{display:inline;}
ul#subNavi li.contact{margin:7px 35px 0 0;}
ul#subNavi li.sitemap{margin:7px 0 0 0;}
ul#subNavi li a{
	background:url(../images/arrow_gray1.gif) center left no-repeat;
	padding:0 0 0 8px;
}
/* #tools */
div#tools{}
ul#fontSize{
	position:absolute;
	top:23px;
	left:838px;
	margin:0;
	width:85px;
}
ul#fontSize li{
	display:inline;
	font-size:18px;
	line-height:18px;
}
ul#fontSize li a{
	display:block;
	float:left;
	width:17px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/font-size.gif) no-repeat;
}
ul#fontSize li#s a{background-position:0 0; margin:0 2px 0 0px;}
ul#fontSize li#s a:hover{background-position:0 100%;}
ul#fontSize li#m a{background-position:-17px 0; margin:0 4px 0 0;}
ul#fontSize li#m a:hover{background-position:-17px 100%;}
ul#fontSize li#l a{background-position:-34px 0;}
ul#fontSize li#l a:hover{background-position:-34px 100%;}


form#search{
	position:absolute;
	top:53px;
	left:630px;
	width:270px;
	border-top: solid 1px #cccccc;
}
h4#searchTitle{
	position:absolute;
	top:8px;
	left:0;
	margin:0;
	padding:0 0 0 8px;
	line-height:1;
	font-size:12px;
	font-weight:normal;
	background:url(../images/arrow_gray1.gif) center left no-repeat;
}
p#searchTxt{
	text-align:right;
	margin:0;
	padding:25px 0 0;
	line-height:0;
}
span.google{
	display:block;
	position:absolute;
	top:9px;
	right:0;
	line-height:1;
	font-size:10px;
}
input.keyword{
	float:left;
}
input.searchBtn{
}



/* content area
----------------------------------------*/
div#mainImg h2{
	line-height:0.1em;
}

/* div#sideNavi */
div#sideNavi{
	float:left;
	width:200px;
	margin:75px 0 60px 0;
}
div#sideNavi h3{
	height:19px;
	margin:0 20px 0 0;
	text-indent:-9999px;
	/*width:185px;*/
}
div#sideNavi ul,
div#sideNavi dl{
	margin:0 20px 40px 0; 
	/*width:185px;*/
}
div#sideNavi ul li{
	background:url(../images/sidenavi_border_bg.gif) repeat-x center bottom;
	line-height:1.2em;
	padding:0 0 1px;
}
div#sideNavi ul li a{
	display:block;
	padding:10px 20px 10px 10px;
	background:url(../images/sidenavi_link_bg.gif) no-repeat 0 center;
}
div#sideNavi ul li a:hover{
	background:url(../images/sidenavi_link_bg.gif) no-repeat 100% center;
	color:#222222;
}
div#sideNavi ul li a.active{
	background:url(../images/sidenavi_link_bg.gif) no-repeat 100% center;
	font-weight:bold;
}

div#sideNavi ul li ul{
	margin:0;
}
div#sideNavi ul li ul li{
	background:none;
}
div#sideNavi ul li ul li a{
	padding:5px 0 5px 10px;
	background:none;
}

div#sideNavi dl dt{
	padding:5px 0 2px 10px;
	line-height:1.2em;
	background:url(../images/sidenavi_link_bg.gif) no-repeat 0 center;
	font-weight:normal;
}
div#sideNavi dl dd{
	margin:0;
	background:url(../images/sidenavi_border_bg.gif) no-repeat center bottom;
	padding:0 0 5px 0;
}
div#sideNavi dl dd a{
	padding:3px;
	text-decoration:underline;
}
div#sideNavi dl dd a:hover{
	background:#eee;
	color:#333;
}


/* div#main */
div#main{
	float:left;
	width:500px;
	margin:75px 0 30px 0;
	z-index:100%;
}
div#main:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div#main a{}

div#main h2{
	/*color:#ADA580;*/
	margin:0 0 30px 0;
	line-height:1em;
	color:#666600;
	letter-spacing:1px;
}

div#main p#readTxt{
	margin:-20px 0 30px 0;
}
/* h3 */
div.section{
	padding:0 0 30px 0;
	zoom:1;
}
div.section:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div.section h3{
	color:#003399;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:1.2em;
}
div#main div.section h3 a{color:#003399;}
div#main div.section h3 a:hover{color:#003399; text-decoration:underline;}
div#main div.section p a,
div#main div.section li a{text-decoration:underline;}
/* h4 */
div#main div.article{
	padding:0 0 30px;
	zoom:1;
}
div#main div.article:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div#main div.article h4{
	margin:0 0 15px 0;
	color:#003399;
}



div#pageNavi{
	position:absolute;
	top:310px;
	left:0;
	width:700px;
	background:url(../images/pagenavi_bg.gif) repeat-x;
	background-position:left center;
}
div#pageNavi p{
	margin:0;
	line-height:1em;
	color:#999999;
}
div#pageNavi p a{color:#999999;}
div#pageNavi p span.links{
	background:#ffffff url(../images/pagepath_home.gif) no-repeat;
	background-position: left center;
	margin:0 0 0 20px;
	padding:0 10px 0 12px;
}
div#pageNavi p span.active{
	color:#111111;
}


/* div#pickup */
div#pickUp{
	float:right;
	width:177px;
	margin:31px 0 60px 0;
}
div#pickUp h4{display:none;}
ul.focusOn{margin:0 0 10px 0;}
ul.focusOn li a{
	display:block;
	background:url(../images/starterkit3.jpg);
	height:88px;
	text-indent:-9999px;
}
ul.registration{margin:0 0 20px 0;}
ul.registration li a{
	display:block;
	height:38px;
	background:url(../images/registration.jpg);
	text-indent:-9999px;
}
ul.information{
	margin:0; 
	padding:19px 0 0 0;
	background:url(../images/information.gif) no-repeat;
}
ul.information li{
	padding:10px 0;
	background:#f7ffd6;
}
ul.information li a{
	display:block;
	height:36px;
	text-indent:-9999px;
}
ul.information li.guidelines{border-bottom:solid 1px #cccccc;}
ul.information li.guidelines a{background:url(../images/guidelines.gif);}
ul.information li.guidelines a:hover{background-position:0 100%;}
ul.information li.global a{background:url(../images/global.gif);}
ul.information li.global a:hover{background-position:0 100%;}
ul.igpnEvents{
	margin:0 0 20px 0;
	padding:19px 0 0 0;
	background:#f2f5dd url(../images/igpn_events.gif) no-repeat;
	border-bottom:solid 1px #cccccc;
}
ul.igpnEvents li{
	margin:0 10px;
	padding:6px 0;
	border-bottom:dotted 1px #cccccc;
	line-height:1.2em;
}
ul.igpnEvents li.last{border-bottom:none;}
ul.igpnEvents li a{display:block;}
ul.otherLink{margin:0;}
ul.otherLink li{margin:0 0 5px 0;}
ul.otherLink li a{
	margin:0 0 0 10px;
	padding:0 0 0 13px;
	background:url(../images/arrow_maru.gif) left center no-repeat;
}





/* footer area
----------------------------------------*/
/* div#footer */
div#footer{clear:both;}
div#pagetop{
	width:900px;
	background:url(../images/footer_bg.gif) repeat-x;
	background-position:left bottom;
	padding:0 0 25px 0;
	margin:0 0 15px 0;
}
div#pagetop p{margin:0; text-align:right;}
div#pagetop p a{background:url(../images/arrow_maru_up.gif) no-repeat left center; padding-left:13px; text-decoration:underline;}

div#fNavi{
	text-align:center;
	width:100%;
	margin:0 0 15px 0;
}
div#fNavi h3{display:none;}
div#fNavi ul{margin:0 auto;}
div#fNavi ul li{display:inline;}
div#fNavi ul li.link{margin:0 13px 0 0;}
div#fNavi ul li.last{margin:0;}
div#fNavi ul li a{background:url(../images/fnavi_bg.gif) no-repeat left center; padding:0 0 0 6px;}

div#copyright{
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
}

/* form  - confirm, error
-------------------------------------*/
div#main div.subscription td{vertical-align:top; line-height:1; padding:10px 0;}
div#main div.subscription td.subscription{text-align:center; padding:3px;}
p#privacyLink{text-align:right;}
body#form{background:none;}
body#form div#layout{width:600px; margin:0 auto; text-align:center;}
body#form div#logo{border-bottom:solid 5px #039; text-align:left;}
body#form table{width:auto; margin:30px auto;}
body#form caption{font-size:1.5em; font-weight:bold; color:#009; background:none; padding-bottom:10px;}
body#form th{border-bottom: solid 1px #ccc; padding:10px 0; text-align:left;}
body#form td{border-bottom: solid 1px #ccc; padding:10px 0 10px 30px; text-align:left;}
body#form td.submit{border:none; text-align:center; padding:10px 0;}