/* ------------------------------------------------------------------

Styles and Structure for Central European University - Budapest

Design and Implemented by Twinsparc - Atlanta, Georgia

------------------------------------------------------------------ */

body {
	height:100%;
	background:#fff;
	font-family:Arial, Tahoma, Geneva, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	color: #000000;
	}
	
a {
	color:#db7209;
	text-decoration:none;
	}
	
a:hover {
	color:#db7209;
	text-decoration:underline;
	}
	
em {
	color:#999;
	}
	
#content strong {
	color:#454545;
	}
	
	hr {
		height:1px;
		background:#aaa;
		border:none;
		margin:10px 50px 10px 0;
		}
		
/* ------------------------------------------------------------------
CORE STRUCTURE
------------------------------------------------------------------ */
	
#container {
	width:750px;
	margin:0 auto;
	padding:0;
	background: url(../images/bg-container.gif) top left repeat-y;
	}
	
#primary-content {
	width:540px;
	float:left;
	margin:0;
	padding:0;
	font:11px/17px Arial, Tahoma, Geneva, sans-serif;
	color:#333;
	}
	
#primary-content a[href^="http:"], #content a[href^="http:"] {
background: transparent url('../images/aoutside.gif') 100% 50% no-repeat;
padding-right: 10px;
white-space: nowrap;
}
	
#masthead {
	position:relative;
	width:540px;
	height:150px;
	margin:0;
	padding:0;
	background:#fff url(../images/bg-masthead.gif);
	border-top:10px solid #96adbf;
	border-bottom:10px solid #96adbf;
	}
	
.logo h1 {
	text-indent:-3000px;
	}
	
#masthead span {
	width:540px;
	position:absolute;
	top:90px;
	margin:0;
	padding:0;
	color:#999;
	}
	
#home-image img {
	margin:10px 0;
	padding:0;
	}
	
#home-image a {
	display:block;
	width:540px;
	height:490px;
	display:block;
	margin:10px 0 10px 0;
	padding:0;
	border:none;
	background:url(../images/bg-home-image.jpg) 0 0 no-repeat;
	cursor:default;
	}
	
#home-image a:hover {
	background:url(../images/bg-home-image.jpg) 0 -490px no-repeat;
	}
	
#home-image a span {
	display:none;
	}
	
/* ------------------------------------------------------------------
CONTENT
------------------------------------------------------------------ */

#content {
	width:540px;
	float:left;
	margin:5px 0 0;
	padding:0;
	color:#666;
	}
	
#content p { margin:10px 0;padding:0 50px 0 0; }
	
#content ul {
	list-style:none;
	margin:5px 50px 0 10px;
	padding:0;
	border-top:1px solid #ddd;
	}
	
#content ul li {
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #ddd;
	}
	
#img-banner {
	width:540px;
	height:175px;
	margin:10px 0;
	padding:0;
	border:none
	}
	
#banner { width:540px; height:75px; margin:10px 0 10px 0; padding:0; background:url(../images/banners/banner-grey.gif) 0 0 no-repeat; }
#banner.slate { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-slate.gif) 0 0 no-repeat;}
#banner.orange { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-orange.gif) 0 0 no-repeat;}
#banner.orange2 { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-orange2.gif) 0 0 no-repeat;}
#banner.yellow { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-yellow.gif) 0 0 no-repeat; }
#banner.yellow2 { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-yellow2.gif) 0 0 no-repeat; }
#banner.greyblue { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-greyblue.gif) 0 0 no-repeat; }
#banner.blue { width:540px; height:75px; margin:10px 0; padding:0; background:url(../images/banners/banner-blue.gif) 0 0 no-repeat; }


#banner h1 {
	width:525px;
	height:75px;
	margin:0;
	padding:0 0 0 15px;
	color:#000000;
	font-size:19px;
	line-height:75px;
	font-weight:normal;
	}
	
/* ------------------------------------------------------------------
LEFT COLUMN 
------------------------------------------------------------------ */

.left-column {
	width:150px;
	float:left;
	margin:20px 40px 0 0;
	padding:0;
	}
	
.left-column h5 {
	font-size:14px;
	margin:0;
	padding:20px 0 0 0;
	border-top:5px solid #ddd;
	}
	
.left-column ul#left-list {
	list-style:none;
	margin:10px 0 20px 0;
	padding:0;
	border:none;
	}
	
