body { margin: 0; padding: 0;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-color: #000;
font-family: "Calibri", "Arial", sans-serif;
font-size: 13px;
color: #101010;
}

#thebigone {
width: 1000px;
height: auto;
margin: -40px auto 40px auto;
}

#container {
width: 1000px;
height: 100%;
background-image: url(../images/white_texture.jpg);
background-repeat: repeat;
overflow: visible;
float: left;
}

#rightsidepage {
float: right;
width: 650px;
min-height: 700px;
padding: 0px 60px 100px 40px;
color: #363636;
font-size: 14px;
line-height: 22px;
}

#header {
width: 1000px;
height: auto;
margin: 0px 0px 0px 0px;
}

#topnavigation {
font-family: "Century Gothic", sans-serif;
font-size: 14px;
text-align: center;
width: 1000px;
height: 42px;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
color: #083144;
background-image: url(../images/navback.jpg);
}
#topnavigation ul {
list-style: none;
margin: 0;
padding: 12px 0px 0px 0px;
}
#topnavigation li {
padding-left: 3px;
display: inline;
}
#topnavigation li a:link, #topnavigation li a:visited {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 15px;
padding-left: 15px;
color: #fff;
text-decoration: none;
}
#topnavigation li a:hover {
color: #000;
border-bottom: none;
}



#leftside {
margin: -10px 0px 0px 0px;
width: 225px;
height: auto;
background-image: url(../images/leftside.jpg);
background-color: #cac2b5;
float: left;
}

#sidenavigation {
font-family: "Century Gothic", sans-serif;
font-size: 13px;
text-align: left;
height: 320px;
margin: 20px 20px 5px 20px;
color: #2d2d2d;
line-height: 17px;
}
#sidenavigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#leftnavigation li {
padding-left: 10px;
}
#sidenavigation li a:link, #sidenavigation li a:visited {
padding-top: 4px;
padding-bottom: 0px;
padding-right: 10px;
padding-left: 0px;
color: #2d2d2d;
text-decoration: none;
}
#sidenavigation li a:hover {
color: #cc0a0a;
border-bottom: 1px dashed #cc0a0a;
}

#podcast {
width: 215px;
height: 110px;
background-image: url(../images/podcast_bg.gif);
background-repeat: no-repeat;
font-family: "Bookman Old Style", serif;
font-size: 15px;
color: #505050;
padding: 30px 5px 10px 75px;
}

#newsletter {
margin: -78px 0px 0px -10px;
width: 235px;
height: 320px;
background-image: url(../images/newsletter_bg.gif);
background-repeat: no-repeat;
font-family: "Bookman Old Style", serif;
font-size: 17px;
color: #d3cbbe;
padding: 50px 5px 5px 120px;
}

#signup {
padding-right: 120px;
margin: 5px 0px 0px -90px;
width: 210px;
height: auto;
font-family: "Century Gothic", sans-serif;
line-height: 17px;
font-size: 12px;
color: #d3cbbe;
}

#weather {
margin: 195px 0px 0px 0px;
width: 243px;
height: 185px;
background-image: url(../images/weather_bg.gif);
background-repeat: no-repeat;
font-family: "Helvetica", sans-serif;
font-size: 13px;
color: #fff;
text-align: left;
padding: 120px 60px 5px 20px;
}

#farright {
float: right;
width: 750px;
height: auto;
}

#topthree {
border-bottom: 1px dashed #53504a;
width: 750px;
height: auto;
float: left;
margin-bottom: 15px;
}

#mission {
float: left;
width: 240px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 10px;
border-right: 1px dashed #c3c3c3;
}

#homebox {
float: left;
width: 190px;
line-height: 18px;
padding: 0px 20px 0px 20px;
border-right: 1px dashed #c3c3c3;
}

#livefeedbox {
float: left;
width: 190px;
line-height: 18px;
padding: 10px 10px 10px 10px;
margin-left: 20px;
}

#latestnews {
float: left;
width: 180px;
line-height: 18px;
padding: 10px 10px 10px 20px;
border-right: 1px dashed #53504a;
}

#photooftheweek {
float: left;
width: 240px;
line-height: 18px;
padding: 10px 5px 10px 0px;
border-right: 1px dashed #c3c3c3;
}

#podcasthome {
float: left;
width: 450px;
height: 240px;
margin: 10px 5px 10px 20px;
}



#twominutesimages {
width: 380px;
height: 300px;
}

#videobg {
width: 680px;
height: auto;
background-color: #2d2d2d;
margin: 0px auto 0px auto;
padding: 20px;
float: left;
}

#homepagevideo {
width: 660px;
height: 355px;
margin: -10px auto 0px auto;
border: 10px solid #141414;
}

#blackbar {
width: 680px;
height: 15px;
background-color: #000;
margin: -20px 0px 60px 0px;
padding: 20px;
float: left;
clear: both; 
}

