body { 
text-align: center;
margin:0px;
margin-top:7;
margin-bottom: 7;
/*height:100%;*/
background-color:  #D8DBEA;/*D8D8EE; #95B9C7*/ 
background-image:
url('BackGround.jpg');
background-repeat: repeat-x; 

}

a:link { color: white; text-decoration: none; }
a:visited { color: white; text-decoration: none; } 
a:hover { color: black; } 

a img {border: none; } 

a.ref-text:link { color: #003366; text-decoration: none; }
a.ref-text:visited { color: #003366; text-decoration: none; } 
a.ref-text:hover { color: #0000FF; } 

div.IntroH{
font-size: 1.5em;
font-weight:bold;
line-height:1.7em;
color: #003366;
}


div.container
{
width:1000px;
line-height:140%;
font-family:  Helvetica,Geneva, Arial, sans-serif;
/*font-size: small;*/
/*background-color: #4682B4;*/
border: 1px solid black;
background: white;
color: black;
margin: 0 auto;
text-align: left;
}
div.header,div.footer
{
font-family: serif;
line-height: 69px;
padding-left:2em;
/*padding-top:1em;*/
color:white;
height: 69px;
background-color: #737CA1;
clear:left;
}

div.header{
background-image:
url('headerBlue.jpg');
background-repeat: repeat-x; 
}

div.footer{
background-image:
url('footerBlue.jpg');
font-size:1.1em;
background-repeat: repeat-x;
border-top: 1px solid black; 
}

h2, h3,h4
{
font-family: sans-serif;
color: #003366;
}

h1.header
{
padding:0;
margin:0;}

p {
text-align:justify; 
}

div.selection
{
font-size: 0.9em;
float:left;
width:12em;
margin:0;
color:#484848;
padding:1em;
clear:left;
}

div.selectionBlob
{
font-size: 0.9em;
float:left;
width:16.5em;
margin:0;
color:#484848;
padding:1em;
padding:right:0.5em;
clear:left;
}


div.left
{
margin-top:0px;
font-family:serif;
font-size:1.2em;
padding-left:2em;
color:white;
background-image:
url('NavigationMid2.jpg');
clear:left;
border-bottom:1px solid black;
border-top:1px solid black;
}




div.content
{
/*border-left:1px solid black;*/
padding:2em;
padding-top:1.5em;
padding-bottom:3em;
background-color: white;
}

.separa {
	clear: both;
	padding-top: 0.8em;
}


div.atlas
{
min-height: 400px;
height:auto !important;
height:400px;
margin-left: 12.5em;
border-left:1px solid black;
padding:1em;
padding-right:0em;
background-color: white;
}

div.atlasKyna
{
min-height: 400px;
height:auto !important;
height:400px;
padding:1em;
background-color: white;
}

div.atlasBlob
{
min-height: 400px;
height:auto !important;
height:400px;
margin-left: 16.5em;
border-left:1px solid black;
padding:1em;
padding-right:0em;
padding-left:0.5em;
background-color: white;
}

#start{
padding: 1em;
padding-right:2em;
}

div.nonexisting
{
display:none;
height:0px;
width:0px;
}



ul.Navigate{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	line-height:45px;
	} 


li.Navig {
	margin-left: 0;
	padding: 3px 10px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}
	
		

li.first {
	margin-left: 0;
	padding: 3px 10px;
	padding-left:0em;
	border-left: none;
	list-style: none;
	display: inline;
	}

li.pubs {
    list-style:decimal;
	 line-height: 150%;
	}
	
	
ul.subs {
	 line-height: 150%;
	 list-style:none;
	}	
   

#slider-1 {
	height: 30px;
}


#minus {
	width:	auto;
	height:30px;
}


#plus {
	width:	auto;
	height:30px;
}



#change {
	width:	90px;
}

div.SliderButtonTable{
padding-top:1.5em;
padding-left:9em;
padding-bottom:-1em;
}
table.SliderButton {
border-collapse: collapse;
}

td {
vertical-align: middle;
padding:0px;
}

div.floating{
margin-left: 600px;
}

div.imageGroup{
margin-left: 0px;
margin-top:1em;
width:500px;
float:left;
padding-bottom:1em;
}

div.imageGroup2{
margin: 0px;
margin-top:-1em;
margin-bottom:1em;
padding-right:1em;
width:750px;
float:left;
padding-bottom:1em;
}

div.imageGroup3{
margin: 0px;
margin-top:-1em;
margin-bottom:1em;
padding-right:1em;
width:620px;
float:left;
padding-bottom:1em;
}


div.code
{
margin:1em;
border-top:1px solid black;
border-bottom:1px solid black;
padding:2em;
}


div.Intro_Text{
padding-right:4em;
padding-left:4em;
}




div.floater {
  float: left;
  margin-left:0.2em;
  margin-right:0.2em;
  margin-bottom:0.5em;
  margin-top:0.5em;
  line-height:2em;
  }
  
div.floater p {
   text-align: center;
   color:  #003366;
   font-weight : bold; 
   line-height:2em;
   }

div.footnote{
   font-size : 0.8em;
   margin-top:10em;
   
} 

.dynamic-slider-control {
	position:		relative;
	background-color:	ThreeDFace;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				300px;
	height:				29px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;
	-moz-user-select:	none;
	cursor:				default;
	background:		        ThreeDFace;
	border:				1px solid;
	border-color:               	ThreeDHighlight ThreeDDarkShadow
           					ThreeDDarkShadow ThreeDHighlight;
}

/* inner border */
.dynamic-slider-control .handle div {
	font-size:			1px;
	border:				1px solid;
	border-color:                   ThreeDLightShadow ThreeDShadow
				   	ThreeDShadow ThreeDLightShadow;

	behavior:			url("css/boxsizing.htc");	/* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

	inner sets size
.dynamic-slider-control.horizontal .handle {
	width:				12px;
	height:				22px;
}


.dynamic-slider-control.horizontal .handle div {
	width:				8px;
	height:				18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
	width:				22px;
	height:				12px;
}
*/

.dynamic-slider-control.vertical .handle div {
	width:				18px;
	height:				8px;
}