/*
=====Colors: ====================
bg purple #e7e7f3;
bg purple #544799;
#c8c5e0
#3f337f
#bbbd9
*/

@charset "UTF-8";

/*body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006;
	background: #ffffff url(../images/general/bg-gradient.jpg) repeat-x 0 0 ;
	padding:0;
	margin:0px;
	font-size:1em;
	}*/
body {
  /* 画像ファイルの指定 */
  background-image:
  url(../images/general/body_backphoto_dna.png), /* 背面の画像 */
  url(../images/general/body_backphoto.jpg); /* 最背面の画像 */
  
  /* 画像を常に天地左右の中央に配置(水平,垂直) */
  background-position: 50% 0%, 50% 50%;
  
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat, no-repeat, no-repeat;
  
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: scroll;
  
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: 424px 1024px, cover;
  
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  /* background-color: #464646; */
  padding: 0px;
  margin: 0;
  color: #006;
  /* color: #ffffff; */
  font-size: 1em;
  font-family: "Avenir" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#body_home {
  /* 画像ファイルの指定 */
  background-image:
  url(../images/general/home-logo.png), /* 最前面の画像 */
  /* url(../images/general/dana_right.png), 前面の画像 */
  url(../images/general/body_backphoto_dna.png), /* 背面の画像 */
  url(../images/general/body_backphoto.jpg); /* 最背面の画像 */
  
  /* 画像を常に天地左右の中央に配置(水平,垂直) */
  /* background-position: 30% 1%, 50% 0%, 50% 50%; */
  background-position: 50% 10px, 50% 0%, 50% 50%;
  /*   background-position: center center; */
  
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat, no-repeat, no-repeat;
  
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: scroll;
  
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: 1021px 199px, 424px 1024px, cover;
  
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  /* background-color: #464646; */
  background-color: #ffffff;
  padding: 0px;
  margin: 0;
  color: #006;
  font-size: 1em;
  font-family: "Avenir" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#container { 
	width: 1080px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	margin-top : 90px;
	}
#content {
	float:left;
	width:840px;
	padding:0;
	margin:0;
	background: url(../images/general/new-bg-middle.png) repeat-y 0 0;
	} 
#content-container{
	margin: 0 auto;
	padding: 0 20px;
	}
#header { 
	background:#544799 url(../images/general/new-bg-logo.png) no-repeat 0px 0px;
	height:66px;
	padding: 0;
	margin: 0;
	} 
.title-home {
	position:absolute;
	left:280px;
	width:650px;
	}
.rollover-home{
	float:left;
	padding: 0 0 0 25px;
	}

a.rollover-home {
	display: block;
	width: 210px;
	height: 55px;
	text-decoration: none;
	background: url(../images/general/logo-home.jpg) no-repeat;
	}
a.rollover-home:hover {
	background-position: 0 -66px;
	}
#test {
	background-color: #6699FF;
	height: 300px;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*nav*/

ul.navi-top {
	padding: 25px 10px 0 0;
	margin: 0;
	list-style: none;
	float: left;
	clear: left;
}
ul.navi-top li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 6px;
}
ul.navi-top li a {
	text-decoration: none;
	float:left;
	color: #c8c5e0;
	cursor: pointer;
	font-size:.8em;
}
ul.navi-top li a span {
	margin: 0 10px 0 -10px;
	padding: 5px 5px 0 15px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	height:25px;
}
ul.navi-top li a:hover {
 	color: #fff;
	background: url(../images/general/purple.png) no-repeat top right;
}
ul.navi-top li a:hover span {
	background: url(../images/general/purple.png) no-repeat top left;
}
ul.navi-top li a.current {
	background: url(../images/general/purple.png) no-repeat top right;
 	color: #006;
}
ul.navi-top li a.current span {
	background: url(../images/general/purple.png) no-repeat top left;
}
/*------------------------search-box-home-----------------------------------*/
#container_search {
	position: relative;
	width: 1020px;
	height: 180px;
	text-align:right;
	margin: auto;
}
#logolink {
	position: absolute;
	top: -40px;
	_top: 1px;
	left: 9px;
}
#search_box_home {
	position: relative;
	height: 80px;
	width: 200px;
	margin-left: auto;
}
#search_box_home input[type="text"] {
	width: 190px;
	height: 22px;
	border: none;
	padding: 0px 0px 0px 5px;
	font-size: 16px;
	/* color: #444; */
}
#search_box_home input[type="image"]{
	position: absolute;
	top: 0;
	_top: 1px;
	left: 175px;
	width: 23px;
	height: 23px;
}
#search_option_home {
	height: 50px;
	margin-top: 4px;
	text-align:right;
}

