/* Modifications to UvA layout */
#topheadernav { 
	padding-bottom: 20px;
}

body#defaultpage-extended #main div.background {
	background-image: url(../images/msclogic_header_2013.jpg?v=2);
}

.linklist .menucol2 {
	margin-left: 100px;  
}

#subheader h2 {
	margin-top: 0px;
}
#subheader .inner-spacer {
	min-height: 56px;
}

/* Have the top headers be fixed to the viewport. Scrolling will only scroll the main content and left navigation panels. Currently disabled, but preserved just-in-case */

body.fixed-scroll #mainheader { 
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4;
	width: 100%;
}
body.fixed-scroll #main div.background {
	position: fixed;
	top: 150px;
	height: 254px;
	background-position: 50% 0%;
	width: 100%;
	background-color: #DBDBDB;
	left: 0px;
	z-index: 3;
}
body.fixed-scroll #subheader .sixteen {
	bottom: 4px;  
}

body.fixed-scroll #maincontent {
	margin-top: 404px;
}

/* when scrolling to an anchor, we don't want the text below the anchor to appear at the top of the viewport, but just below the fixed-positioned headers. So we offset the anchor in such a way that anchor-at-top-of-viewport corresponds to text-just-below-fixed-header. */
body.fixed-scroll a[name] {
	display: block;
	position: relative;
	top: -404px;
		left: 0px;
}

/** New design for SupportandInfo pages 2010/05/24, to be used in rest of ILLC site later. Revamped to correspond to UvA-style 'nav ul.linklist' styling */
ul.pagemenu, ul.pagemenu ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
ul.pagemenu ul {
	margin-left: 20px;
	margin-top: 6px;
}

ul.pagemenu a {
	background: url("../gfx/list_arrow.png") no-repeat scroll 0 3px transparent;
	color: #231F20;
	display: block;
	padding-left: 15px;
	text-decoration: none;
}
ul.pagemenu.singlelevel a {
	background-image: url("../gfx/list_anchor.png");
}

div.useillcheaders h3 {
}
div.useillcheaders h4 {
}
div.useillcheaders h5 {
	font-weight: bold;
	font-size:  15px;
	line-height: 133%;
}
dl.indented dd {
	margin-left: 10px;
}
div.useillcheaders ol li h5 {
	margin: -20px 0px 0px 4px;
	font-weight: normal;
	font-style: italic;
}
table.border0 td, table.border0 th {
	border: 0px none;
}
table.border1 td, table.border1 th {
	border: 1px solid #dbdbdb;
}
table.padding1 td, table.padding1 th {
	padding: 1px;
}
table.padding2 td, table.padding2 th {
	padding: 2px;
}
table.padding3 td, table.padding3 th {
	padding: 3px;
}
table.padding4 td, table.padding4 th {
	padding: 4px;
}
table.padding5 td, table.padding5 th {
	padding: 4px;
}



/* Style overrides */
.full-background .second-row .six.columns .inner-spacer { height: 310px; }
.full-background #main .six.columns   { width: 340px; }
.full-background #main .seven.columns   { width: 400px; }
.full-background #main .offset-by-one { padding-left: 60px; }
.full-background #main .offset-by-two { padding-left: 120px; }
#logo { margin-top: 0px; }
.background { height: 160px; }
nav#submenu.clearfix a.current { color: #BC0031; }
.layout-4 p { max-width: 880px; }
#megadropdown { background-color: #bc0031; }
#megadropdown .megaitem:hover > a,
#megadropdown .megaitem > a.hover,
#megadropdown .megaitem > a:focus,
#megadropdown .megaitem.jsFocus > a { background-color: #333333; }
#breadcrumb { background-color: rgba(188, 0, 49, 0.4); }

#megadropdown .menu .four {
	height: 250px;
}

a, nav a { 
	color: #666666;
}

ol > li > p:first-child {
	margin-top: -20px;
	margin-left: 3px;
}
ul.two-column {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

/* forms */
form label {
	display: block;
	width: 100%;
	padding-bottom: 5px;
}
form label span {
	display: block;
	width: 250px;
	float: left;
}
form label input[type=text],
form label textarea {
	width: 400px;
}
form label input[type=number] { 
	width: 50px;
}
form input[type=submit] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}