/* CSS Document */
/* tricolors: light blue: #00B0F0  darkblue: #000066  darkgreen: #002b00  lightgreen: #90EE90 yellow: #FFFF00*/

@import url('https://fonts.googleapis.com/css?family=Archivo|Archivo+Black|Archivo+Narrow|Open+Sans|Open+Sans+Condensed:300|Pacifico|Raleway|Lato|Roboto');

html, body { height: 100%; }
body{ background-image:url(../images/cream_pixels.fw.png); background-repeat:repeat; margin-top:10px; }

section{ font-size:1.2em; }

blockquote {font-style: italic; display: block; margin-bottom:1em; border-left:3px solid #000066; padding:1em;  color: #000066; }

.wrapper {  max-width: 1126px;  background-color:#FFF;  width: 100%; margin: 0 auto -20px; }

.thumbnail { position: relative; height: 140px; }
.thumbnail img {max-width:100%; max-height: 100%; border:0; display: inline-block; vertical-align: middle; }
.slideimg { margin 0; border: 0; padding: 0; max-width:100%; max-height:100%; }

/* Disables the selection */
.disableselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;      
  -ms-user-select: none; user-select: none; }

/* Disables the drag event (mostly used for images) */
.disabledrag{ -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; }

/* ------------------ header ------------------- */

#header_top{  width: 100%;  background-image:url(../images/dblue_top-bg.png);  background-repeat:repeat-x; height:12px; }

.header{ width: 100%; background-color:#00B0F0; background-image:url(../images/header.png); background-repeat:no-repeat;
   height:218px; margin-left:0 0 0 0; }

.gocie { background-image:url(../images/header_gocie.png); }
.research { background-image:url(../images/header_res.png); }
.members{ background-image:url(../images/header_mem.png); }
.publications{ background-image:url(../images/header_pub.png); }
	 
#header_border{ border-top-width:2px; border-top-style:dashed; border-top-color:#000066; }
 
#header_bottom{ width: 100%; background-image:url(../images/dblue_bottom-bg.png); background-repeat:repeat-x; height:33px; }

/* ------------------ Carousal Animations ------------------- */

.jtSlides, .jtSlides1, .jtSlides2 {display:none;}
.img-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.img-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.img-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.img-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.img-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.img-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.img-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.img-animate-input{transition:width 0.4s ease-in-out}.jt-animate-input:focus{width:100%!important}

/* ------------------ links ------------------- */

.linkarrow { display: inline-block; max-width:55px; max-height:18px; background-image:url(../images/larrow.png); background-repeat:no-repeat; }
.linkarrow:hover { background-image:url(../images/larrow_hot.png); }

#toparrow {display: inline-block; max-width:40px; max-height:60px; }
.object { max-width:40px; max-height:60px; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in;}
.uparrow {width: 40px; height: 60px;}

#toparrow .move-down {transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); 
-moz-transform: translateY(100px);}

#toparrow .move-up, #toparrow .move-down {transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);
-moz-transform: translateY(0px);}

#toparrow:hover .move-up {transform: translateY(-60px) translateY(0px); -webkit-transform: translateY(-60px) translateY(0px); -o-transform: translateY(-60px) translateY(0px); -moz-transform: translateY(-60px) translateY(0px);}	

#toparrow:hover .move-down {transform: translateY(60px) translateY(0px); -webkit-transform: translateY(60px) translateY(0px); -o-transform: translateY(60px) translateY(0px); -moz-transform: translateY(60px) translateY(0px);}