/*------------------------search-box----------------------------------------*/
#search_box {
	position: relative;
	height: 80px;
	width: 200px;
	margin-right: auto;
}
#search_box input[type="text"] {
	width: 190px;
	height: 22px;
	border: none;
	padding: 0px 0px 0px 5px;
	font-size: 16px;
	/* color: #444; */
}
#search_box input[type="image"]{
	position: absolute;
	top: 0;
	_top: 1px;
	left: 190px;
	width: 23px;
	height: 23px;
}
#search_option {
	height: 50px;
	margin-top: 2px;
}
/* *:first-child + html #search input[type="image"] {
	top: 1px
} */

.fieldHolder1{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
}

#q {
	width:190px;
	margin: 0;
	padding: 0;
	border: 1px solid #999999;
	color: #666666;
	font-size: .9em;
}

#resultscontainer{
	padding: 0 30px;
	min-height:670px;
	margin: 0;
	}
#resultscontainer h1{
	text-align:center;
	margin:15px 0;
	}
#resultscontainer h2{
	text-align:left;
	margin:15px 0 5px 0;
	font-size: .85em;
	}
#resultscontainer dl {
	text-align:left;
	width:100%;
}
#resultscontainer dt {
	font-size: 1em;
	margin: 12px 0 0 0;
	text-decoration:underline;
}
#resultscontainer dd {
    margin: 0;
    padding: 5px 0 0 10px;
	font-size: .8em;
	color:#333399;
}
#resultscontainer a{
	color:#333399;
	}
#resultscontainer a:hover {
	color:#9999cc;
	}

/* -------------------------------------------------------------------- */
.sidebox {
	margin: 0 auto;
	width: 100%;
	background: url(../images/general/box-br.jpg) no-repeat bottom right;
}
.boxhead {
	background: url(../images/general/box-tr.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/general/box-tl.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 15px;
	color: white; 
	font-weight: bold; 
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
	font-size:.9em;
	text-align:left;
}
.boxbody {
	background: url(../images/general/box-bl.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px 10px;
}

/*--------------------------------------------------------------------*/

/*background*/
#bg-main-top {
	background: url(../images/general/bg-top.jpg) no-repeat 0 0;
	height: 15px;
}
#bg-main-middle {
	min-height: 650px;
	background: url(../images/general/new-bg-middle.png) repeat-y 0 0;
}
#bg-main-bottom {
	background: url(../images/general/new-bg-bottom.png) no-repeat bottom left;
	height:100px;
}
#footer { 
	background: url(../images/general/new-bg-bottom.png) no-repeat bottom left;
	min-height:100px;
	padding: 0 30px;
	margin:0;
	color:#006;
	font-size: 1.2em;
}
#footer a{
	color:#009;
}
#footer a:hover {
	color:#6f63ab;
}
#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	margin: 0;
}
#footer ul li a {
	text-decoration: none;
	padding:0 10px;
	background: url(../images/general/navigation-separator.jpg) no-repeat right center;
} 
#footer p {
	padding: 10px 0 0 10px;
	font-size: .7em;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    margin: 0;
	padding: 0;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* Text */

h1 {
	font-family: "Avenir" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	/* font-family: "Droid Serif",  Georgia, "Times New Roman", Times, serif; */
	font-size: 1.5em;
	margin:0;
	padding:3px 5px 5px 5px;
	font-weight:normal;
	color:#006;
	}
h2 {
	font-family: "Avenir" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	/* font-family: "Droid Serif",  Georgia, "Times New Roman", Times, serif; */
	color:#339;
	padding:5px 0;
	font-size: 1.2em;
	margin:0;
	font-weight:normal;
	}
h3 {
	color:#333366;
	margin:0;
	padding:32px 0;
	font-size: 1.1em;
	}
h4 {
	color:#333366;
	margin:0;
	padding: 6px 0;
	font-size: .9em;
	line-height:1.3em;
	}
h5 {
  font-size: .8em;
  }
h1 span {display:block; font-size:.5em; color:#544799; padding:0 0 1px 0;font-weight:normal;  }
p {
	margin:0;
	padding: 0 0 9px 0;
	font-size: .95em;
	line-height: 1.4em;
	color:#006;
	}

.small {
  font-size: .8em;
  }
.large {
  font-size: 1em;
  }
  
 /*bio list-------------------*/
#people-list{
	margin:0;
	padding:0;
	float:right;
	font-size: 1.2em;
	color:#339;
	
	}
