/**
 * CSS for the KITLV Caribisch Familie Archief
 * author: Gridline B.V.
 *
 * common colors:
 * * #ef9c00 background orange/text heading color
 * * #fdf0d9 background pink
 * * #4e432f body text dark brown
 * * #454545 menu text gray
 */

html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	font-family: "Arial", sans-serif;
	
	width: 100%;
	height: 100%;
	
	font-size: 11px;
	line-height: 22px;
	color: #4e432f;
}

html {
	background: #ef9c00 url("/images/vertical-gradient.png") repeat-x top;
}


#container {
	background: #fff url("/images/horizontal.png") repeat-y left;
	border-top: solid transparent 1px;
	width: 915px;
	margin: -1px auto 0 auto;
	padding: 0 0 33px 0;
	
	min-height: 100%;
}

#header {
	background: transparent url("/images/header-graphic.jpg") no-repeat left top;
	height: 622px; /* It needs to be this large to accomodate the header graphic */
	margin-bottom: -442px; /* Its actual height is 186px */
}

/* Hide the text in the links for kitlv and page home links*/
#home-link span, 
#kitlv-link span {
	display: none;
}

#home-link {
	display: block;
	
	height: 86px;
	width: 424px;
	
	float: left;
	
	margin: 66px 0 0 211px;
}

#kitlv-link {
	display: block;

	width: 59px;
	height: 50px;
	float: right;
	
	margin: 0 4px 0 0;
}

#menu {
	float: left;
	width: 226px;
	
	margin: 47px 0 0 -15px;
}

#menu ul {
	margin: 0 0 0 0;
	padding: 1px 0 0 0;
	
	background: transparent url("/images/menu-gradient.png") no-repeat top right;
}

#menu ul li {
	list-style-position: outside;
	list-style-type: none;
	
	min-height: 23px;
	margin: 0 0 0 0;
	padding: 0 0 0 50px;
	
	background: transparent url("/images/menu-gradient.png") no-repeat bottom right;
}

/* nested lists in menu */
#menu ul li ul li {
    padding: 0 0 0 10px;
}

#menu ul li a {
	display: block;
	width: 100%;
	padding: 0 0 0 23px;	
	
	font-size: 12px;
	line-height: 23px;
	font-weight: normal;
	text-decoration: none;
	color: #454545;
	background: none;
}

#menu ul li div a {
	background: transparent url("/images/menu-bullet.png") no-repeat top left;
}

#menu ul li a:hover {
	background: transparent url("/images/menu-bullet-highlight.png") no-repeat top left;
}

#content {
	margin: 0 270px 0 236px;
}

#page-images {
	width: 135px;
	float: right;
	margin: 50px 98px 0 auto;
}

#page-images a {
	display: block;
	width: 135px;
	height: 135px;
	
	margin: 0 0 15px 0;
}

h1 {
	color: #ef9c00;
}

hr {
	border: none;
	
	border-top: solid #fff 1px;
	border-collapse: collapse;
}

/* make the first paragraph in the container bold */
#content .introduction {
	font-weight: bold;
}

a {
	font-weight: bold;
	color: #ef9c00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

table {
	border-collapse: collapse;
	margin-bottom: 25px;
}

table tr td,
table tr th {
	padding: 3px 15px 3px 15px;
	border-bottom: solid #fff 1px;
	text-align: center;
}

table.form tr td,
table.form tr th {
    text-align: left;
}

img
{
	margin: 0px 0 20px 0;
}