.left-column ul#left-list li {
	margin:0;
	padding:5px 0 5px 10px;
	border:none;
	}
	
.left-column ul#left-list li a {
	color:#999;
	text-decoration:none;
	border:none;
	}
	
.left-column ul#left-list li a:hover{
	color:#db7209;
	text-decoration:none;
	}
	
.left-column ul#left-list li a#active {
	color:#db7209;
	text-decoration:none;
	}
	
.years {
	width:150px;
	height:50px;
	margin:0;
	padding:0;
	}
	
 .years a{
	width:75px;
	height:50px;
	display:block;
	float:left;
	font:bold 36px/50px Arial, sans-serif;
	text-align:center;
	color:#ddd;
	text-decoration:none;
	letter-spacing:-1px;
	}
	
.years a:hover, .years a#active {
	color:#666;
	text-decoration:none;
	}

	
/* ------------------------------------------------------------------
RIGHT COLUMN
------------------------------------------------------------------ */
	
.right-column {
	width:350px;
	float:right;
	clear:right;
	margin:20px 0 0 0;
	padding:0;
	}
	
/* \*/
.right-column {
	width:350px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	}
/* */
	
.right-column dl {
	margin:0;
	padding:15px 0;
	}
	
.right-column dt {
	font-size:13px;
	font-weight:bold;
	}

.right-column dd {
	margin:0 0 0 10px;
	padding:0;
	}
	
h2, h2 a {
	margin:10px 0;
	padding:0;
	font-size:20px;
	font-family:Arial, Geneva, "Lucida Grande", sans-serif;
	color:#333;
	text-decoration:none;
	}
	
h2 a:hover { text-decoration:none; border:none; }
	
h3 {
	margin:0;
	padding:0;
	font-size:16px;
	}
	
h4 {
	font-size:25px;
	height:50px;
	line-height:50px;
	margin:0;
	padding:0;
	border-bottom:5px solid #ddd;
	text-transform:uppercase;
	color:#787878;
	}
	
h4.border {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	border-bottom:5px solid #ddd;
	}
	
h6, #content h1 {
	font-size:17px;
	margin:20px 0 0 0;
	padding:0;
	color:#000000;
	}
	
span.date { 
	margin:0;
	padding:0;
	color:#999;
	}
	
.news {
	width:225px;
	float:left;
	margin:10px;
	padding:10px;
	border-top:10px solid #96adbd;
	}
	
.events {
	width:225px;
	float:right;
	margin:10px;
	padding:10px;
	border-top:10px solid #909495;
	}
	
.headshot {
	width:150px;
	height:180px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	background:#999 url(../images/headshot.gif);
	}
	
/* ------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------ */
	
#sidebar {
	width:200px;
	float:right;
	clear:right;
	margin:0;
	padding:0;
	}
	
#main-nav {
	width:200px;
	height:170px;
	margin:0;
	padding:0;
	background-color: #cccc99;
	}
	
dl#main {
		margin:0;
		padding:0;
		}
		
dl#main dt  {
		margin:0;
		padding:0 5px 0 0;
		border-top:1px solid #635c56;
		}
		
dl#main dd  {
		margin:0 0 11px 0;
		padding:0;
		}
		
dl#main dt a {
		display:block;
		margin:2px 0 2px 0;
		padding:2px 10px;
		font-family:Arial, sans-serif;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		border-left:5px solid #3f362f;
		}
		
/*\*/
dl#main dt a {
		display:block;
		margin:4px 0 4px 0;
		padding:4px 10px;
		font-family:Arial, sans-serif;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		border-left:5px solid #3f362f;
		}
/* */
		
dl#main dt a:hover { color:#db7209; text-decoration:none; }
	
dl#main dd a:hover, dl#main dd a#active { color:#db7209; text-decoration:none; }
		
dl#main dd a {
		display:block;
		margin:0;
		padding:0 0 0 20px;
		font-family:Arial, sans-serif;
		font-size:11px;
		color:#000000;
		text-decoration:none;
		line-height:10px;
		}
		