#people-list ul li{
	margin:0;
	padding:0;
	list-style: none;
	font-size: 1.2em;
	line-height:1.2em;
	min-width:325px;
}
#people-list li a{
	color:#99C;
	}
#people-list li a:hover{
	padding-bottom: 2px;
	color: #006;
	}
 /*---------*/
 .bio-current4{
	 float:left; 
	 padding-top:6.0em;
	 min-width:350px;
	 }
.bio-current3{
	 float:left; 
	 padding-top:4.8em;
	 min-width:350px;
	 }
.bio-current2{
	 float:left; 
	 padding-top:3.6em;
	 min-width:350px;
	 }
.bio-current1{
	 float:left;
	 padding-top:2.0em;
	 min-width:350px;
	 }
#credits, #sitemap, #glossary, #scientists, #feedback, #sitemaps, #language{
	padding: 0px 30px;
	min-height:750px;
	margin: 0;
	}
#awards{
	padding: 0px 60px;
	min-height:750px;
	margin: 0;
	}
#credits h1, #sitemap h1, #glossary h1, #scientists h1, #feedback h1, #language h1, #awards h1{
	text-align:center;
	margin:15px 0;
	}
	
#credits h2, #sitemap h2, #glossary h2, #scientists h2, #feedback h2{
	text-align:center;
	margin:15px 0;
	}
/*-------- */
#credits dl {
	text-align:center;
	width:100%;
}
#credits dt {
	font-size: .9em;
    font-weight: bold;
    color: #544799;
	margin: 10px 0 0 0;
}
#credits dd {
    margin: 0;
    padding: 0 ;
	font-size: .8em;
	color: #544799;
}
	
/* sitemaps */

#sitemap h2{
	font-weight:bold;
}

#sitemap h4{
	text-align:left;
}

#sitemap ul {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
	text-align:left;
	width: 600px; 
}
#sitemap ul li {
	margin: 0;
	padding: 10px 0;
	font-size:1.2em;		
}

#sitemap ul li span{
	font-size:.85em;	
	display:block;
	padding-top:3px;
}

#sitemap img {display:block; float:left; padding-right:5px; border:0;}

#sitemap a:hover ,
#sitemap a:focus ,
#sitemap a:active  {
	color: #544799;
	}

#sitemap dl {
	text-align: left;
	margin: 0 0 10px 50px;
	width: 650px;
	}

#sitemap dt {
	float: left;
    clear: left;
    width: 100px;
    text-align: right;
	font-size: .9em; 
}
 
#sitemap dd {
    margin: 0 50px 0 110px;
    padding: 0 0 3px 0;
	font-size: .9em;
	line-height:17px;
	border-top:1px solid #ccccff;	
}
.sitemap a {text-decoration:none;background:#fff;display:block; border:solid #669; border-width:1px 1px 0 1px; color:#339; font-size:.9em;  font-weight:normal;padding:5px; margin:0; cursor:pointer;min-height: 35px;} 
.sitemap img {display:block; float:left; padding-right:5px; border:0;}
.sitemap a:hover ,
.sitemap a:focus ,
.sitemap a:active  {background:#BBBED9;}
/*-----------------glossary -----------------------------------------------*/	
#glossary dl {
    padding: 0;
    margin: 0 ;
	width: 600px;
	padding: 10px 20px 100px 80px;
	float: left;
}
#glossary dt {
	float: left;
    clear: left;
    width: 180px;
    height: 25px;
    line-height: 25px;
    margin: -3px 0px 0px;

}
#glossary img {
    vertical-align: -4px;
}
#glossary dd {
    margin: 0 0 0 190px;
    padding: 0 0 20px 0;
	font-size: .9em;
}
#glossary dd span{
	color:#669;
	font-size:.8em;
	}
#glossary p{
	text-align:center;
	font-size:.75em;
	}
/*-----------------scientists -----------------------------------------------*/	
#scientists dl {
	text-align:left;
	margin: 0 0 0 65px;
	}
#scientists dt {
	font-size: .9em;
	font-weight:normal;
	margin: 10px 0 0 0;	
} 
#scientists dd {
    margin: 0;
    padding: 0 ;
	font-size: .8em;
}
#scientists p{
	text-align:center;
	font-size:.75em;
	padding-top: 8px;
	}