#description {
width: 720px;
height: 243px;
background-image: url(../images/description_bg.jpg);
background-repeat: no-repeat;
float: left;
}

#onethird {
width: 190px;
height: auto;
margin: 20px 20px 0px 35px;
font-family: "Bookman Old Style", serif;
font-size: 17px;
color: #fff;
line-height: 22px;
float: left;
text-align: center;
}

#educationbox {
width: 700px;
height: auto;
float: left;
margin: 0px 0px 20px 0px;
clear: both;
}

#twothird {
width: 420px;
height: auto;
margin: 20px 20px 0px 20px;
font-family: "Helvetica", sans-serif;
font-size: 13px;
color: #fff;
line-height: 22px;
float: left;
text-align: left;
}

.facebook A  {
 display : block;
 background : url("../images/facebook.gif") ;
 width : 67px;
 height : 25px;
 text-decoration : none;
 }
 
 .facebook A:Visited  {
 display : block;
 background : url("../images/facebook.gif") ;
 width : 67px;
 height : 25px;
 text-decoration : none;
 }
   
 .facebook A:Hover  {
 background : url("../images/facebook_rollover.gif") ;
 border: none;
  }
  
.youtube A  {
 display : block;
 background : url("../images/youtube.gif") ;
 width : 56px;
 height : 22px;
 text-decoration : none;
 }
 
 .youtube A:Visited  {
 display : block;
 background : url("../images/youtube.gif") ;
 width : 56px;
 height : 22px;
 text-decoration : none;
 }
   
 .youtube A:Hover  {
 background : url("../images/youtube_rollover.gif") ;
 border: none;
  }
  
  .itunes A  {
 display : block;
 background : url("../images/itunes.gif") ;
 width : 62px;
 height : 17px;
 text-decoration : none;
 }
 
 .itunes A:Visited  {
 display : block;
 background : url("../images/itunes.gif") ;
 width : 62px;
 height : 17px;
 text-decoration : none;
 }
   
 .itunes A:Hover  {
 background : url("../images/itunes_rollover.gif") ;
 border: none;
  }

  
#bottomoptions {
height: 223px;
width: 761px;
background-image: url(../images/bottomoptions_bg.gif);
clear: both;
margin: 15px 0px 40px -12px;
}

#option1 {
width: 170px;
height: 150px;
float: left;
margin: 25px 0px 0px 15px;
text-align: center;
}

#option2 {
width: 170px;
height: 150px;
float: left;
margin: 20px 0px 0px 10px;
text-align: center;
}


#option3 {
width: 170px;
height: 150px;
float: left;
margin: 25px 0px 0px 5px;
text-align: center;
}

#option4 {
width: 170px;
height: 150px;
float: left;
margin: 45px 0px 0px 25px;
text-align: center;
}

#logos {
margin: 30px 10px 0px 20px;
width: 280px;
height: 140px;
float: left;
}

#flags {
margin: 30px 10px 10px 10px;
float: left;
width: 670px;
height: 160px;
display: inline;
line-height: 8px;
text-align: center;
}

#bottomblock {
width: 1000px;
height: 255px;
background-image: url(../images/bottomblock.gif);
clear: both;
margin: -10px 0px 0px 0px;
}

#clickflags {
width: 551px;
height: 11px;
float: right;
background-image: url(../images/clickflags_bg.gif);
color: #1b1b1b;
font-family: Helvetica, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 800;
margin: -40px 10px 0px 0px;
padding: 20px 0px 20px 50px;
}

#blackbottom {
background-image: url(../images/blackbottom.jpg);
width: 960px;
height: 40px;
float: left;
margin: 0px 0px 30px 0px;
padding: 20px;
font-size: 11px;
line-height: 18px;
color: #dcdcdc;
}

#morenav {
font-family: "Century Gothic", sans-serif;
font-size: 10px;
text-align: left;
text-transform: uppercase;
width: 650px;
height: auto;
float: left;
margin: 5px 20px 20px 0px;
color: #f4f4f4;
font-weight: 700;
}
#morenav ul {
list-style: none;
margin: 0;
padding: 0;
}
#morenav li {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
padding-left: 10px;
background-color: #828282;
display: inline;
}
#morenav li a:link, #morenav li a:visited {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
padding-left: 10px;
color: #f4f4f4;
text-decoration: none;
}
#morenav li a:hover {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
padding-left: 10px;
background-color: #03a6f4;
color: #fff;
border-bottom: none;
}

.plate {
height: 152px;
width: 231px;
background-image: url(../images/photoback.gif);
float: left;
background-repeat: no-repeat;
margin: 0px -10px 10px -15px;
padding: 5px;
}

#photopack {
float: left;
width: 650px;
height: auto;
margin-left: -15px;
}

