@charset "UTF-8";
/*

Framework Stylesheet 
CNDLS, Georgetown University

Organized by parent --> child,
starting with the top of the page, 
defining each style within a major
area, and moving down. Exceptions 
are the global reset and some basic 
style definitions, which are first. 

Questions --> jas352@georgtown.edu

*/


 /* Global Reset */
/****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{	vertical-align:baseline;
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	border:0 none;
	outline:0;
	padding:0; 
	margin:0;
	}
	
html {overflow:scroll; background:#fff url(../images/html-bg.gif) 0 0 repeat-x;}

ol, ul {list-style:none;}
.content ul {list-style-type: disc; margin-left:20px;}

.clear {clear:both;}
.hidden {margin-left:-9999px;}
:focus {outline:none;}

em, strong {font-weight:bold; font-style:normal;}
i {font-style:italic;}

.big {font-size:125%;}
.small {font-size:75%;}

.floatleft {float:left; margin:0 20px 20px 0; display:inline;}
.floatright {float:right; margin:0 0 10px 10px; display:inline;}

.outline {border:1px solid #414141;}


 /* Basic Styles */
/****************/

h1 {
	font:normal 25px georgia,"times new roman",serif;
	color:#414141;
	letter-spacing:-1px;
	}
h2 {
	font:normal 19px/19px georgia,"times new roman",serif;
	color:#52b0be;
	/*color:#669999;*/
	padding-top:14px;
	letter-spacing:-1px;
	}
	h2 i {font-size:13px; font-style:italic; letter-spacing:0px;}
h3 {
	font:bold 14px Helvetica,Verdana,Arial,sans-serif;
	color:#52b0be;
	padding-top:10px;
	}		
h4 {
	font:bold 13px Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	padding-top:10px;
	}
	
ul {padding:5px 0 0 0}

p, li {
	font:normal 13px georgia,"times new roman",serif;
	color:#646464;
	padding-top:10px;
	}
	.content p {line-height:18px;}
	p.launch {text-transform:uppercase; font:bold 9px helvetica,arial,sans-serif; letter-spacing:1px;}
	p.breadcrumb {font:bold 11px helvetica,arial,sans-serif; padding:0;}

blockquote {
	font:normal 13px georgia,"times new roman",serif;
	color:#646464;
	padding-top:10px;
	padding-left:30px;
	}
	
p a, h1 a, h2 a, h3 a, h4 a, li a {color:#769713;}
a:hover {text-decoration:none; border-bottom:1px dotted #90b52c;}	
:link, :visited {text-decoration:none;}
:focus {outline: 0;}
	a.imglink:hover {border : 0;}

 /* Layout */
/**********/


body {
	background:url(../images/body-bg.jpg) top center no-repeat;
	color: black; 
	line-height: 1; 
	text-align:center; 	
	}
div#wrap {  
	position:relative;
	width:960px; 
	margin:0 auto;
	text-align:left;
	}
	
div#header {
	position:relative; top:0; left:0;
	height:245px; width:960px;
	}
	#header h1 {padding:0; display:block; height:29px; width:575px; font-size:0px;}
		#header h1 a {
			background:url(../images/logo-kennedy.png) 0 0 no-repeat;
			display:block;
			height:32px; width:525px;
			/*height:28px; width:495px;*/
			padding:0;
			position:absolute; top:30px; left:-5px;
			text-indent:-9999px;
			}
			#header h1 a:hover {/*background-position:0 -28px; */border:0;}
	
	#header h2 {}
		#header h2 a {
			/*background:url(../images/logo-georgetown.png) 0 0 no-repeat;*/
			background:url(../images/GU-logo-50.png) 0 0 no-repeat;
			display:block;
			/*height:36px; width:147px;*/
			height:50px; width:211px;
			position:absolute; top:20px; right:0px;
			text-indent:-9999px;
			}
			#header h2 a:hover {/*background-position:0 -36px; */border:0;}
		
	#header p {color:#414141; position:absolute; top:22px; right:155px; font:normal 11px helvetica,arial,sans-serif;}
		#header p a {color:#414141; margin:0 3px;}
			#header p a:hover {color:#000; border:0;}


			/* Navbar Layout */
/*****************/ 

ul#nav {
			background:url(../images/banner-bg.png) top left no-repeat;
			display:block;
			height:160px; width:968px;
			padding:120px 0 0 11px;
			position:absolute; top:70px; left:-4px;		
	}
	
ul#nav li {height:28px; display:inline;}
ul#nav a {height:28px; display:block; position:absolute; text-indent:-9999px; border-bottom:none;}