#scientists H4{
	text-align:LEFT;
	padding-left:20px;
	}
#concept, #animation,  #gallery, #av, #bio, #problem, #links-bibl{
	padding: 0px 20px;
	min-height:640px;
	margin: 0;
}

#gallery{
	padding: 0px 20px;
	min-height:740px;
	margin: 0;
}

#concept{
	padding: 5px 10px 0 12px;
	}

#animation, #problem{
	padding: 0px 0px;
}
#bio{
	padding: 0 30px
	}
#av_left{
	width: 330px;
	float:left;
	margin: 0;
	padding:0;
	}
#av_right{
	width: 400px;
	float:right;
	margin: 0;
	padding-right: 20px;
	}
#links{
	width: 45%;
	float:left;
	padding: 0px 10px;
	}
#bibliography{
	width:48%;
	float:right;
	padding: 0px 10px;
	overflow: hidden;
	}
#concept p {
	font-size: 1.1em;
	margin-bottom:5px;
	line-height: 1.4em;
	color:#339;
	}
#animation-holder{
	border: 1px solid #ccccff;
	padding:3px;
	margin:7px;
	width:780px;
	/* height:376px; */
	}
/* Links */
a {
	color: #6464c8;
	text-decoration: none;
}
a:hover {
	color: #8d7ce6;
	text-decoration: none;
}
a:active {
	color: #007fbf;
}

/* Images */
img {
	border: none;
}
.floatLeft { 
	width:auto;
    float: left; 
	margin: 3px 10px 3px 0px;
}
.floatRight { 
	width:auto;
    float: right; 
    margin: 3px 0px 3px 15px;	
}
.floatLeftClear { 
	width:auto;
    float: left; 
    clear: both;
    margin: 0 10px 5px 0px;
}
.factoid-image{
	width:auto;
    float: left; 
	margin-right:  10px;
	padding-bottom: 120px;
	}
.concept-image { 
	width:auto;
    float: right; 
	margin: 3px 3px 10px 20px;
}
.awards-image { 
	width:auto;
    float: left; 
	margin: 3px 10px 10px 10px;
	clear: both;
	text-align:right;
}
/*list-style*/
ul{
	color:#006;
	font-size:.8em;
	line-height:16px;
	}
li{
	margin:0 0 0px 0;
	}
ul.concept a {
	color:#006;
	text-decoration: none;
}
ul.concept a:hover {
	color: #cc3b1f;
	}
ul.concept a:active {
	color: #a6a6a0;
	}
ul.concept {
	list-style-type:none;
	font-size:.8em;
	line-height:1.2em;
	margin:2px;
	padding: 5px 10px 5px 25px;
	text-indent: -20px;
	}
li.concept{
	padding: 3px 0px;
	}
li.concept1-9{
	padding: 3px 0px 0px 7px;
	}
#gallery img{
	border: none;
	padding: 0px;
	}
#gallery p{
	font-size:1em;
	}
/*misc*/
#border{
	border-bottom:1px solid #666;
	margin: 5px 10px ;
}
#factoid{
	margin-top:15px;
	padding-top: 10px;
	}
#factoid-bio{
	margin-top:50px;
	padding-top: 10px;
	border-top: 1px solid #ccccff;
	}
/*define list*/	
dl {
	width:300px;
	float:left;
	color:#006;
	margin:0;
	padding:0;
	}
	dt{
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:5px;
	}
	dd{
	font-size:.8em;
	margin:0 0 5px 0;
	padding-left:30px;
	line-height:16px;
	}

/*---------------------- home -----------------------------*/
#container-home { 
	width: 100%;
	margin: 0 auto;
	padding:0;
	text-align: left;
	background-color: #e7e7f3;
	}
/*kazusa-sites*/
#kazusa-sites-menu{
	background-color:#c8c5e0;
	padding: 0;
	width:100%;
	}
#kazusa-sites-menu-inner{
	background-color: #c8c5e0;
	/* background: url(../images/general/mark0.gif) no-repeat left center; */
	width: 100%x;
	margin: auto;
	height: 50px;
	}
#kazusa-sites-menu ul {
	margin: 0;
	padding: 18px;
	text-align: center;
	}
#kazusa-sites-menu li {
	display: inline;
	list-style: none;
	padding: 0 30px 0 0;
	/* font-family:Verdana, Geneva, sans-serif; */
	font-size: 1.2em;
	}
#kazusa-sites-menu a {
	color: #544799;
	text-decoration: none;
	padding: 0;
	/*background: url(../images/general/navigation-separator.jpg) no-repeat right center;*/
	}
