@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	background-color:#FFFFFF;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}

#container {
	width:900px;
	margin:0px auto 0px auto;
	text-align:left;
	border-style:solid;
	border-width:0 0px 0 0px; 
	border-color:#ccc;
}

#banner {
	text-align:center;
	height:150px;
	background-color:#003366;
	margin-top:1px;
	margin-bottom:1px;
	font-family:Verdana,  Helvetica, sans-serif;
}
	
#banner .title {
	font-family: Arial, Helvetica, sans-serif;
	padding:25px 0 0 0;
	margin-left:3px;
}	
#banner .title h1 {	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#banner .title h1 a:link,#banner .title h1 a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#banner .title h1 a:hover {
	text-decoration:none;
}

#banner .title h2{ 
	font-family:georgia, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	padding:0px;
	margin:30px 0 0px 0;
	color:#ccc;
}

/* ------------ menu --------------*/

#menubar {
	background-image:url(../img/bk-menu.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:25px;
	font-weight:bold;
	margin:0px 0 0 0; 
	padding:0px;
}

#menubar ul {
	margin:0px; 
	padding:0px; 
	border:0px; 
	list-style:none; 
	display:block;
}

#menubar li {
	display:block;
	padding:0px;
	list-style:none;
	float:left;
}
	

#menubar li a:link, #menubar li a:visited {
	display:block;
	width:99px;
	text-decoration:none;
	color:#fff;
	font-family:arial;
	border-right:solid 1px #fff;
	border-bottom:solid 3px #fff;
	height:20px;
	font-size:12px;
	text-align:center;
	padding-top:5px;
}

#menubar li a:hover {
	background-color:#ccc; color:#003366;	border-bottom:solid 3px #003366!important;
}
#menubar li.menu_last a:link, #menubar li.menu_last a:visited {border-right:none!important;}



/* ------------ content index --------------*/

#contentindex {background-image:url(../img/map_world.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:239px;
	padding-top:40px;
	position:relative;
	margin-top:3px;
}

#col1 {
	float:left; 
	width:280px;
	padding:2px;
	color:#003366;
}
#col2 {
	float:left; 
	width:320px; 
	border-right:1px dotted #003366;
	border-left:1px dotted #003366;	
	color:#003366;
}
#col3 {
	float:left; 
	width:280px; 
	color:#003366;
}
	
#col1 p, #col2 p, #col3 p {
	text-align:center;
	margin:15px 0;
	font-size:14px;
	font-family:georgia;
	padding:0px;
	font-weight:bold;
}

#col1 a:link, #col1 a:visited, #col2 a:link, #col2 a:visited, #col3 a:link, #col3 a:visited {color:#003366; display:block; font-family:georgia; size:14px; margin:0px; padding:0px 0; text-decoration:none; }
#col1 a:hover, #col2 a:hover, #col3 a:hover{color:#990000; font-size:14px;  }

#images_index {	
	margin-top:40px; padding:0px;
}



/* ------------ content --------------*/
	
#content {
	height:auto;
	margin:10px 0;
	overflow:inherit;
	font-family:verdana;
	font-size:12px; 
	color:#000000;
	text-align:left; 
}

#content h1 {
	font-family:georgia;
	color:#003366;
	margin:30px auto 10px auto; 
	padding: 2px;
	font-size:16px;
	text-align:center;
	border-bottom:1px dotted #ccc;
}	

#content h2 {
	font-family:georgia;
	color:#003366;
	padding: 2px;
	font-size:12px;
	background-color:#efefef;
}	



#content h3 {
	font-family:georgia;
	color:#003366;
	padding: 2px;
	font-size:14px;
	margin:0px 0; 

}	
#content h4 {
	font-family:Arial;
	color:#003366;
	font-size:14px;
	padding:4px;
	margin:10px;
	text-align:left;
	border: #CCCCCC dotted 1px;
}
#content h5 {
	font-family:Arial;
	color:#333333;
	font-size:14px;
	text-align:left;
	padding:2px;
	margin:10px 0 10px 50px ;
	font-weight:normal;
}
#content h6 {
	font-family:arial;
	font-size:12px;
	color:#003366;
	margin:10px 0 10px;
}	

#submenu {
	float:left; 
	width:180px; 
	margin:25px 0px 10px 0;
	}
