@import url(cells.css);

body{
	margin: 0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DCE8EF;
	background-image: url(../imgs/bg.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 884px;
   
  /* fonts */
  font-size:8.5pt;
  line-height:140%;
  font-family: verdana, sans-serif;
  color: #3D3D3D;
}



a:link{
	color:#2B77A7;
	}
a:visited{
	color:#2B77A7;
	}
a:hover{
	color:#333333;
	}
a:active{
	color:#2B77A7;
	}

#main{
	margin: 0px;
	margin-top:0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	min-height:850px;
	height:auto !important;
 	height: 850px;
	background-color:#FFFFFF;
	position: relative;
	}
	

	
#navbar{
	margin:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:135px;
	background:#FFFFFF;
	background-image:url(../imgs/navtab.png);
	background-repeat:no-repeat;
	}

img{
	border:0px;
}



#extra{
	float: right;
	height:20px;
	width: 660px;
	background-image: url(../imgs/topStrip.png);
	background-repeat: no-repeat;
}

a.Login{
	float:right;
	position:relative;
	right:10px;
	_right:0px;
	font-family:georgia, serif;
	font-size:120%;
	text-align:right;
	text-decoration:none;
	color:#ADE0FF;
	margin-left:10px;
	_margin-left:0px;
	_margin-right:10px;
	display:inline;
	}
a.Login:link{
	color:#ADE0FF;
}
a.Login:visited{
	color:#ADE0FF;
}
a.Login:hover{
color:#FFFFFF;
}
a.Login:active{
	color:#ADE0FF;
}


#logo{
	max-height:154px;
	_max-height:170px;
	float:left;
	text-align:center;
	max-width:140px;
	overflow:hidden;
	_position:relative;
	_top:0px;
	_left:0px;
	_max-width:140px;
	_overflow:hidden;
	_display:inline;
	_padding:none;

}

.navcell{
	max-height:154px;
	_max-height:160px;
	float:left;
	text-align:center;
	max-width:82px;
	_position:relative;
	_top:25px;
	_left:25px;
	_max-width:82px;
	_overflow:hidden;
	_padding:none;
	_margin:-30px;

}

a.nav{
	font-family:georgia, serif;
	font-size:124%;
	_font-size:110%;
	letter-spacing:-.5px;
	text-align:center;
	position:relative;
	top:-36px;
	_top:60px;
	_left:-73px;
	text-decoration:none;
	color:#99CCFF;
	line-height:95%;
	_max-width:73px;
	_display:inline;

	}
a.nav:link{
}
a.nav:visited{
	color:#99CCFF;
}
a.nav:hover{
color:#FFFFFF;
}
a.nav:active{
}

a.hnav{
	font-family:georgia, serif;
	font-size:124%;
	_font-size:110%;
	letter-spacing:-.5px;
	text-align:center;
	position:relative;
	top:-36px;
	_top:-32px;
	_left:3px;
	text-decoration:none;
	color:#99CCFF;
	line-height:95%;
	_max-width:140px;
	_display:inline;

	}
a.hnav:link{
}
a.hnav:visited{
	color:#99CCFF;
}
a.hnav:hover{
color:#FFFFFF;
}
a.hnav:active{
}

	
.navon{
	font-family: georgia, serif;
	font-size:124%;
	_font-size:110%;
	letter-spacing:-.5px;
	text-align:center;
	position:relative;
	top:-36px;
	_top:60px;
	_left:-73px;
	text-decoration:none;
	color:#FFFFFF;
	line-height:95%;
	_max-width:73px;
	_display:inline;
}

.hnavon{
	font-family: georgia, serif;
	font-size:124%;
	_font-size:110%;
	letter-spacing:-.5px;
	text-align:center;
	position:relative;
	top:-36px;
	_top:-32px;
	_left:3px;
	text-decoration:none;
	color:#FFFFFF;
	line-height:95%;
	_max-width:140px;
	_display:inline;
}
	
.rollover{
	float:left;
	text-align:center;
	display:inline;

}

.selected{
	float:left;
	text-align:center;
	display:inline;
}	

#pageBody{
	margin:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:790px;
	position:relative;
	top:-10px;
	*top:0px;
	_top:-12px;
}
.words{
	margin:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	*position:relative;
	*top:5px;
	_position:relative;
	_top:-5px;

}
.half{
	width: 375px;
}

/* TEXT STYLES */

.hl, .khl{
	font-family: georgia, serif;
	font-size:210%;
	text-align: left;
	margin-bottom:7px;
	display:block;
	*position:relative;
	*top:2px;
	_position:relative;
	_top:2px;
	}	
.hl{
	color:#2B77A7;
	}
	
.khl, .ksub{
	color:#009e76;
	}
	
.sub, .ksub{
	font-family:georgia, serif;
	font-size:140%;
	text-align: left;
	line-height:120%;
	_margin-bottom:7px;
	}
	
.sub{
	color:#2B77A7;
	}
	