#kazusa-sites-menu a:hover {
	color: #990000;
	}

/*cshl-sites*/
/*
#cshl-sites-menu{
	background-color:#c8c5e0;
	padding:3px 0 ;
	width:100%;
	position:absolute;
	top: 0;
	

	
	}
#cshl-sites-menu-inner{
	background-color:#c8c5e0;
	background: url(http://www.dnalc.org/images/cshl_standard.png) no-repeat left center;
	width:1000px;
	margin: 0px auto;
	height:40px;
	}
#cshl-sites-menu ul {
	margin: 0;
	padding: 0;
	text-align: right;
	}
#cshl-sites-menu li {
	display: inline;
	list-style: none;
	padding: 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.85em;
      }
#cshl-sites-menu a {
	color: #544799;
	padding:0 5px;
	}
#cshl-sites-menu a:hover {
	color:#990000;
	}	
*/

#header-home {
	/*background: url(../images/general/home-logo.jpg) no-repeat bottom center;*/
	position: absolute;
	top:20px;
	}
.home-logo{
	position: absolute;    
	top: 80px;
	left: 50%;
	margin-left: -380px;
	}
#description-home{
	text-align: left;
	width: 750px;
	margin: 0 auto;
	height: auto;
	padding: 0;
	font-family: "メイリオ";
	}
#description-home-right{
	float:left;
	text-align: left;
	width: 530px;
	margin: 0 auto;
	height: auto;
	padding-top:50px;
	font-family: "メイリオ";
	}
#description-home-center{
	clear:both;
	text-align: left;
	width: 700px;
	margin: 0 auto;
	height: auto;
	padding: 0;
	font-family: "メイリオ";
	}
#description-home-bottom{
	margin: 0 auto;
	padding-top:80px;
	width:860px;
	min-height:50px;
	}
#description-home-bottom-left{
	text-align: left;
	width: 400px;
	margin: 0 auto;
	height: auto;
	padding: 0;
	font-family: "メイリオ";
	}
#description-home-bottom-right{
	text-align: left;
	width: 400px;
	margin: 0 auto;
	height: auto;
	padding: 0;
	font-family: "メイリオ";
	}
#home-center{
	margin:25px 0 0 0 ;
	border-top:1px solid #006;
/*	background-color:#3f337f;*/
	background-color:#ffffff;
	border-top: 4px solid #f7f88d;
	width:100%;
	height: 250px;
	}
#home-center-inner{
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width:860px;
	min-height:240px;
	}
#home-left{
	float:left;
	width: 550px;
	padding: 0 10px;
	margin: 0px 10px ;
	}
#home-right{
	float:right;
	width: 250px;
	padding: 0 ;
	margin: 0;
	}
#box{
	background-color:#e7e7f3;
	border:1px solid #006;
	padding: 5px 10px;
	margin: 5px 0;
	}

/*------------------------*/

#footer-home { 
	padding: 40px 0;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
/*	background-color: #3f337f;*/
	background-color: #ffffff;	
	clear:both;
	}
#footer-home-inner{
	margin: 0 auto;
	width: 860px;
	text-align:left;
}	
#footer-home a{
	/* color: #9999cc; */
	/* color: #32cd32; */
	/* color: #009; */
	color: #66cc00;
}
#footer-home a:hover {
	/* color: #8d7ce6; */
	color: #99ff00;
}
#footer-home ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-home ul li{
	display: inline;
	margin: 0;
}
#footer-home ul li a {
	text-decoration: none;
	padding: 0 10px;
	background: url(../images/general/navigation-separator.jpg) no-repeat right center;
} 
#footer-home p {
	padding: 0;
	font-size: .7em;
	/* color: #ccc; */
	/* color: #483d8b; */
	color: #333366;
}
#footer-home-left{
	float: left;
	padding: 0;
	margin: 0;
}
#footer-home-right{
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

/* OPERA fix */
.nav-home ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fix */
a:active {}

/* ----------------------------------------------------------------------------	*/
#sidebar {float: right; width: 220px; margin-top: 15px; }
ul.sections-side {list-style-type:none;clear:left; position:relative; display:block; margin:0; padding: 30px 0 0 0;width: 220px; }