#submenu a:link, #submenu a:visited {color:#003366; padding:5px 0px 5px 10px; display:block; border-bottom:1px dotted #ccc; font-size:12px; text-decoration:none; background-image:url(/intstudents/img/sag.gif); background-position:left center; background-repeat:no-repeat;}
#submenu a:hover {color:#990000; background-color:#efefef;background-image:url(/intstudents/img/sag1.gif); background-position:left center; background-repeat:no-repeat;}
#submenu i {color:#003366; font-family:georgia;  font-size:20px; font-style:normal; font-weight:bold; padding:0px 0px 5px 0px;  border-bottom:1px solid #ccc; display:block; text-align:center}

#col_second {float:right; width:630px; }


#students {
	margin:20px 0 0 0;
}
#students .photobox {
	width:170px;
	margin:4px;
	float:left;
	text-align:left;
	height:180px;
	font-size:10px; background-image:url(/intstudents/img/bk-students-box.gif); background-position:top left; background-repeat:no-repeat;
}
.photobox img {border:1px solid #ccc; padding:1px; margin-right:2px;}
.photobox p {
	margin:0px!important;
}
.photobox em {
	color:#003366; 
	font-size:10px; 
	font-weight:bold; 
	font-style:normal; 
	padding:0px 0 0 0;  
	text-transform:uppercase; 
} 

.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover {width:185px; display:block;}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color:#003366;
	padding: 10px;
	left: -1000px;
	border: 1px solid #999999;
	visibility: hidden;
	color: #fff;
	text-decoration: none;
	width:230px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100px;
	position:absolute;
	left: 60px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span h5 {border-bottom:1px solid #fff; margin:0 0 5px 0!important; padding:0px!important; font-size:12px; font-family:verdana; color:#fff!important; }


#content #map {margin:10px auto; text-align:center;}
#map p { text-align:center!important;}
#map #maplist { border:1px solid #efefef; text-align:left; margin:0 120px; padding:0; line-height:18px;}
#map #maplist p { text-align:left!important; padding:10px;!important;}
#map #maplist h2 { background-color:#efefef; padding:5px; text-align:center; margin:0px;}


.clear {clear:both; height:0px; margin:0px; padding:0px;}

#content table.card_succes_table {border:0px; margin:20px;}
#content table.card_succes_table td {border:0px!important;}
#content table.card_succes_table td.first {width:200px; text-align:center; vertical-align:top; }
#content table.card_succes_table td.first img {border:1px solid #ccc; padding:1px;}
#content table.card_succes_table td.first p {font-size:12px; margin:0px!important; text-align:justify;}
#content table.card_succes_table td.second {padding:0px; color:#000000; width:500px; vertical-align:top;}
#content table.card_succes_table td.second h2 {margin:0px!important; background-color:#f2f2f2; font-size:12px; padding:2px; border-top:1px solid #003366;}
#content table.card_succes_table td.second p {padding:10px 20px 0px 20px;!important; margin:0px; text-align:justify;}
#content table.card_succes_table td.second b {color:#003366; font-size:30px;}
#content .card_succes {margin:0px; padding:5px; color:#fff; font-style:italic; background-color:#003366; border-top:1px solid #003366;}

#content li {
	font-family:verdana;
	font-size:12px;
}

#content table {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding:0px;	
	margin:10px 10px 10px 10px;}
#content table td {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	paddding:1px;}


#content p {
	padding:10px 0; margin:0px!important; text-align:justify;
}

.dropcap {
color:#000;
font-size:22px;
line-height:22px;
padding:0px 0px 0 0;
font-family: Georgia;
}

#content img.style_pict {border:1px solid #ccc; padding:1px;}

#content a:link, #content a:visited {
	color:#003366;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline; color:#000000; 
}




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

#footer {
	background-color:#003366;
	height:40px;
	text-align:right;
	width:900px;
	position:relative;
	bottom:0px;

}

#footer p {
	color:#ccc;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	margin:3px;
}
	
#menu-footer {
	font:verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:4px;
	color:#FFFFFF;
	text-align:justify;
	margin:3px;
}	


#menu-footer ul {display:inline; margin:0px; padding:0px;}
#menu-footer li {float:left; margin:0px; padding:0px; list-style:none;}
	
#menu-footer li a:link, #menu-footer li a:visited {
	text-decoration:none; border-right:1px solid #ddd; 
	color:#ddd; padding:0 3px;
}

#menu-footer li a:hover {
	text-decoration:none;
	color:#fff;
}