/* positioning, margins, padding */


html, body, form, fieldset, h1 {
	margin: 0;
	padding: 0;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}

.tr,
dd,
dl,
dt,
h2,
h3,
fieldset,
p,
table {
	margin: 0 0 12px 0;
	padding: 0;
}
h2,
h3 {
	margin-top: 24px;
}
fieldset {
	padding: 8px;
}
.tr input,
.tr textarea,
.tr select {
	width: 66%;
}
dt,
label {
	float: left;
	width: 32%;
}
img.left {
	float: left;
	margin: 0 16px 16px 0;
	padding: 8px;
}
img.right {
	float: right;
	margin: 0 0 16px 16px;
	padding: 8px;
}
div.clear {
	clear: both;
}
p.error {
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em;
}
.last {
	margin-bottom: 0;
}
p.property {
	padding: 0 2em;
}
#outer {
	margin: 40px auto 20px;
	width: 700px;
}
body.popup #outer {
	margin: 40px;
	width: auto;
}
#main {
	clear: left;
	margin: 0 auto;
	padding: 2px 2px 2em;
	width: 696px;
}
#head {
}
#menu {
	clear: left;
	height: 32px;
	margin-bottom: 1em;
}
#col1 {
	float: left;
	width: 172px;
}
#col2 {
	margin-left: 172px;
	width: 500px;
}
#foot {
	/*clear: both;*/
	margin: 0 auto;
	padding: 0 0 32px;
	text-align: center;
	width: 700px;
}
h1 img {
	float: left;
	margin: 0 0 2px 2px;
}
h1 a img {
	margin-left: 0;
}

/* backgrounds, colours, borders */


body {
	background-image: url("../_img/bg_tile.gif");
	background-color: #96a0b0;
	color: #000;
}
a {
	color: #369;
}
a:visited {
	color: #69c;
}
fieldset {
	border: solid #ccc 1px;
}
img {
	border: 0;
}
img.left,
img.right,
div#col1 img {
	background-color: #fff;
	/*border: solid #000 1px;*/
	border: solid #ccc 1px;
}
.mandatory {
	color: #f00;
}
#outer {
	background-color: #ffffff;
}
body.popup #outer {
	background: none;
}
#menu {
	background: url("../_img/menu.gif") top left no-repeat;
}
#foot {
	background: url("../_img/foot.gif") top left repeat-x;
}
table.cms {
	border-collapse: collapse;
}
table.cms thead {
	border-bottom: solid #999 1px;
}
table.cms tr {
	border-bottom: dotted #ccc 1px;
}
table.cms th,
table.cms td {
	padding: 2px 3px;
}
table.cms td.invisible {
	color: #999;
}
p.error {
	background-color: #c00;
	color: #fff;
}


/* fonts */


body {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
h1 {
	font: bold 1.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
h2 {
	font: bold 1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
h3 {
	font: bold 1.2em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
th {
	font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
input, select, textarea {
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
}
table.cms th {
	font-size: 12px;
	font-weight: bold;
}
* {
	text-align: left;
}
p {
	text-align: justify;
}
em {
	font-weight: italic;
}
legend,
strong {
	font-weight: bold;
}
#col1 {
	font-size: 0.9em;
	text-align: center;
}
#foot {
	font-size: 0.9em;
}