.sections-side{padding: 10px;}
.sections-side a {text-decoration:none;background:#fff;display:block; border:solid #669; border-width:1px 1px 0 1px; color:#339; font-size:.9em;  font-weight:normal;padding:5px; margin:0; cursor:pointer;min-height: 35px;} 
.sections-side img {display:block; float:left; padding-right:4px; border:0;}
.sections-side a:hover ,
.sections-side a:focus ,
.sections-side a:active  {background:#e7e7f3;}

#sidebar ul li a.concept-highlight {background:#fbf8a0; color:#544799; min-height: 35px;}

.sections-side1 {background: url('../images/general/sections-side.jpg'); width: 220px;
	background-position: 0 -160px;}
	
.sections-side2 {background: url('../images/general/sections-side.jpg'); width: 220px;
	background-position: -230px -160px;}

.sections-side3 {background: url('../images/general/sections-side.jpg'); width: 220px;
	background-position: -460px -160px;}	
	
/*----------------------------------------------------------------*/	
.menu-side {width:220px; padding:0; margin:0;}
/*---Home page menu---*/
ul.menu-side {
	list-style: none;
	padding: 0px;
	}

ul.menu-side li {
	padding-right:35px;
	float: left;
	margin-top:6px;
	width:220px;
	}
ul.menu-side li a {
	display: block;
	height: 60px;
  background: url('../images/general/menu-tall.png');
	}
/*---Home page menu---Normal Links---*/
ul.menu-side li.section1 a {
	width: 220px;
	background-position: 0 0;
	}
ul.menu-side li.section2 a {
	width: 220px;
	background-position: -220px 0;
	}
ul.menu-side li.section3 a {
	width: 220px;
	background-position: -440px 0;
	}
/*---Home page menu---Hover Links, current---*/
ul.menu-side li.section1 a:hover{
	background-position: 0 -60px;
	}
ul.menu-side li.section2 a:hover{
	background-position: -220px -60px;
	}
ul.menu-side li.section3 a:hover{
	background-position: -440px -60px;
	}
	
/*----------------------------------------------------------------*/	
.menu-side-s {width:220px; }
/*---Home page menu---*/
ul.menu-side-s {
	list-style: none;
	padding: 0px;
	}
ul.menu-side-s li {
	padding-right:35px;
	float: left;
	margin: 0;
	width:220px;
	}
ul.menu-side-s li a {
	display: block;
	height: 50px;
	background: url('../images/general/sections-side.jpg');
	}
/*---Home page menu---Normal Links---*/
ul.menu-side-s li.section1 a {
	width: 220px;
	background-position: 0 0;
	}
ul.menu-side-s li.section2 a {
	width: 220px;
	background-position: -230px 0;
	}
ul.menu-side-s li.section3 a {
	width: 220px;
	background-position: -460px 0;
	}
/*---Home page menu---Hover Links, current---*/
ul.menu-side-s li.section1 a:hover{
	background-position: 0 -80px;
	}
ul.menu-side-s li.section2 a:hover{
	background-position: -230px -80px;
	}
ul.menu-side-s li.section3 a:hover{
	background-position: -460px -80px;
	}

/* home feature -----------------------------------------------------------------*/
#home-feature h1{
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	margin: 0 0 7px 0;
	padding:0;
	color:#9999cc;
	font-weight:bold;
	}
#home-feature a{
	color:#9999cc;
	}
#home-feature a:hover {
	color:#8d7ce6;
	}
#home-feature dl {
	width:290px;
	float:left;
	margin: 0 20px 5px 0;
	}
#home-feature dt{
	font-weight:bold;
	font-size:.95em;
	margin:0 0 10px 0;
	padding:0;
	color:#000066;
	background:none no-repeat left top;
	}
#home-feature dd.blog, 
#home-feature dd.feature, 
#home-feature dd.news, 
#home-feature dd.mail, 
#home-feature dd.media, 
#home-feature dd.more{
	color:#ccc;
	font-size:.75em;
	margin:0 0 20px 0;
	
	min-height:50px;
	}
#home-feature dd span{
		color:#9a8ae9;
		font-size:1.1em;
		font-weight:bold;
	}
#home-feature dd.blog{
	background:  url(../images/general/icon/dnaftb-blog-sm.png) no-repeat 0 0;
	padding-left:80px;
	}
#home-feature dd.feature{
	padding-left:0px;
	/*background:  url(../images/general/icon/simple_mapper.png) no-repeat 0 0;*/
	}
#home-feature dd.news{
	background:  url(../images/general/icon/news.png) no-repeat 15px 0;
	padding-left:80px;
	}