.gs{
	font-family:georgia, serif;
	font-size:140%;
	text-align:left;
	color:#DBA124;
	line-height:125%;
	}	

.ws{
	font-family: georgia, serif;
	font-size:140%;
	text-align: left;
	color:#FFFFFF;
	line-height:120%;
	}	
	

.tinysub{
	font-family: georgia, serif;
	font-size:100%;
	text-align: left;
	color:#2B77A7;
	}
	
.skysub{
	font-family: georgia, serif;
	font-size:150%;
	text-align: left;
	color:#ADE0FF;
	line-height:130%;
	}
	
.gold{
	color:#DBA124;
	font-size:105%;
	font-weight:bold;
	}

.shl{
	font-size:105%;
	text-align: left;
	color:#2B77A7;
	}
	

case{
	font-family: verdana, sans-serif;
	font-size:100%;
	text-align: left;
	color:#2B77A7;
	}
	
.spread{
	text-align:center;
	position:relative;
	top:8px;
}
.spread img{
	display:inline;
}

.qwote{
	font-size:100%;
	text-align: left;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	display:block;
	}

.author{
	font-size:90%;
	text-align: right;
	display:block;
	font-weight:bold;
}
	
a.joinFree { 

  float:right;
  display:block;
  margin:0px;
  width:201px;
  position: relative;
	right: -15px;
}

a.learn{
	font-family: verdana, sans-serif;
	font-size:90%;
	text-align: center;
	text-decoration:none;
	color:#ADE0FF;
}
	
a.learn:link{
}
a.learn:visited{
	color:#ADE0FF;
}
a.learn:hover{
color:#FFFFFF;
}
a.learn:active{
}

a.more{
	font-family: verdana, sans-serif;
	font-size:90%;
	text-align: center;
	text-decoration:none;
	color:#2B77A7;
	}
a.more:link{
}
a.more:visited{
	color:#2B77A7;
}
a.more:hover{
color:#333333;
}
a.more:active{
}

ul.reg {
	list-style-type: disc;
	line-height: 240%;
	font-size:105%;
	
}

.inp{
	position:relative;
	left:20px;
	font-weight:bold;
	color:#2B77A7;

}

.spof{
	float:right;
	position:relative;
	right:-15px;
}

.disc{
	margin-bottom:15px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align:center;
}

	
	

.country{
	width:190px;
	_height:45px;
	float:left;
	margin-right:10px;
	*margin-bottom:5px;
	*margin-top:10px;
	_margin-bottom:7px;
	_margin-top:5px;
	_display:inline;
}
	
	
.flag{
	float:left;
	margin-right:5px;
	margin-bottom:30px;
	_display:inline;
}

.vid{
text-align:center;
*margin-top:10px;
}

.logos{
min-height:65px;
}

/*images for about cells*/
.n5{
}
.n5 img{
	margin-left:5px;
	float:right;
	position:relative;
	right:-7px;
	_margin-left:37px;
	_display:inline;
	_text-align:right;

}

.pdf{
	float:right;
	font-size:85%;
	line-height:120%;
	display:inline;
	margin-left:10px;
	margin-bottom:10px;
	width:75px;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:3px;
}
.pdf img{
	text-decoration:none;
	border:none;
}
	
#pageFooter{
	margin: 0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 780px;
	background: #FFFFFF;
}

.clear_floats{
  clear:both;
  height:5px;
  *height:10px;
  _height:0px;

}
.clear{
  clear:both;
  height:1px;
}
.clearlarge{
  clear:both;
  height:30px;
}

/*-------- New Styles added by Tom Bamford - tomb@gemin-i.org - for v3 launch */

.homepage .hl {font-size:180%}
.homepage .gs {font-size:130%;}

.homepage #talkcell {width:310px; }

.homepage h2.hl {font-weight:normal;font-size: 190%;margin-left: 15px;margin-top: 0; }
.homepage ul.gs {font-size:120%;padding-left: 30px; line-height: 2; }
.homepage #talkcell p {padding:0 0.6em 0 1em}

.homepage #projcell {width: 480px;height: auto; }

.homepage .words {margin-bottom:30px;}
.new-rafiki-links {width: 420px;float: right;list-style: none; }
.new-rafiki-links li {text-align: center; float: left;display: block;width: 180px;margin-left: 8px;background: #fff;height: 30px; width: 199px;}
.new-rafiki-links span {display: block;font-size: 110%;margin-bottom: 6px; }
.new-rafiki-links a {
  padding: 0.4em 0.6em;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap ;
  margin-bottom: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 8px #bdbdbd;
  -webkit-box-shadow: 1px 1px 8px #bdbdbd;
  box-shadow: 1px 1px 8px #bdbdbd;
}
.new-rafiki-links a:hover {border: 1px solid #2B77A7;}


.spread a {text-decoration:none;}
.spread a img.dcfs {max-width: 160px; }
.spread a img.ec-flag, .spread a img.esfb {max-width: 60px; }
.spread a img.cisco {max-width: 40px; }