body#home dl#main dt a#home, 
body#about dl#main dt a#about, 
body#gallery dl#main dt a#gallery, 
body#contact_page dl#main dt a#contact 
	{ color:#db7209; border-left:5px solid #000000; }
body#history dl#main dd a#history,
body#purpose dl#main dd a#purpose
	{ color:#db7209; }
	
/* ------------------------------------------------------------------
SECONDARY NAV
------------------------------------------------------------------ */
	
.secondary-nav {
	width:200px;
	margin:0;
	padding:0;
	border-top:10px solid #000000;
	background-color: #ffffff
	}
	
.secondary-nav ul#secondary {
	list-style:none;
	margin:0;
	padding:0;
	}
	
.secondary-nav ul#secondary li {
	margin:0;
	padding:9px 0;
	font-size:12px;
	font-weight:bold;
	color:#3f362f;
	border:none;
	border-top:1px solid #ffffff;
	}
	
.secondary-nav ul#secondary li.first { border:none; }

.secondary-nav ul#secondary li a {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	border-left:5px solid #ffffff;
	}
	
.secondary-nav ul#secondary li a:hover {
	text-decoration:none;
	color:#000000;
	border-left:5px solid #ffffff;
	}
	
.secondary-nav ul#secondary li a#active {
	border-left:5px solid #fff;
	color:#db7209;
	}
	
.secondary-nav ul#secondary ul {
	list-style:none;
	margin:0;
	padding:0 0 5px 0;
	border:none;
	}
	
.secondary-nav ul#secondary ul li {
	margin:0;
	padding:3px 0;
	color:#993300;
	font-weight:normal;
	border:none;
	font-size:11px;
	}

	
.secondary-nav ul#secondary ul li a {
	display:block;
	margin:0;
	padding:0 10px 0 10px;
	color:#993300;
	font-weight:normal;
	font-size:11px;
	}
	

body#faculty-staff .secondary-nav ul#secondary li#faculty-staff a,
body#specialization .secondary-nav ul#secondary li#specialization a,
body#graduate-programs .secondary-nav ul#secondary li#graduate-programs a,
body#applying .secondary-nav ul#secondary li#applying a,
body#curriculum .secondary-nav ul#secondary li#curriculum a,
body#outreach .secondary-nav ul#secondary li#outreach a,
body#alumni .secondary-nav ul#secondary li#alumni a,
body#special-events .secondary-nav ul#secondary li#special-events a,
body#visiting_scholars .secondary-nav ul#secondary li#visiting_scholars a
	{ color:#db7209; border-left:5px solid #fff; }

body#feminist_knowledge .secondary-nav ul#secondary ul.sub li#feminist_knowledge a,
body#gender_dimensions .secondary-nav ul#secondary ul.sub li#gender_dimensions a,
body#gendering_theory .secondary-nav ul#secondary ul.sub li#gendering_theory a,
body#nationalism .secondary-nav ul#secondary ul.sub li#nationalism a,
body#borders .secondary-nav ul#secondary ul.sub li#borders a,
body#raced_sexed .secondary-nav ul#secondary ul.sub li#raced_sexed a,
body#cultural_studies .secondary-nav ul#secondary ul.sub li#cultural_studies a,
body#phd_program .secondary-nav ul#secondary ul.sub li#phd_program a,
body#masters_program .secondary-nav ul#secondary ul.sub li#masters_program a,
body#internship .secondary-nav ul#secondary ul.sub li#internship a,
body#non_degree .secondary-nav ul#secondary ul.sub li#non_degree a,
body#ma_requirements .secondary-nav ul#secondary ul.sub li#ma_requirements a,
body#phd_requirements .secondary-nav ul#secondary ul.sub li#phd_requirements a,
body#ma_courses .secondary-nav ul#secondary ul.sub li#ma_courses a,
body#phd_courses .secondary-nav ul#secondary ul.sub li#phd_courses a,
body#archive .secondary-nav ul#secondary ul.sub li#archive a,
body#resource_center .secondary-nav ul#secondary ul.sub li#resource_center a,
body#lectures .secondary-nav ul#secondary ul.sub li#lectures a,
body#calendar .secondary-nav ul#secondary ul.sub li#calendar a,
body#news .secondary-nav ul#secondary ul.sub li#news a,
body#other_events .secondary-nav ul#secondary ul.sub li#other_events a
	{ color:#db7209; }

	
/* ------------------------------------------------------------------
FOOTER
------------------------------------------------------------------ */
	
#footer {
	display:block;
	clear:both;
	width:750px;
	height:20px;
	margin:0;
	padding:0;
	background:url(../images/bg-footer.gif);
	}