li.home a {left:9px; width:79px; background:url(../images/kie-navbar_01.png) 0 0;}
li.about a {left:87px; width:178px; background:url(../images/kie-navbar_02.png) 0 0; }
li.people a {left:266px; width:110px; background:url(../images/kie-navbar_03.png) 0 0;}
li.programs a {left:376px; width:103px; background:url(../images/kie-navbar_04.png) 0 0;}
li.undergraduate a {left:479px; width:195px; background:url(../images/kie-navbar_05.png) 0 0;}
li.graduate a {left:674px; width:143px; background:url(../images/kie-navbar_06.png) 0 0;}
li.members a {left:817px; width:142px; background:url(../images/kie-navbar_07.png) 0 0;}


#nav li a:hover, #nav li a.current {background-position:0 -56px;}
			
			
div#banner {height:200px; width:960px; margin:0 0 15px 0; position:relative;}

	div#about {background:url(../images/skyline.png) center 15px no-repeat; width:235px; float:right; padding:30px 0 0 0;}
		#about h2 {color:#41413b;}
		#about p {padding:22px 0 0 0;}
	
	div#feature {
		background:url(../images/feature1.jpg) 0 0 no-repeat;
		height:149px; width:335px;  
		padding:25px 352px 25px 25px;
		position:relative; left:-4px;
		}
		div#feature h2 {font-style:italic; color:#90b52c; padding:0;}
		div#feature p {color:#41413b; font-size:14px; line-height:18px;}
		#feature a.learnmore {
			background:url(../images/learnmore-bg.gif) 0 0 no-repeat;
			color:#fff;
			display:block;
			font:bold 14px helvetica,arial,sans-serif;
			height:20px; width:103px;
			padding:6px 0 0 0;
			position:absolute; bottom:25px; left:25px;
			text-align:center;
			}
			#feature a.learnmore:hover {background-position:0 -26px; border:0;}

div#sidebar {
	background:url(../images/sidebar-bg.png) 0 0 no-repeat;
	float:right; 
	margin:20px 0 0 0;
	padding:7px 20px 20px;
	position:relative;
	width:195px;
	}
	#home #sidebar {margin:22px 0 0 0;}
	
	#sidebar h2 {padding:10px 0 0 0; color:#5e5e5e;}
		#sidebar h2 img {float:right; padding:0;}
	#sidebar p {font-size:12px;}
		#sidebar p.launch {font-size:9px;}
	#sidebar hr {height:2px; width:195px; background:url(../images/sidebar-hr.gif) center top no-repeat; border:0; margin:14px 0 5px 0;}
	
	#sidebar li {
		background:url(../images/sidebar-hr.gif) center bottom no-repeat;
		font:normal 15px Georgia, "Times New Roman", Times, serif;
		padding:10px 0 10px 0;
		}
		#sidebar li:last-child {background:none; padding-bottom:0;}
		#sidebar li a {color:#5e5e5e; display:block; width:195px;}
		#sidebar li a:hover {color:#669d26; border:0;}
		#sidebar li.current a {color:#52b0be;}
		#sidebar li ul {margin-bottom:10px;}
		#sidebar li li {
			background:none;
			font:bold 10px Helvetica, Arial, sans-serif;
			text-transform:uppercase;
			letter-spacing:1px;
			padding:7px 0 7px 10px;
			}
			#sidebar li li a {color:#669d26;}
			#sidebar li li a:hover {color:#4a800b;}
			
		#sidebar ul.partners li {
			text-align:center;
			padding:0 0 15px 0;
			}
	
	
	
	#sidebar #btm {
		background:url(../images/sidebar_btm-bg.gif) left bottom no-repeat; 
		height:7px; width:235px;
		position:absolute; bottom:0px; left:0px;
		}