.themelink, .themelink:active, .themelink:visited {font-weight:900; color:#000066; text-decoration:none; }

.themelink:hover{background: #000066; color: #FFFF00;}
.journal{font-weight:normal}

.linkhot { margin-bottom: 0px; width: 18px; height:18px; display:block; background:transparent url('../images/link_b.png') center top no-repeat; background-size: contain; display:inline-block;}
.linkhot:hover { background-image: url('../images/link_bl.png');
}

/* ------------------ modal box ------------------- */

.jt-modal {position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in; pointer-events: none;
}
.jt-modal:target {opacity:1; pointer-events: auto;
}

.jt-modal > section { border-radius: 1em; padding: 2em; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }

.jt-modal > div {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0px 10px; border-radius: 1em; background: #00B0F0;
	background: -moz-linear-gradient(#00B0F0, #000066); background: -webkit-linear-gradient(#00B0F0, #000066); background: -o-linear-gradient(#00B0F0, #000066);
}
.jt-modal > section img {display: block; margin: auto; max-width:100%; max-height:100%;
}

.jt-modal > div img {display: block; margin: auto; max-width:100%; max-height:100%;
}

.jt-modal-close {line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; /* -webkit-transition:-webkit-transform .8s ease-in-out; transition:transform .8s ease-in-out; */
}
/* .jt-modal-close:hover {-webkit-transform:rotate(360deg);transform:rotate(360deg);
} */

/* ------------------ Container and Layouts ------------------- */

.jt-container,.jt-panel{padding:0.01em 16px}
.jt-panel{margin-top:16px;margin-bottom:16px}
.jt-container:after,.jt-container:before,.jt-panel:after,.jt-panel:before{content:"";display:table;clear:both}
.jt-section{margin-top:16px!important;margin-bottom:16px!important}
.jt-circle{ -moz-border-radius: calc(100%/2px); -webkit-border-radius: calc(100%/2px); border-radius: calc(100%/2px); }

/* ------------------ colors ------------------- */

.jt-amber,.jt-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.jt-indigo,.jt-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.jt-deep-orange,.jt-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.jt-deep-purple,.jt-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.jt-deep-blue,.jt-hover-deep-blue:hover{color:#fff!important;background-color:#000066!important}
.jt-light-blue,.jt-hover-light-blue:hover{color:#fff!important;background-color:#00B0F0!important}
.jt-teal,.jt-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.jt-white,.jt-hover-white:hover{color:#000!important;background-color:#fff!important}
.jt-black,.jt-hover-black:hover{color:#fff!important;background-color:#000!important}
.jt-gradient-blue, .jt-gradient-down-blue {background: #00B0F0; background: -moz-linear-gradient(0deg, #00B0F0, #000066); background: -webkit-linear-gradient(0deg, #00B0F0, #000066); background: -o-linear-gradient(0deg, #00B0F0, #000066); linear-gradient(0deg, #00B0F0, #000066); }
.jt-gradient-right-blue {background: #00B0F0; background: -moz-linear-gradient(180deg, #00B0F0, #000066); background: -webkit-linear-gradient(180deg, #00B0F0, #000066); background: -o-linear-gradient(180deg, #00B0F0, #000066); linear-gradient(180deg, #00B0F0, #000066); }
.jt-gradient-light-blue {background: #d6f2fc; background: -moz-linear-gradient(180deg, #d6f2fc, #00B0F0); background: -webkit-linear-gradient(180deg, #d6f2fc, #00B0F0); background: -o-linear-gradient(180deg, #d6f2fc, #00B0F0); linear-gradient(180deg, #d6f2fc, #00B0F0); }
.jt-text-amber{color:#ffc107!important}
.jt-text-indigo{color:#3f51b5!important}
.jt-text-deep-orange{color:#ff5722!important}
.jt-text-deep-purple{color:#673ab7!important}
.jt-text-teal{color:#009688!important}
.jt-text-red,.jt-hover-text-red:hover{color:#f44336!important}
.jt-text-green,.jt-hover-text-green:hover{color:#4CAF50!important}
.jt-text-blue,.jt-hover-text-blue:hover{color:#2196F3!important}
.jt-text-deep-blue,.jt-hover-text-deep-blue:hover{color:#000066!important}
.jt-text-light-blue,.jt-hover-text-light-blue:hover{color:#00B0F0!important}
.jt-text-yellow,.jt-hover-text-yellow:hover{color:#ffeb3b!important}
.jt-text-white,.jt-hover-text-white:hover{color:#fff!important}
.jt-text-black,.jt-hover-text-black:hover{color:#000!important}
.jt-transparent,.jt-hover-none:hover{background-color:transparent!important}
.jt-border-white,.jt-hover-border-white:hover{border-color:#fff!important}
.jt-border-black,.jt-hover-border-black:hover{border-color:#000!important}

/* ------------------ sizing and border ------------------- */

.jt-border-0{border:0!important}
.jt-border{border:1px solid #fff!important}
.jt-border-top{border-top:1px solid #ccc!important}
.jt-border-bottom{border-bottom:1px solid #ccc!important}
.jt-border-left{border-left:1px solid #ccc!important}
.jt-border-right{border-right:1px solid #ccc!important}
.jt-tiny{font-size:10px!important}
.jt-small{font-size:12px!important}
.jt-medium{font-size:15px!important}
.jt-large{font-size:18px!important}
.jt-xlarge{font-size:24px!important}
.jt-xxlarge{font-size:36px!important}
.jt-xxxlarge{font-size:48px!important}
.jt-jumbo{font-size:64px!important}

/* ------------------ positioning ------------------- */

.jt-center{text-align:center!important}
.jt-left-middle{position:relative;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.jt-display-topleft{position:absolute;left:0;top:0}.jt-display-topright{position:absolute;right:0;top:0}
.jt-display-bottomleft{position:absolute;left:0;bottom:0}.jt-display-bottomright{position:absolute;right:0;bottom:0}
.jt-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.jt-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.jt-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.jt-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.jt-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.jt-display-inlineblock{display:inline-block;}

/* ------------------ rotations ------------------- */

.jt-rotable-text{display:inline-block; -webkit-transition:-webkit-transform .8s ease-in-out; transition:transform .8s ease-in-out;}
.jt-rotable-text:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

/* ------------------ navigation ------------------- */

.jt-left{float:left!important}.jt-right{float:right!important}
.jt-left-black-triangle{content:"\25c0";}
.jt-left-white-triangle{content:"\25c1";}
.jt-right-black-triangle{content:"\25b6";}
.jt-right-white-triangle{content:"\25b7";}
.jt-left-black-doubletriangle{content:"\23ea";}
.jt-right-black-doubletriangle{content:"\23e9";}
.jt-black-delete{content:"\2717";}
.jt-black-cross{content:"\2a2f"}
.jt-black-bigcross{content:"\274c";}
.jt-left, .jt-right, .jt-badge, .jt-black-delete, .jt-black-cross {cursor:pointer}
.jt-badge,.jt-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.jt-badge{border-radius:50%}
.jt-badge {height:13px;width:13px;padding:0}
.jt-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.jt-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.jt-button:disabled{cursor:not-allowed;opacity:0.3}
/*.jt-button:hover{color:#000!important;background-color:#ccc!important}*/

#fixed-nav { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 57px; background-color: #00B0F0; }

#menu { position: fixed; right: 0; top: 50%; width: 8em; margin-top: -2.5em; }

#nav { display: block; width: 100%; background-color: #00B0F0; height: 57px; background-repeat: repeat; }

#nav .wrap-nav{	height: 30px; background: #333333; }

#nav ul{ float:left; list-style:none; width:100%; }

#nav ul li{ float:left; list-style:none; margin-right:80px; }
	
#nav ul li a{ text-decoration: none; font-size: 14px; font-weight: bold; line-height: 16px; color: #000066; display: block; padding: 7px 10px; margin-bottom: 1px; z-index: 3; position: relative; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; 	}
	
#nav ul li a:hover {background: #000066; color:#FFFFFF;}
		
/* ------------------ content styles ------------------- */
	
h1 { font-family: 'Pacifico', cursive; font-weight:700; font-size:2.4em; margin-left:12px; line-height:1.5em; }
h2, h3 { font-family:"Archivo Black", sans-serif; font-weight:normal; letter-spacing:0.4px; line-height:1.4em; }
h2{ font-size:2.0em;  text-align: center; color: #002b00; }
h3{ font-size:1.625em; color: :#000066; }
h3:target{color:#000066;border-bottom:.25em solid #00B0F0;margin-bottom:0.5em;}
h3:target:after{display: inline-block;}
h3:after{width:52px; height:24px; display:none; background-image:url(../images/left.png); content:" "; background-repeat:no-repeat; background-size:52px 24px;}
.title{color:#fff; background-color:#000066;padding:4px 16px;}
h3 .subhead {font-size: 1.4em; line-height: 1.2em; }
h3 .head:hover{ color:#00B0F0; background-color:#000066; padding-left: 10px;}
p{ font-size:inherit; font-family:inherit; text-align:left; line-height:1.2em; text-align:justify; letter-spacing: 0.2px; }
#linkbox{ width: 230px; height: 150px; border: 1px solid #002b00; margin-left: 10px; }
#linkboxheader{	width: 229px; height: 40px; border: 1px solid #002b00; background-color: #002b00; padding-top: 5px; padding-left: 15px; color: #ffffff; font-size: 1.2em; }
#content .wrap-content{ background: #ffffff;}
.box1 { *margin:5px 7px; padding:10px; }
.box1 h2{text-align:center; }
.box2 { margin:0px 7px; padding:10px; text-align:left; }
.box3 { margin:5px 7px; padding:10px; text-align:left; }
div.line { border-top-width:1px; border-top-style:dotted; border-top-color:#D7D7D7; }

/* ------------------ line styles ------------------- */

hr.jt-dark-blue-line { border-top-width:2px; border-top-style:solid; border-top-color:#000066; }
hr.jt-gradient-blue-line { border: 0; height: 2px; background-image: linear-gradient(to right, #000066, #00B0F0, #000066); }
hr.jt-theme-up-line {border: none; height: 10px; background: linear-gradient(135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(-135deg, #fff 5px, #000066 0) 0 5px; background-color: #fff; background-position: left bottom; background-repeat: repeat-x; background-size: 10px 10px;}
hr.jt-theme-down-line {border: none; height: 10px; background: linear-gradient(315deg, #fff 5px, transparent 0) 0 5px, linear-gradient(-315deg, #fff 5px, #000066 0) 0 5px; background-color: #fff; background-position: left bottom; background-repeat: repeat-x; background-size: 10px 10px;}

/* -------------------- column and row ------------------- */


.wraptext{margin:5px;}
.text .co1umn{float:left; display: inline-block;}
.text .wraptext{ margin: 16px; }
.co2umn {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    -webkit-column-rule: 2px solid #000066; /* Chrome, Safari, Opera */
    -moz-column-rule: 2px solid #000066; /* Firefox */
    column-rule: 2px solid #000066;
}

/* ------------------ lists -------------------- */

#numlist { width:90%; margin: 0;}
#numlist ol { font-style:italic; font-family:Georgia, Times, serif; font-size:1em; color:#000066;  }
#numlist ol li { font-size:1.2em; }
#numlist ol li p { padding:0.34em; font-style:normal; font-family:Arial; font-size:0.8em; line-height:1.2em; color:#000; border-left: 2px solid #000066;}
#numlist ol li p em { color:#000066; display:block; *border-bottom: 2px solid #000066;}

#rdnumlis, #sqnumlis {width:90%; margin:0 auto;}
#rdnumlis ol, #sqnumlis ol {counter-reset: li; list-style: none; font-size: 0.8em; font-family: 'Arial', sans-serif; padding: 0; margin-bottom: 4em; }
#rdnumlis ol ol, #sqnumlis ol ol {margin: 0 0 0 2em;}
#rdnumlis p, #sqnumlis p {font-size: 1em; position: relative; display: block; padding: .4em .4em .4em 2em; margin: .5em 0; background: #000066; color: #fff; text-decoration: none; transition: all .2s ease-in-out; }
#rdnumlis p { -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: 12em; }
#rdnumlis p em, #sqnumlis p em { color:#FFFF00; display:block; }
#rdnumlis p:hover, #sqnumlis p:hover { background: #00B0F0; text-decoration:none; color:#000; *transform: scale(1.1); }
#rdnumlis p:before, #sqnumlis p:before { content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background:#000066; height: 2em; width: 2em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; color:#FFF; }
#rdnumlis p:before { -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; }

.jt-numdl, .jt-dl {counter-reset: jt-counter; }
.jt-numdl dt, .jt-dl dt {position: relative; font: bold 16px Georgia; padding: 0 0 0 0; }
.jt-numdl dt:before {content: counter(jt-counter); counter-increment: jt-counter; position: absolute; left: 0; top: 0; font: bold 50px/1 Sans-Serif; }
.jt-dl dd, .jt-dl dt {margin: 0 0 10px 0; }
.jt-numdl dt {padding: 4px 0 10px 0; }
.jt-numdl dd {margin: 0 0 20px 0; }	
.jt-numdl dt, .jt-numdl dd {padding-left: 50px; } 

.jttitlelis { width: 100%; padding: 10px 0; }
.jttitlelis ul, .jttitlelis ol { margin: 0!important; padding: 0!important; list-style: none; }
.jttitlelis ul:before, .jttitlelis ol:before { content:attr(title); font-size:125%; font-weight:bold; color: #000066; margin-bottom: 5px; border-bottom: 5px solid #000066;}
.jttitlelis ul li, .jttitlelis ol li { padding: 5px 0; padding-left: 10px; border-left: 5px solid #000066; margin-left: 1.5em; counter-increment: li; }
.jttitlelis ul li:before, .jttitlelis ol li:before { font-weight: bold; color: #000066; display: inline-block; width: 1em; margin-left: -2.1em; margin-right: 0.6em; text-align: right; direction: rtl; }
.jttitlelis ol li:before { content: counter(li); }
.jttitlelis ul li:before { content: "\2714"; } /* for check mark */
/* .jttitlelis ul li:before { content: "\2022"; } /* for bullet */ */

/* ------------------ footer -------------------- */

footer {
    background-image: url(../images/lblue_top-bg.png);
	background-repeat: repeat-x;
	clear:both;
} 
	
.wrap-footer{
	background-image: url(../images/lblue_top-bg.png);
	background-repeat: repeat-x;
	}

.ftr { 
		background:#000066; 
		font-family:Arial, Helvetica, sans-serif; 
		padding:5px 0px; 
		color:#ffffff; 
		}

.ftr p{
		font-size:0.8em;
		font-weight:700; 
		font-family:Arial, Helvetica, sans-serif; 
		text-align:center;
		line-height:30px;
				}

.ftr a{
	text-decoration:none; 
	color:#00B0F0; }

.ftr a:hover{
	background: #FFFFFF; 
	color: #DA251D;}

		
/*----------	Tablet size    ---------*/		
		
@media only screen and (max-width: 768px) {

body{
		margin-top:10px;
}

.header{
   width: 100%;
   background-color:#00B0F0;
   background-image:url(../images/header_big.png);
   background-repeat:no-repeat;
   height:214px;
   margin-left:0 0 0 0;
   display:block;
      }

.gocie{ background-image:url(../images/header_gocie_big.png); }
.research{ background-image:url(../images/header_res_big.png); }
.members{ background-image:url(../images/header_mem_big.png); }
.publications{ background-image:url(../images/header_pub_big.png); }
	  
#nav {
   width: 100%;
   background:#00B0F0;
    position: relative;  
    border-bottom: 10px solid #00B0F0;
}

   #nav ul{
	float:left;
	list-style:none;
	width:100%;
	display: block;
	position:relative;
		}
		
	#nav ul li a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #000066;
	display: block;
	margin:0;
    padding:5px;
    list-style:none;
	z-index: 1;
	position:relative;	
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	}
		
	#header_bottom{
   width: 100%;
   background-image:url(../images/dblue_bottom-bg.png);
   background-repeat:repeat-x; 
   position:relative;
   z-index:3;
   display:block;
}

   #content .wrap-content{ 
   background: #ffffff; 
   display: block; 
   width: 100%; 
		}

.text .wraptext{
	margin: 16px;
}

.box1 .box2 .box3 {
	*margin:0px 7px; 
	padding:5px; 
		}
 	}
		
		
		
		/*----------	Iphone size    ---------*/		
	
@media only screen and (max-width: 320px) {

body{
   margin-top:1px;
}

.header{
   width: 100%;
   background-color:#00B0F0;
   background-image:url(../images/header_small.png);
   background-repeat:no-repeat;
   height:160px;
   margin-left:0 0 0 0;
   display:block;
      }

.gocie{ background-image:url(../images/header_gocie_small.png); }
.research{ background-image:url(../images/header_res_small.png); }
.members{ background-image:url(../images/header_mem_small.png); }
.publications{ background-image:url(../images/header_pub_small.png); }

/* ------------------ modal box ------------------- */

.modalDialog > div {
    width: 250px; margin: 5%; padding: 5px 10px; border-radius: 5px;
}
	  
	   
#nav {
   width: 100%;
   background:#00B0F0;
   height: auto;
   position: relative;  
   border-bottom: 97px solid #00B0F0;
}

   #nav .wrap-nav{
   background:#00B0F0;
   background-repeat: repeat-x;
   display: block;
    height: auto;
   }

   #nav ul{
	float:left;
	list-style:none;
	 height: auto;
	width:100%;
	display: block;
	position:relative;
	}
		
	#nav ul li a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #000066;
	display: block;
	margin:0;
    padding:5px;
    list-style:none;
	z-index: 3;
	position:inherit;	
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	}
		
.text .wraptext{
	margin: 5px;
}

.box1 .box2 .box3  {
	*margin:0px 7px; 
	padding:5px;
	display:block; 
	}
	
	h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
img {
   padding:1px;
   border:1px solid #D7D7D7;
   background-color:#FFF;
   margin: 0px 0px 0px 0px;
}
		}