#twoclip {
width: 330px;
height: 190px;
margin: 10px 40px 10px 0px;
float: left;
}

#activityclip {
width: 640px;
height: 360px;
margin: 10px 0px 20px 0px;
float: left;
}

#twocliptext {
width: 230px;
height: auto;
margin: 10px 0px 10px 0px;
padding-left: 20px;
float: left;
border-left: 1px dashed #6f6f6f;
}

#meet {
width: 700px;
height: auto;
margin: 0px 0px 0px -30px;
}

.meetclip {
width: 200px;
height: auto;
padding: 15px;
border-right: 1px dashed #a3a3a3;
float: left;
}

h1 {
font-family: "Bookman Old Style", serif;
font-size: 30px;
font-weight: 100;
margin-top: 25px;
}

h2 {
font-family: "Bookman Old Style", serif;
font-size: 20px;
font-weight: 100;
margin: 0px 0px -10px -5px;
padding: 5px;
background-color: #fff;
width: 350px;
border: 1px dashed #dbdbdb;
}

.alert {
color: #c31313;
font-weight: 800;
margin: 3px 0px -10px;
font-size: 10px;
}





/* basic links */
a:link { color: #ca1228; text-decoration: none;}
a:visited { color: #ca1228; text-decoration: none;}
a:hover { color: #1a88bd; text-decoration: none; border-bottom: dashed 1px #1a88bd;}
a:active { color: #505050;text-decoration: none; }

/* contact links */
a.contact:link { color: #cecece; text-decoration: none; border-bottom: dashed 1px #cecece;}
a.contact:visited { color: #cecece; text-decoration: none; border-bottom: dashed 1px #cecece;}
a.contact:hover { color: #1a88bd; text-decoration: none; border-bottom: dashed 1px #1a88bd;}
a.contact:active { color: #1a88bd;text-decoration: none; }

/* image links */
a.image:link { color: #505050; text-decoration: none; border-bottom: none;}
a.image:visited { color: #505050; text-decoration: none; border-bottom: none;}
a.image:hover { color: #1a88bd; text-decoration: none; border-bottom: none;}
a.image:active { color: #505050;text-decoration: none; border-bottom: none;}

/* flag links */
a.flag:link { color: #505050; text-decoration: none; border-bottom: 1px dashed #274757;}
a.flag:visited { color: #505050; text-decoration: none; border-bottom: 1px dashed #274757;}
a.flag:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}
a.flag:active { color: #fff;text-decoration: none; border-bottom: 1px dashed #fff;}

/* blue */
a.blue:link { font-family: "Bookman Old Style", serif; font-size: 20px; color: #03a6f4; text-decoration: none;}
a.blue:visited { font-family: "Bookman Old Style", serif; font-size: 20px; color: #03a6f4; text-decoration: none;}
a.blue:hover { font-family: "Bookman Old Style", serif; font-size: 20px; color: #fff; text-decoration: none; border-bottom: dashed 1px #fff;}
a.blue:active { font-family: "Bookman Old Style", serif; font-size: 20px; color: #fff;text-decoration: none; }

/* option */
a.option:link { font-family: "Bookman Old Style", serif; font-size: 20px; color: #4c4c4c; text-decoration: none;}
a.option:visited { font-family: "Bookman Old Style", serif; font-size: 20px; color: #4c4c4c; text-decoration: none;}
a.option:hover { font-family: "Bookman Old Style", serif; font-size: 20px; color: #ca1242; text-decoration: none; border-bottom: dashed 1px #ca1242;}
a.option:active { font-family: "Bookman Old Style", serif; font-size: 20px; color: #ca1242;text-decoration: none; }


/* main body ids */
body#about a#aboutnav,
body#projects a#projectsnav,
body#technology a#technologynav,
body#maps a#mapsnav,
body#photos a#photosnav,
body#news a#newsnav,
body#links a#linksnav,
body#contacts a#contactsnav {
font-weight: 900;
color: #edec90;
border-bottom: none; }

/* sub body ids */
body#guidepage a#guidepagenav,
body#presentation a#presentationnav,
body#logosspace a#logosspacenav,
body#posters a#postersnav,
body#minutes a#minutesnav,
body#iPad a#iPadnav,
body#ask a#asknav,
body#meetresearchers a#meetresearchersnav,
body#internships a#internshipsnav,
body#meetings a#meetingsnav,
body#deployments a#deploymentsnav,
body#publications a#publicationsnav,
body#countries a#countriesnav {
color: #c3133d; 
font-weight: 800;}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;  border-bottom: none;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{  border-bottom: none; width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {  border-bottom: none; left: 0; float: left;}
#nextLink {  border-bottom: none; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {  border-bottom: none; background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {  border-bottom: none; background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{  border-bottom: none; width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }