/* Taken from http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-22-fixed-fixed/ */
body{
  margin : 0 ;
  padding : 0 ;
  padding-bottom : 2em ;
  line-height : 1.5em ;
  /*background : url('/images/backgrounds/endcaps.jpg') ;
  background : url('/images/backgrounds/cms_inner.jpg') ;
  background : url('/images/backgrounds/cavern.jpg') ;*/
  background-attachment : fixed ;
}

#maincontainer{
  width  : 840px ; /*Width of main container*/
  margin : 20px auto ; /*Center container on page*/
  background : url('/images/backgrounds/cavern2.jpg') ;
  background-attachment : fixed ;
  padding : 100px ;
  padding-top : 10px ;
}

#topsection{
  padding : 0px ;
  margin : auto ;
  margin-bottom : 20px ;
  margin-top : 25px ;
  padding : 0px ;
  width : 836px ;
  height : 180px ;
}


#menu_wrapper{
  width : 840px ;
  padding : 5px 0px 0px 0px ;
  background : white ;
}

#contentwrapper{
  float: left ;
  width: 100% ;
}
#column_wrapper{
  background : #ffffff ;
  background : rgba(255,255,255,0.85) ;
}

#contentcolumn{
  margin-right : 200px ; /*Set right margin to RightColumnWidth*/
  padding : 0em 0em 2em 0em ;
}
#contentcolumn h3{
  clear : both ;
}
#contentcolumnliner{
  padding : 0em 2em 0em 2em ;
}

#rightcolumn{
  float : left ;
  width : 188px ; /*Width of right column*/
  margin-left : -200px ; /*Set left margin to -(RightColumnWidth) */
  padding : 8px 6px 0px 6px ;
}

.innertube{
  margin : 10px ; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top : 0 ;
  font-family : arial , sans-serif ;
}
.innertube h2{
}#topsection{
  background : url('/images/event2.png') ;
  border : 2px solid white ;
}
#topsection h1{
  color : #FFFFFF ;
  padding-left : 20px ;
  text-align : center ;
  clear : both ;
  font-size : 40px ;
}
#IIHE_blurb{
  color : white ;
  font : 16px arial , sans-serif ;
  clear : both ;
  padding : 2px 5px 2px 5px ;
}/* Tabs */
ul.my_menu{
  width : 100% ;
  height : 160px ;
  background-color : white ;
  padding : 0px ;
  margin : 0px ;
}
li.my_menu, li.my_menu_spacer{
  display : inline ;
  width  : 130.16666666667px ;
  height : 154px ;
  text-align : center ;
  float : left ;
  background-color : white ;
  opacity : 0.8 ;
  padding-top    : 6px ;
  padding-right  : 2px ;
  padding-bottom : 0px ;
  padding-left   : 2px ;
  line-height : 1em ;
  font-family : arial , sans-serif ;
  color : rgb(  2, 77,142) ;
}
li.my_menu_spacer{
  width : 1px ;
}
span.my_menu{
  display : block ;
  width : 100% ;
  height : 100% ;
  padding : 0px ;
}
span.menu_title{
  padding : 0px 5px ;
  margin : 2px 0px 0px 0px ;
  display : block ;
}
li.my_menu a{
  text-decoration : none ;
  color : inherit ;
}
li.my_menu_active a, li.my_menu_inactive a:hover{
  text-decoration : none ;
  color : inherit ;
}
li.my_menu_active{
  color : white ;
  background-color : rgb(  2, 77,142) ;
  opacity : 1.0 ;
}
li.my_menu_inactive:hover{
  background-color : rgb(184,194,222) ;
  opacity : 1.0 ;
}
img.menu{
  width  : 112.16666666667px ;
  height : 100px ;
}
#footer{
  clear : left ;
  width : 100% ;
  background: black ;
  color : #FFFFFF ;
  text-align : center ;
  padding : 4px 0 ;
  font : 10pt arial , sans-serif ;
}

#footer a{
  color : #FFFFFF ;
}/* Wrappers for logos */
div.logo_wrapper{
  height : 108px ;
  height : 54px ;
  float : left ;
  margin : 5px 0px 0px 5px ;
  background : white ;
  padding : 0px ;
  vertical-align : middle ;
  text-align : center ;
}
div#ulb_wrapper{
  width : 264px ;
  width : 135px ;
}
div#iihe_wrapper{
  width : 191px ;
  width : 135px ;
}
img#img_ulb{
  /* Extra spacing to make all the logos the same  width */
  border-left  : 2px solid white ;
  border-right : 2px solid white ;
}
div#vub_wrapper{
  width : 272px ;
  width : 135px ;
}/* Images */
.right{
  float : right ;
  margin-left : 10px ;
}
.left {
  float :  left ;
  margin-right : 15px ;
}
.center{
  margin : auto ;
  clear : both ;
  text-align : center ;
  padding : 0px ;
}
div.image_wrapper{
  margin : 5px ;
  padding : 2px ;
}
img.border{
  border : 1px solid black ;
}
p.image_caption{
  font : 10pt times , serif ;
  font-style : italic ;
  text-align : center ;
  width : 100% ;
  margin : 0px ;
}

img.multi_image{
  /*float : left ;*/
  margin-left : 20px ;
}/* Right column */
div#rightcolumn div h3{
  font-family : arial , sans-serif ;
  color : rgb(  2, 77,142) ;
  font-size : 12pt ;
  margin-top : 20px ;
  margin-bottom : 0px ;
}
div#rightcolumn div p{
  font-size : 10pt ;
  line-height : 1.2em ;
  padding : 0px ;
  margin-top : 1px ;
  margin-bottom : 2px ;
  /*text-align : justify ;*/
}
img.sidebar{
  border : 1px solid black ;
  margin : auto ;
}
img.sidebar      { opacity : 0.75 ; }
img.sidebar:hover{ opacity : 1.00 ; }

#rightcolumn h2{
  background : rgb(  2, 77,142) ;
  color : #ffffff ;
  margin : 0px 0px 0px 0px ;
  padding : 5px ;
  font-size : 16pt ;
}
#rightcolumn h3 a{
  margin-top : 30px ;
  text-decoration : none ;
  color : rgb(  2, 77,142) ;
}
#rightcolumn h3 a:hover{
  text-decoration : underline ;
  color : rgb(  2, 77,142) ;
}
/*img#edi{
  border-top    : 20px solid #536c88 ;
  border-bottom : 20px solid #536c88 ;
}*/
#rightcolumn{
  padding-bottom : 10px ;
}
/* People images */
div.people{
  margin-top : 4px ;
  font-size : 10pt ;
  text-align : center ;
  line-height : 1em ;
  display : inline-block ;
  float : left ;
  padding : 0px ;
  margin-right : 10px ;
  width : 122px ;
  height : 160px ;
}
img.people_inactive, .people_active{
  width : 120px ;
  height : 90px ;
}
img.people_inactive      { opacity : 0.8 ; }
img.people_inactive:hover{ opacity : 0.9 ; }
img.people_active        { opacity : 1.0 ; }
div.div_people_imageWrapper{
  display : inline-block ;
  width : 120px ;
  height : 90px ;
  border : 1px solid black ;
}
div.people_lang{
  background : #000000 ;
  color : #ffffff ;
  text-align : right ;
  font-family : arial , sans-serif ;
  font-weight : bold ;
  padding : 0.25em ;
  padding-right : 1em ;
}
div#people_wrapper{
  width : 800px ;
}
object#main_youtube_player{
  width : 640px ;
  margin-left : 60px ;
  border : 1px solid black ;
}
/* Language selector */
div#language_selector, div#contact{
  float : right ;
  font-family : arial , sans-serif ;
  font-weight : bold ;
  color : white ;
  text-align : right ;
  background : rgb(  2, 77,142) ;
}
div#language_selector{
  padding : 5px ;
  margin : 3px ;
  border : 2px solid white ;
}
div#language_selector a{
  color : white ;
  text-decoration : none ;
}
div#language_selector span{
  color : rgb(184,194,222) ;
}

/* Contact */
div#contact{
  float : right ;
  color : white ;
  margin : 0px ;
  width : 100% ;
}
p#p_contact{
  padding-right : 10px ;
  margin : 0px ;
}
div#contact a{
  color : white ;
  text-decoration : none ;
}

/* References */
ul.references{
  font-size : 10pt ;
}
ul.references li a{
  color : black ;
}

/* youtube things */
iframe.youtube_iframe{
  border : 1px solid black ;
  margin : auto ;
}
p.youtube_caption{
  text-align : center ;
  width : 100% ;
  padding-top : 0px ;
  margin-top : 2px ;
}

/* Quotes */
blockquote, div.factsheet{
  background : white ;
  margin: 0px ;
  margin-top : 10px ;
  padding : 5px ;
  font-style : italic ;
  font-family : georgia , serif ;
  text-align : justify ;
}

blockquote{
  background-image : url('/images/quoteIcon.gif') ;
  background-repeat : no-repeat ;
}
blockquote div{
  padding : 15px 15px 15px 20px ;
}
img.face_photo{
  float : right ;
  width : 100px ;
  height : 125px ;
  border : 1px solid black ;
  margin : 5px 5px 15px 15px ;
  clear : right ;
}

/* Other */
br.clear{ clear : both ; }
.nomargin{
  margin : 0px ;
}

h2{
  margin-top : 30px ;
  clear : both ;
}
h2.first{
  margin-top : 10px ;
}

h3.links{
  margin-top : 2em ;
  margin-bottom : 0.5em ;
}
h3.links a{
  text-decoration : none ;
  margin-bottom : 2px ;
  color : rgb(  2, 77,142) ;
}
h3.links a:hover{ text-decoration : underline ; }
p.links{
  margin : 0px ;
}

p.mode_details{
  text-align : right ;
  clear : both ;
}

p#congratulations{
  font-weight : bold ;
  background : white ;
  color : rgb(  2, 77,142) ;
  /*color : red ;*/
  font-size : 20pt ;
  border : 2px solid red ;
  border : 2px solid rgb(  2, 77,142) ;
  line-height : 1.5em ;
  padding : 1em ;
  text-align : center ;
}

h3.profile{
  font : 15pt arial black, sans-serif ;
  color : rgb(  2, 77,142) ;
  padding : 0px ;
  padding-left : 1em ;
}

/* Fact sheet */
div.factsheet{
  border : 1px solid rgb(  2, 77,142) ;
}
th.factsheet{
  font-weight : normal ;
}
td.factsheet{
  font-style : normal ;
  font-weight : bold ;
  color : rgb(  2, 77,142) ;
}
h3#h3_factsheet{
  font-size : 20pt ;
  text-align: center ;
}
div#img_factsheet{
  margin-right : 10px ;
}

/* Fix for IE */
a img{
  border : 0px solid blue ;
}
/* Navigation */
.previous_next_wrapper{
  font-family : arial , sans-serif ;
  margin-bottom : 1em ;
  padding : 0.25em 1em 0.25em 1em ;
}

div.page_selector, div.previous_page, div.next_page{
  width : 200px ;
  display : inline-block ;
  margin :0px ;
  float : left ;
}
div.next_page{
  text-align : right ;
}

/* Page selector */
div.page_selector{
  text-align : center ;
  font-family : arial , sans-serif ;
  font-size : 14pt ;
}
span.page_selector, div.page_selector a{
  color : rgb(  2, 77,142) ;
  font-size : 12pt ;
}