/* Project DMS */
/* System Designed and built by Gordon MacKinnon-Smith*/
/* www.projectdms.com.au/exchange/  */
/* Copyright Project DMS */
/* www.projectdms.com.au */
/* last edited 051208 */

html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;}
	
body {
	height: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;}

div {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;}

tr {
	vertical-align:top;}

img {
	border: 0;}

#container {
	width: 800px;
	margin: 0 auto;
	border: 0;
	padding: 0;}
	/* div controls all page contents */

#header {
	float: left;
	width: 800px;
	height: 180px;
	margin-bottom: 20px;}
	/* div and style control contents of page header. This div contains the footer.inc */

#content1 {
	float: left;
	margin-top: 18px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	width: 210px;
	padding-right: 20px;}
	#content1 p {
	margin-top:2px;
	margin-bottom:4px;}
	/* div and style control left hand content column on each page containing the sectional navigation */

#content2 {
	float:left;
	margin-top: 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	width: 565px;
	margin-left:5px;
	line-height: 1.5em;
	text-align: justify;}
	#content2 p {
	margin-top: 5px;
	margin-bottom: 2px;}
	#content2 ul {
	margin-top: 3px;
	margin-bottom: 6px;
	list-style-type: square;}
	#content2 li {
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: square;}
	#content2 a {
	color: #003300;}
	/* div and style control the primary right hand content column on each page */

.nav {
	background-color: #333;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	width: 80px;
	height: 16px;
	text-decoration: none;
	display: block;
	padding: 2px 0 0 0;
	border-right: 1px solid #999;}
		.nav:hover {
		border-bottom: 2px solid #000;
		background-color: #d4d4d4;
		color: #000;}
	/* div and style control contents of primary navigation include */

.section_head {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 180px;
	height: 20px;
	padding-top: 4px;
	display: block;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;}

.section_nav {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-indent: 5px;
	width: 175px;
	height: 20px;
	padding-top: 2px;
	text-decoration: none;
	display: block;
	border-bottom: solid 1px #ccc;
	border-left: solid 3px #fff;}
		.section_nav:hover {
		color: #ccc;
		background-color: #260000;
		border-bottom: solid 1px #666;
		border-left: solid 3px #666;}
	/* div and style control contents of secondary navigation include */
		
#footer {
	float: left;
	height: 50px;
	width: 800px;
	margin-top: 30px;
	border: solid 1px #999;}
		#footerleft {
		float: left;
		width: 210px;
		padding-left:10px;
		margin-top:10px;
		font: 9px Arial, Helvetica, sans-serif;
		color: #004f54;
		text-align: left;
		border-right: 1px solid #ccc;}
		#footerright {
		float: right;
		width:565px;
		padding-right:5px;
		margin-top:10px;
		font: 9px Arial, Helvetica, sans-serif;
		color: #004f54;
		text-align: right;}
		.footer {
			color: #777;
			text-decoration: none;}
			.footer:hover {
			color: #000;}

h1 {
	margin-top: 25px;
	margin-bottom: 5px;
	text-indent: 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;}
	/* contained in head.inc.php */

h2 {
	margin-top: 1px;
	margin-bottom: 15px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000;
	color: #454e53;}
	/* section title - used at top column #content1 */

h3 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:1px;
	color: #454e53;}
	/* content title - used at top column #content */

h4 {
	margin-top: 10px;
	margin-bottom: 2px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #454e53;}
	/* used within body of each page as main subheading */

h5 {
	margin-top: 1px;
	margin-bottom: 2px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #454e53;}
	/* sectional subheading used under an h4 */

h6 {
	margin-top: 1px;
	margin-bottom: 2px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #454e53;}
	/* sectional subheading used under an h5 */


/* font size variations */
.datatable {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 565px;
	text-align: left;}
	.datatable td {
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #ccc;}

.formfield {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	width:160px;
	color: #000;
	border: solid 1px #ccc;}

.button {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:1px;
	padding:0 1px 0 1px;
	height:16px;
	background-color:#ccc;
	border:0;
	cursor:hand;}
	a.button:hover {
	color:#fff;
	background-color:red;
	cursor:hand;}

.req {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ff3300;}