#home-feature dd.mail{
	/* background:  url(../images/general/icon/mail.jpg) no-repeat 0 0; */
	padding-left:0px;
	}
#home-feature dd.mail p{
	color:#ccc;
	font-weight:bold;
	}
#home-feature dd.media{
	
	padding-left:10px;
	}
#home-feature dd.more{
	padding-left:10px;
	}
	
/*input*/
label
{
width: 3.5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
input
{
color: #000066;
background: #e7e7f3;
border: 1px solid #9999cc;
}

.submit input
{
margin-left: 4.2em;
color: #000066;
background: #9999cc;
border: 1px solid #c8c5e0;
}
/* video clps -----------------------------------------------------------------*/

#av_left{margin:0; padding:0;}
#av_left ul {
	list-style-type:none;
	margin:0; 
	padding: 0 10px;
	}
#av_left li{
	list-style:none;
	background:url(../images/general/video_button.jpg) no-repeat 0px 0;
	padding-left:50px;
	margin: 10px 0;
	font-family:    Georgia, "Times New Roman", Times, serif;
	min-height:35px;
	}
#av_left li span{
	font-size:.8em;
	margin: 2px 0;
	font-style:italic;
	font-stretch:condensed;
}
#av_left li a{color:#009;}
#av_left li a:hover{color:#9999cc;}
#av_left li a.current{
	color:#733696;
	}

/*-----------------video list -----------------------------------------------*/
#navlist{
	margin: 20px 0 0 0 ;
	padding: 16px 0 0 0;
	font-family:    Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color:#339;
	width:415px;
	float:right;
	}
#navlist ul, #navlist li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float:left;
	}
#navlist li{
	margin-right: 60px;
	}
#navlist li span{
	font-size:.5em;
	color:#99c;
	font-weight:normal;
	padding:0;
	margin:0;
	top:0;
}
#navlist li a{
	color:#99C;
	}
#navlist li a:hover{
	padding-bottom: 2px;
	color: #006;
	}
#navlist li a:current{
	padding-bottom: 2px;
	color: #006;
	}

/*----------------- download -----------------------------------------------*/
.download {
	text-align:right;
	margin-top:10px;
	}
.download a{
	padding-right:15px; 
	margin-right:20px;
	background:url(../images/general/download_bg.png) right no-repeat;
	}
/*-----------------------------------------------------------------*/
#border{
	border-bottom:1px solid #ccccff;
	margin: 0 0 10px 0;
	padding:0;
	}
/*-----------------------------------------------------------------*/
#links dl {
	float:left;
	margin: 10px 0 0 20px;
	line-height:1em;
	}
#links dt{
	font-size:0.9em;
	margin-bottom:5px;
	}
#links dd{
	font-size:0.8em;
	margin:0 0 20px 0;
	padding-left:10px;
	}
/*----------------------------------------------------------------*/
#bibliography{
    margin:0; padding:0;
    }
#bibliography ul {
	list-style-type:circle;
	margin: 10px 0 0 0px;
	}
#bibliography li{
	padding:0;
	margin: 10px 0;
	font-family:    Georgia, "Times New Roman", Times, serif;
	}
/*-----------------#Home page menu -----------------------------------------------*/
#menu-home { 
	height: 80px; 
	text-align: center;
	padding-top: 0px;
	margin: 50px 0 0 0;
	}
/*-----------------Home page menu -----------------------------------------------*/
ul.menu-home {
	list-style: none;
 	padding: 0px;
	margin:0 auto;
	width: 780px;
	padding-left:50px;
	}
.displace {
	position: absolute;
	left: -5000px;
	display: none;
	}
ul.menu-home li {
	float: left;
	width: 250px;
	}
ul.menu-home li a {	
	display: block;
	height: 60px;
	background: url('../images/general/menu-tall.png');
	}
/*---Home page menu---Normal Links---*/
ul.menu-home li.section1 a {
	width: 220px;
	background-position: 0 0;
	}
ul.menu-home li.section2 a {
	width: 220px;
	background-position: -220px 0;
	}
ul.menu-home li.section3 a {
	width: 220px;
	background-position: -440px 0;
	}
/*---Home page menu---Hover Links, current---*/
ul.menu-home li.section1 a:hover{
	background-position: 0 -60px;
	}
ul.menu-home li.section2 a:hover{
	background-position: -220px -60px;
	}
ul.menu-home li.section3 a:hover{
	background-position: -440px -60px;
	}
/*---Home page menu---Hover Links, current---*/
ul.menu-home li.section1 a.current {
	background-position: 0 -120px;
	height: 65px;
	}