div.content {
	float:left;
	position:relative;
	width:685px;
	padding:10px 20px;
	}
	div.twocolumn {width:450px;}
	div.callout {width:215px; padding:0; margin:0 0 0 0;}
		div.callout ul {margin:0; list-style-type:none;}
		div.callout li {
			background:url(../images/callout-bg.gif) 10px 0 no-repeat;
			font:italic normal 16px/24px Georgia, "Times New Roman", Times, serif; 
			color:#9a9a95; 
			border-left:3px solid #f1f1f1;
			margin:15px 0 0 0; 
			padding:10px 0 0 20px;
			}
			div.callout li span {font:normal bold 12px/20px Helvetica, Arial, sans-serif; margin:0 15px 0 0;}
	
	#scholars h2, #news h2, #ibx h2, #spotlight h2 {padding:0;}
	
	div#spotlight {
		float:left;
		margin:0 0 0px 0;
		padding:0 0 0 0;
		position:relative;
		width:450px;
		}
		/*
		#spotlight img {
			border:1px solid #bcbcbc;
			padding:1px;
			height:193px; width:193px;
			position:absolute; top:0px; left:0px;
			}
			*/
			/*
		#spotlight a.launch {
			background:url(../images/scholar-launch.gif) 0 0 no-repeat;
			display:block;
			height:19px; width:19px;
			position:absolute; top:0px; left:0px;
			text-indent:-9999px;
			}
			#spotlight a.launch:hover {background-position:0 -19px;}
			*/
			
	div#scholars {
		float:left;
		margin:0 0 40px 20px;
		position:relative;
		width:215px;
		}
		#scholars em {font-weight:normal; font-size:14px;}
		#scholars a img {
			float:right;
			border:1px solid #bcbcbc;
			
			padding:2px;
			height:100px; width:82px;
			}
			#scholars a:hover img {border-color:#587500;}
			
			
	div#news {
		float:left;
		margin:0 0 40px 20px;
		position:relative;
		width:215px;
		}
		#news ul {margin:0; list-style-type:none;}
		#news li {padding:5px 0 0 20px; font-size:14px; background:url(../images/bullet-arrow.gif) 0 7px no-repeat;}
		
	div#ibc {
		float:left;
		width:450px;
		position:relative;
		}
		#ibc h2 {
			background:url(../images/ibc38logosmall.png) 0 0 no-repeat;
			display:block;
			height:70px; width:400px;
			text-indent:-9999px;
			}
		#ibc a.register {
			background:url(../images/register-bg.gif) 0 0 no-repeat;
			color:#fff;
			display:block;
			font:bold 14px helvetica,arial,sans-serif;
			height:20px; width:84px;
			padding:6px 0 0 0;
			position:absolute; top:15px; right:20px;
			text-align:center;
			}
			#ibc a.register:hover {background-position:0 -26px; border:0;}
			
	div#atgeorgetown {
		float:left;
		margin:0 0 0 20px;
		position:relative;
		width:215px;
		}
		#atgeorgetown h2 img {float:right; padding:0 5px 0 10px;}
		#atgeorgetown li {padding:5px 0 0 20px; font-size:14px; background:url(../images/bullet-arrow.gif) 0 7px no-repeat;}
	
	


 /* Our People */
/**************/


.person {border-top:1px dashed #ccc; margin-top:20px; margin-right:30px;}

	/*.person h2:hover {cursor:pointer; color:#769713;}*/
	.person h3 {padding-top:10px; font-size:12px;}
	
	.person img {float:right; height:100px; width:100px; border:3px solid #ccc; margin: 0 0 20px 20px; padding:1px;}
		/* div.person img:hover, div.person h2:hover img {border:3px solid #769713; cursor:pointer;}*/
		 div.person img:hover {border:3px solid #769713; cursor:pointer;} /* removed name hover, as not linked */
		div.person a:hover {border:0;}




 /* IBC Splash */
/**************/

h1#ibc {
	background:url(../images/ibc38logolarge.png) 0 0 no-repeat; 
	display:block; 
	height:78px; width:685px; 
	margin-bottom:15px;
	text-indent:-9999px;
	}

h1#kiej {
	/*background:url(../images/ibc-big.gif) 0 0 no-repeat; */
	/*display:block; */
	font:normal 23px georgia,"times new roman",serif;
	height:48px; width:685px; 
	/*margin-bottom:15px;*/
	/*text-indent:-9999px;*/
	}


div.callout a.register {
	background:url(../images/register-bg2.gif) 0 0 no-repeat;
	color:#fff;
	display:block; 
	font:italic normal 18px Georgia, "Times New Roman", Times, serif;
	height:37px; width:187px;
	padding:10px 15px;
	margin:20px 0 0;
}
	div.callout a.register span.launch {color:#617e0a; text-transform:uppercase; font:bold 9px/20px helvetica,arial,sans-serif; letter-spacing:1px;}
	div.callout a.register:hover {background-position:0 100%; border:0;}

	div.photos a img {border:3px solid #ccc; margin: 10px 10px 0 0; padding:1px;}
	div.photos a:hover img {border:3px solid #769713;}
	div.photos a:hover {border:0;}
	
	
div#footer {
	background:#000 url(../images/footer-bg.gif) 0 0 repeat-x;
	margin:100px 0 0 0;
	height:61px; width:100%;
	padding:5px 0 0;
	
	}
	#footer p {font:normal 11px helvetica,arial,sans-serif; color:#fff;}