/* --- CSS Reset from grid.mindplay.dk --- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body
{
	font-family: 'Trebuchet MS', 'Open Sans', Calibri, Arial, sans-serif;
	color: #000;
	background-color: rgb(255, 244, 199);
	font-size: 11.5pt;
	letter-spacing: 0.05em;
	line-height:1.5
}

.content img
{
	margin: 10px 10px 10px 20px;
	max-width: 95%;
	border-radius: 4px;
	box-shadow: 3px 3px 5px 3px #BCC4BE;
}

.rpic
{
	float: right;
	width: 300px;
}

/* Content wrapper */
#wrapper
{
	width: 800px;
	margin: 0 auto;
	padding-top: 15px;
}

/* Main (middle) section  */
#main
{
	width: 800px;
	margin-bottom: 30px;
}

/* Main content area  */
#mainContent
{
	min-height: 600px;
	width: 800px;
}

.contentBox
{
	margin-top: 20px;
	padding-bottom: 1px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 3px 3px 5px 3px #BCC4BE;
}

/* Box heading */
.header
{
	color: #fff;
	background-color: #ec810e;
	padding: 5px 5px 5px 12.5px;
	margin-top: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/* Copyright line */
#copyright
{
	padding-top: 15px;
	font-size: 9.5pt;
	text-align: center;
	clear: both;
}

#copyright, #copyright a
{
	color: rgb(143,143,143);
}

/* Logo */
#logoDiv
{
	padding: 0 5px 0 5px;
}

#siteTitles
{
	padding-left: 133px;
}

#siteTitles h1
{
	font-weight: bold;
	font-size: 16.5pt;
}

#siteTitles h2
{
	font-weight: bold;
}

#logo
{
	border-radius: 90px;
	float: left;
}

/* Main menu */
#menu
{
	width: 800px;
	margin-bottom: 50px;
}

#secMenu
{
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}

.header h1
{
	font-size: 16.5pt;
	font-weight: bold;
}

.header a
{
	color: #fff;
}

.header p
{
	margin-bottom: 5px;
	color:#d1dfea;
}

.header p.smaller
{
	font-size: 12.5pt;
}

a
{
	color: rgb(187, 2, 2);
}

.strike
{
	text-decoration: line-through;
}

abbr
{
	font-style: italic;
	cursor: help;
}

ul
{
	margin-left: 35px;
}

.content h1
{
	font-family: 'Trebuchet MS', 'Open Sans', Calibri, Arial, sans-serif;
	font-weight: bold;
	font-size: 14.5pt;
	color: rgb(248, 40, 0);
	margin: 20px 0 10px 0;
}

.content h2
{
	font-family: 'Trebuchet MS', 'Open Sans', Calibri, Arial, sans-serif;
	font-weight: bold;
	font-size: 12.5pt;
	margin: 10px 10px 10px 0;
}

h5
{
	font-size: 14.5pt;
	margin: 20px 0 10px 10px;
	font-style: italic;
	clear: both;
}

h4
{
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding-left: 20px;
	padding-right: 20px;
}

div.demo em, code em, em.colour
{
	font-style: normal;
	color: #a0a0a0;
}

p.source
{
	font-family: monospace;
	font-size: 12pt;
	font-style: italic;
	margin-top: 10px;
}

code
{
	font-family: monospace;
	font-weight: bold;
}

div.demo, div > code
{
	margin: 20px 0 30px 40px;
	border: 1px solid #03389E;
	background-color: #DEE7F8;
	padding: 5px;
	width: 90%;
	font-family: monospace;
	font-weight: normal;
	display: block;
}

code strong
{
	color: #F97B04;
	font-weight: normal;
}



/* A link in the menu */
#menu a
{
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	font-size: 8.5pt;
	background-color: #000;
	color: #ff0;
}

#secMenu a
{
	display: block;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	padding: 5px;
	font-size: 8.5pt;
	text-align: left;
}

#secMenu p
{
	display: block;
	text-align: right;
	font-weight: bold;
	padding: 5px;
	font-size: 8.5pt;
	text-align: left;
}

#secMenu a.current, #secMenu a:hover
{
	color: rgb(248,40,0);
}

#rightmostItem
{
	border-bottom-right-radius: 8px;
}

/* Highlighted menu link */
#menu a.current, #menu a:hover
{
	background-color: rgb(54, 53, 53);
}

/* The actual content area for each chapter */
.content
{
	margin: 20px 20px 20px 20px;
}

/* Paragraphs in the content area */
.content > p
{
	margin: 5px 10px 5px 0;
	text-align: justify;
}

.centre p, .centre h1, .centre h2, .centre h3, .centre h4, .centre h5
{
	text-align: center;
}

.separator
{
	margin: 14px 7px 14px 7px;
	background-color: #fff;
	border-top: solid 1px #167f2d;
}

table th
{
	background-color: #c0eec8;
	font-weight: bold;
	padding: 10px;
}

table p
{
	padding: 5px 0 5px 0;
}

table td
{
	padding: 10px;
}

table, table th, table td
{
	border: solid 1px #167f2d;
	border-collapse: collapse;
}

table
{
	box-shadow: 3px 3px 5px 3px #BCC4BE;
	margin: 20px 10px 20px 10px;
}

.status
{
	font-weight: bold;
}

#headerPicture
{
	width: 800px;
	height: 288px;
	background-image:url(./media/header.jpg);
}

#headerPicture h1
{
	font-size: 26.5pt;
	font-weight: bold;
	padding: 20px;
	padding-left: 40px;
	padding-top: 70px;
	color: rgb(219, 1, 1);
}

#headerPicture h2
{
	font-size: 12.5pt;
	font-weight: bold;
	padding-left: 200px;
	color: rgb(219, 1, 1);
	font-style: italic;
}

.picLeft
{
	float: left;
	margin-right: 20px !important;
}

#sortable { list-style-type: none; margin-top: 10px; margin-bottom: 10px; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; }
  #sortable li span { position: absolute; margin-left: -1.3em; }