html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:black;
}

h1 {
	font-size:1.5em;
}

h2 {
	color:#9c9;
}

a:hover {
	color:navy;
}

/* Header & Footer */
#header {
	width:825px;
	height:200px;
	background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/header.gif) no-repeat left top;
}

#footer {
	margin-top:-50px;
}

/* Navigation bar **/

#nav {
	width:171px;
	padding-bottom:37px;
	font-variant:small-caps;
	background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/nav_footer.gif) no-repeat right bottom;
}
	#nav ul {
		list-style:none;
		margin:0;
		padding:20px 0 20px 0;
		text-align:right;
		font-size:90%;
		line-height:180%;
		background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/nav_tile.gif) repeat-y right bottom;
	}
	
		#nav ul li {
			padding:0 10px 0 10px;
		}
	
	#nav ul li a {
		padding-right:10px;
		display:block;
		text-decoration:none;
		color:#9c9;
	}
	
	#nav ul li a:hover {
		background:#cec;
		color:#363;
	}
	
	#nav ul li .selected {
		background:#9c9;
		color:#363;
		font-weight:bold;
	}

/* User panel */
#userPanel {
	width:171px;
	font-variant:small-caps;
	border-bottom:1px dashed #66c;
	border-top:1px dashed #66c;
}

	#userPanel ul {
		list-style:none;
		margin:0;
		padding:10px 0 10px 0;
		text-align:right;
		font-size:90%;
		line-height:180%;
		background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/nav_tile.gif) repeat-y right bottom;
	}
	
		#userPanel ul li {
			padding:0 10px 0 10px;
		}
		
	#userPanel ul li a {
		padding-right:10px;
		display:block;
		text-decoration:none;
		color:#66c;
	}
	
	#userPanel ul li a:hover, #userPanel ul li a.selected {
		background:#66c;
		color:#336;
	}
	
	#userPanel ul li a.admin {
		padding-right:10px;
		display:block;
		text-decoration:none;
		color:#c66;
	}
	
	#userPanel ul li a.admin:hover, #userPanel ul li a.admin .selected {
		background:#c66;
		color:#633;
	}
	
	#userPanel p {
		font-size:80%;
		padding:5px 10px 0 0;
		margin:0;
		text-align:right;
		background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/nav_tile.gif) repeat-y right bottom;
	}

/* Login Box */
#loginBox {
	float:right;
	font-size:90%;
	color:#9c9;
	position:relative;
	top:-20px;
}
	#loginBox form {
		padding:0;
		margin:0;
		#color:#363;
	}
	
	#loginBox input[type="text"], #loginBox input[type="password"] {
		border:1px solid #ccc;
		padding:2px;
	}
	
	#loginBox .ieInputFix {
		width:50px;
	}
	
	#loginBox input[type="text"]:hover, #loginBox input[type="password"]:hover, 
	#loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus {
		border:1px solid #9c9;
		background:#efe;
	}
	
	#login input[type="submit"] {
		border:1px solid #9c9;
		background:#fff;
		color:#9c9;
	}
	
	#login input[type="submit"]:hover {
		background:#9c9;
		color:#fff;
	}
	
	#loginBox .ieInputTextFix {
		width:8em;
	}
	
	#loginBox h4 {
	    display:inline;
		margin-right:0.4em;
	}
	
	#loginBox a {
		font-size:80%;
		font-variant:normal;
	}
	
	#loginBox p {
		display:inline;
		margin-right:5px;
	}
	
	
/*The main text goes in here*/
#content {
	padding:0 80px 80px 0;
	width:595px;
	#width:675px;
	min-height:250px;
	position:absolute;
	top:170px;
	left:202px;
	font-size:90%;
	text-align:justify;
	background:url(http://www.rmdt.org.nz/app/views/stylesheets/main/images/footer.gif) no-repeat right bottom;
}
/* Box displaying notices */
#pageNotices {
	width:565px;
	#width:515px;
	margin:5px 0 5px 0;
	padding:5px 15px 5px 15px;
	background-color:#bbbbff;
	color:#06185c;
	border-top:2px solid #0000ff;
	border-bottom:2px solid #0000ff;
}

#pageNotices:hover {
	background-color:#ddddff;
}

#pageNotices p {
	margin:0;
}

#pageNotices ul {
	margin-top:0;
	margin-bottom:0;
}
/* Form for field inputs */

table.attributeList {
	padding-bottom:20px;
	width:100%;
	text-align:left;
	font-size:90%;
	border-collapse:collapse;
}
	table.attributeList tr {
		padding:0;
	}

	table.attributeList td {
		padding:10px 0 10px 30px;
	}
	
	table.attributeList tr:hover {
		color:#9c9;
	}
	
	table.attributeList td.attribute {
		width: 50%;
		padding-right:15px;
		text-align: left;
		border-right:1px solid #363;
	}

	table.attributeList td.attribute label {
		font-weight:bold;
	}

	table.attributeList td.attribute span {
		color:#c66;
	}
	
	table.attributeList td.attribute .fieldDescription{
		font-style:italic;
		font-weight:normal;
		padding:2px 0 0 5px;
	}

	table.attributeList td.valueInput {
		padding-left:15px;
		border-left:1px solid #363;
	}
	
	table.attributeList td.fckeditor {
		padding: 10px 0 10px 0;
	}

	table.attributeList .submit {
		text-align:center;
	}
	
	table.attributeList .shortInput {
		width:2em;
	}
	
	table.attributeList select.shortSelect {
		width:12em;
	}

	table.attributeList input[type="text"], table.attributeList input[type="password"], table.attributeList textarea {
		border:1px solid #363;
	}

	table.attributeList input[type="text"]:hover, table.attributeList input[type="text"]:focus, 
	table.attributeList input[type="password"]:hover, table.attributeList input[type="password"]:focus, 
	table.attributeList textarea:hover {
		border:1px solid #9c9;
	}
/** positioning the submit buttons **/
div.submit {
	text-align:center;
	margin-top:20px;
}
/** red asterix **/
span.compulsory {
	color:#f00;
}