ul.menu-home li.section2 a.current{
	background-position: -220px -120px;
	height: 65px;
	}
ul.menu-home li.section3 a.current{
	background-position: -440px -120px;
	height: 65px;
	}
/*----------------------------------------------------------------*/
.concepts-holder {
  background: url('../images/general/sections-bg.png') no-repeat; width: 850px; height:250px; padding: 1px 0 0 1px;
  position: absolute;    
  top: 505px;
  left: 50%;
  margin-left: -430px;
}
.concepts-left{ float:left;  margin-right:1px; }
.concepts-middle{float:left;  margin-right:1px; }
.concepts-right{float:left; }

ul.sections-home {list-style-type:none;clear:left; position:relative; display:block; margin:0; padding: 0;width: 280px; }
.sections-home  a {text-decoration:none;background:#fff;display:block; color:#339; font-size:.9em;  font-weight:normal;padding:5px; margin:0 0 1px 0; cursor:pointer;min-height: 35px; } 

.sections-home  img {display:block; float:left; padding-right:4px; border:0;}
.sections-home  a:hover ,
.sections-home  a:focus ,
.sections-home  a:active  {background:#fbf8a0;}

/*-----------------top menu -----------------------------------------------*/
#nav{
	margin: 8px 0 15px 0 ;
	padding: 0;
	height: 28px;
	}
#nav ul {
	list-style: none;
	padding: 0 0 0 8px;
	margin:0;
	}
#nav ul li {
	float: left;
	}
#nav ul li a {
	display: block;
	width: 112px;
	height: 28px;
	background: url('../images/general/top-menu.jpg');
	}
/* top menu - Normal Links */
#nav ul li.menu1 a {
	background-position: 0 0;
	}
#nav ul li.menu2 a {
	background-position: -112px 0;
	}
#nav ul li.menu3 a {
	background-position: -224px 0;
	}
#nav ul li.menu4 a {
	background-position: -336px 0;
	}
#nav ul li.menu5 a {
	background-position: -448px 0;
	}
#nav ul li.menu6 a {
	background-position: -560px 0;
	}
#nav ul li.menu7 a {
	background-position: -672px 0;
	}

/*	top menu - Hover Links */
#nav ul li.menu1 a:hover {
	background-position: 0 -28px;
	}
#nav ul li.menu2 a:hover {
	background-position: -112px -28px;
	}
#nav ul li.menu3 a:hover {
	background-position: -224px -28px;
	}
#nav ul li.menu4 a:hover {
	background-position: -336px -28px;
	}
#nav ul li.menu5 a:hover {
	background-position: -448px -28px;
	}
#nav ul li.menu6 a:hover {
	background-position: -560px -28px;
	}
#nav ul li.menu7 a:hover {
	background-position: -672px -28px;
	}
/* top menu - Clicked Links */
#nav ul li.menu1 a.current  {
	background-position: 0 -56px;
	}
#nav ul li.menu2 a.current  {
	background-position: -112px -56px;
	}
#nav ul li.menu3 a.current  {
	background-position: -224px -56px;
	}
#nav ul li.menu4 a.current  {
	background-position: -336px -56px;
	}
#nav ul li.menu5 a.current  {
	background-position: -448px -56px;
	}
#nav ul li.menu6 a.current  {
	background-position: -560px -56px;
	}
#nav ul li.menu7 a.current  {
	background-position: -672px -56px;
	}

/*-----------------language -----------------------------------------------*/
#language dl {
    padding: 0;
	width: 600px;
	padding: 50px 20px 100px 80px;
	}
#language dt {
	float: left;
    clear: left;
    width: 180px;
	}  
#language dd {
    margin: 0 0 0 190px;
    padding: 0 0 20px 0;
	font-size: .9em;
	}
#language dd span{
	color:#FD0000;
	font-size:.8em;
	}
/*--------------- */
#cshl-container{
	height: 45px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	}
#cshl {
	width: 965px;
	padding:5px 0 ;
	margin: 0px auto;
	overflow: visible;
	position: relative;
	font-size:1.4em;
}
#cshl a {
	color: #555555; 
	font-size: 0.7em;
	padding:21px 20px 0 0;
}
#cshl a:hover {
	color:#990000;
}

/* IPAD */

@media only screen and (max-device-width: 1024px) {
 body {  background: #544799 url(../images/general/bg-gradient.jpg) repeat-x 0 0 ; margin: 0; }
}