/* Site Layout Styles
 * Updated:  8 Aug 2008 @ 9.56am
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- core 
 	 ---------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body {
		background: #d1d3d4;
		color: #666666;
		font: 62.5% Arial, Helvetica, sans-serif;
		}
		
		
	a { color: #ee3829; }

	
	/* -- layout
 	 ---------------------------------------------*/
 	 #container {
 	 	position: absolute;
 	 	top: 50%;
 	 	left: 0;
 	 	width: 100%;
 	 	min-height: 530px;
 	 	margin-top: -265px;
 	 	text-align: center;
 	 	}
 	 #inner_container {
 	 	width: 944px;
 	 	height: 530px;
 	 	margin: 0 auto;
 	 	text-align: left;
 	 	}
 	 	
 	 	
 	 	/* -- sidebar */
 	 	#sidebar {
 	 		float: left;
 	 		width: 142px;
 	 		height: 530px;
 	 		background: url(../webimage/bg-inner.gif) 0 0 no-repeat;
 	 		}
 	 		
 	 		#sidebar h1 a {
 	 			display: block;
 	 			height: 95px;
 	 			text-indent: -999em;
 	 			}
 	 		
 	 		/* side nav */
 	 		#sidebar ul {
 	 			padding: 25px 0 0;
 	 			width: 125px;
 	 			}
 	 		#sidebar li {
 	 			width: 125px;
 	 			}
 	 		#sidebar li a {
 	 			display: block;
 	 			padding: 10px 0 5px;
 	 			border-bottom: 1px solid #666666;
 	 			color: #666666;
 	 			font-size: 1.1em;
 	 			text-decoration: none;
 	 			text-align: right;
 	 			}
 	 		#sidebar li a:hover,
 	 		#sidebar li.on a {
 	 			color: #ee3829;
 	 			border-bottom: 1px solid #ee3829;
 	 			}
 	 		#sidebar li ul {
 	 			padding: 8px 0 0;
 	 			}
 	 		#sidebar li li.off a,
 	 		#sidebar li li.on a {
 	 			padding: 2px 0;
 	 			border: 0;
 	 			}
 	 		#sidebar li li.on a {
 	 			color: #000;
 	 			}
 	 		#sidebar li li ul {
 	 			display: none;
 	 			}
 	 		#sidebar li li a:hover {
 	 			border: 0;
 	 			}
 	 			
 	 		
 	 	/* -- content */
 	 	#content {
 	 		float: right;
 	 		width: 802px;
 	 		height: 500px;
 	 		}
 	 		
 	 		/* navigation / search */
 	 		#nav {
 	 			position: relative;
 	 			height: 29px;
 	 			background: url(../webimage/bg-inner.gif) -141px 0 no-repeat;
 	 			}
 	 		#nav ul {
 	 			padding: 7px 0 0 8px;
 	 			}
 	 		#nav ul li {
 	 			float: left;
 	 			border-right: 1px solid #ee3829;
 	 			}
 	 		#nav ul li.end {
 	 			border: 0;
 	 			}
 	 		#nav ul li a {
 	 			display: block;
 	 			padding: 5px 10px 4px 11px;
 	 			color: #ee3829;
 	 			font-size: 1.1em;
 	 			text-decoration: none;
 	 			}
 	 		#nav ul li a:hover,
 	 		#nav ul li a.on {
 	 			background: #F48582;
 	 			color: #fff;
 	 			}
 	 			
 	 			/* ie6 hacks noooooo! */
 	 			* html #nav ul li a {
 	 				padding: 5px 10px 3px 11px;
 	 				}
 	 			* html #nav ul li.end a {
 	 				padding: 5px 12px 3px 11px;
 	 				}
 	 			
 	 			/* search */
 	 			#nav form {
 	 				position: absolute;
 	 				bottom: 5px;
 	 				right: 7px;
 	 				}
 	 			#nav form label {
 	 				margin: 0 7px 0 0;
 	 				color: #fff;
 	 				font-size: 1.1em;
 	 				}
 	 			#nav form input {
 	 				width: 118px;
 	 				border: 1px solid #fff;
 	 				}
 	 				
 	 				/* ie6 hacks noooooo! */ 
					* html #nav form {
						bottom: 2px;
						}
					*+html #nav form {
						bottom: 3px;
						}
 	 				
 	 			
 	 		/* inner content */
 	 		.inner_content, .inner_red_content, .inner_grey_content {
 	 			position: relative;
 	 			padding: 8px 15px;
 	 			height: 382px;
 	 			background: url(../webimage/bg-inner.gif) -141px -29px no-repeat;
 	 			}
 	 		.inner_red_content {
 	 			background: url(../webimage/bg-inner.gif) -141px -559px no-repeat;
 	 			}
 	 		.inner_grey_content {
 	 			background: url(../webimage/bg-inner.gif) -141px -1089px no-repeat;
 	 			}
 	 			
 	 			h2#inner_content_title {
 	 				margin: 10px 0;
 	 				padding: 0 10px;
 	 				color: #ee3829;
 	 				font-size: 1.2em;
 	 				}
 	 			div#inner_content_image {
 	 				position: absolute;
 	 				top: 8px;
 	 				right: 14px;
 	 				}
 	 			div#inner_content_description p {
 	 				padding: 5px 0;
 	 				}
 	 			div#inner_content_description ul { 
 	 				padding-left: 15px;
 	 				}
 	 			div#inner_content_description ul li {
 	 				list-style: disc;
 	 				}
 	 				
 	 				/* management styles */
 	 				div.inner_management_content {
 	 					float: left;
 	 					width: 472px;
 	 					}
 	 				h2#inner_management_title {
 	 					color: #ee3829;
 	 					font-size: 1.1em;
 	 					}
 	 				div.inner_management_content p {
 	 					padding: 5px 0;
 	 					}
 	 				table.management_table {
						margin: 5px 0 0;
						border-collapse: collapse;
						}
					table.management_table tr.management_header td {
						background: #ed2f23;
						}
					table.management_table tr td {
						border-bottom: 1px solid #000;
						line-height: 0;
						}
					table.management_table tr.management_header td {
						border: 0;
						}
					table.management_table tr.management_header td.management_cell {
						border-left: 1px solid #fff;
						line-height: 1;
						}
					div#management_description {
						line-height: 1.2;
						}
					table.management_table tr td.management_cell {
						padding: 5px;
						}
					table.management_table tr.management_header td.management_cell h3 {
						color: #fff;
						font-size: 1.1em;
						}					
 	 					
 	 				.page_numbers { display: none; }
 	 				
 	 				/* red side bar styles */
 	 				div.inner_side_content, div#inner_content_spare {
 	 					position: absolute;
 	 					top: 20px;
 	 					left: 510px;
 	 					}
 	 				div.inner_side_content { width: 272px; }
 	 				div#inner_content_spare p { margin: 0 0 8px; }
 	 				div#inner_content_spare {
 	 					width: 272px;
 	 					color: #fff;
 	 					font-size: 1.1em;
						line-height: 1.2;
 	 					}
 	 				div#inner_content_spare a { color: #fff; }
 	 				div#inner_content_spare a:hover { text-decoration: none; }
 	 				div.inner_side_content h4 {
 	 					color: #000;
 	 					font-size: 1.2em;
 	 					}
 	 				div.inner_side_content p, div.services p {
 	 					padding: 5px 0;
 	 					color: #fff;
 	 					font-size: 1.1em;
 	 					}
 	 				div.services p {
 	 					color: #000;
 	 					}
 	 				div.inner_side_content ul li {
 	 					padding: 3px 0;
 	 					}
 	 				div.inner_side_content ul li a {
 	 					color: #fff;
 	 					font-size: 1.1em;
 	 					text-decoration: none;
 	 					}
 	 				div.inner_side_content ul li a:hover,
 	 				div.inner_side_content ul li a.on {
 	 					color: #000;
 	 					}
 	 				div.services ul li a {
 	 					color: #666666;
 	 					}
 	 				div.services ul li a:hover {
 	 					color: #000;
 	 					}
 	 				div.services ul li a.on {
 	 					font-weight: bold;
 	 					}
 	 					
 	 				.search_form { padding: 0 0 10px; }
 	 				.search_form legend { padding: 0 0 10px; }
 	 				.search_form input { width: 300px; border: 1px solid #aeb0b2; margin-left: 5px; }
 	 			
 	 		
 	 	/* -- extra */
 	 	#extra {
 	 		height: 17px;
 	 		padding: 6px 0 6px 14px;
 	 		background: url(../webimage/bg-inner.gif) -141px -427px no-repeat;
 	 		}
 	 	#extra div {
 	 		float: left;
 	 		margin: 0 2px 0 0;
 	 		}
 	 	#extra div.end {
 	 		margin: 0;
 	 		}
 	 		
 	 		/* login form */
 	 		#extra input {
 	 			position: relative;
 	 			top: -4px;
 	 			width: 116px;
 	 			height: 13px;
 	 			border: 1px solid #aeb0b2;
 	 			}
 	 		#extra button {
				position: relative;
				top: -3px;
				border: 0;
				width: 49px;
				height: 17px;
				text-indent: -999em;
				background: url(../webimage/btn-login.gif) 0 0 no-repeat;
				}
			/* ie6 hacks noooooo! */ 
			* html #extra button {
				top: -4px;
				}
			*+html #extra button {
				top: -4px;
				}
 	 		
 	 		
 	 	/* -- footer */
 	 	#footer {
			padding: 12px 8px;
			font-size: 1em;
			}
		#footer a {
			color: #666666;
			}
			
			
		.noshow { display: none; }
		
		div#inner_content_description ul.files_list { margin: 0; padding: 0; list-style: none; }
		div#inner_content_description ul.files_list li { margin: 0; padding: 0; list-style: none; }
		div#inner_content_description ul.files_list li img { vertical-align: middle; margin-right: 5px; }
			
			
		/* --- SCROLL STYLES */
		div.scroll-pane,
		div.form-scroll-pane {
			float: left;
			width: 460px;
			height: 184px;
			padding: 0 10px;
			overflow: auto;
			font-size: 1.1em;
			}
		div.form-scroll-pane {
			height: 345px;
			}
		* html div.form-scroll-pane {
			height: 360px;
			}
		.jScrollPaneContainer {
			position: relative;
			overflow: hidden;
			z-index: 1;
			}
		.jScrollPaneTrack {
			position: absolute;
			cursor: pointer;
			right: 0;
			top: 0;
			height: 100%;
			background: #eee;
			}
		.jScrollPaneDrag {
			position: absolute;
			background: #ccc;
			cursor: pointer;
			overflow: hidden;
			}
		.jScrollPaneDragTop {
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			}
		.jScrollPaneDragBottom {
			position: absolute;
			bottom: 0;
			left: 0;
			overflow: hidden;
			}
		a.jScrollArrowUp {
			display: block;
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			text-indent: -2000px;
			overflow: hidden;
			/*background-color: #666;*/
			height: 9px;
			background: url(../webimage/btn-arrow-up.gif) no-repeat 0 0;
			}
		a.jScrollArrowUp:hover {
			/*background-color: #f60;*/
			}
		a.jScrollArrowDown {
			display: block;
			position: absolute;
			z-index: 1;
			bottom: 0;
			right: 0;
			text-indent: -2000px;
			overflow: hidden;
			/*background-color: #666;*/
			height: 9px;
			background: url(../webimage/btn-arrow-down.gif) no-repeat 0 0;
			}
		a.jScrollArrowDown:hover {
			/*background-color: #f60;*/
			}
		a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
			/*background-color: #f00;*/
			}
			
			
		/* ---- FORM STYLES ---- */
		form#info_form label {
			float: left;
			display: block;
			width: 100px;
			margin: 5px 5px 0 0;
			text-align: left;
			}
		form#info_form h2.form_title,
		form#info_form span.form_caption {
			display: block;
			width: 100%;
			margin: 10px 0 5px;
			color: #ee3829;
 	 		font-size: 1.1em;
 	 		font-weight: normal;
			}
		form#info_form span.form_caption {
			display: block;
			margin: 10px 0 0;
			color: #666666;
			font-size: 1em;
			}
		form#info_form input,
		form#info_form textarea,
		form#info_form select {
			margin: 2px 0;
			}
		form#info_form br {
			clear: left;
			}
		form#info_form fieldset fieldset {
			margin-left: 105px;
			width: 250px;
			}
		*+html form#info_form fieldset fieldset { margin: 0; width: 0; }
		form#info_form fieldset fieldset table {
			width: 250px;
			}
		form#info_form .input_medium_off,
		form#info_form .input_medium_on,
		form#info_form .textarea_small_off,
		form#info_form .textarea_small_on {
			width: 300px;
			border: 1px solid #ccc;
			}
		form#info_form .textarea_small_off,
		form#info_form .textarea_small_on {
			height: 80px;
			}
		table#form_info_buttons {
			position: relative;
			height: 50px;
			}
		table#form_info_buttons input {
			margin: 0;
			}
		div#firstpagediv {
			position: absolute;
			bottom: 25px;
			left: 115px;
			}
		div#firstpagediv input {
			display: block;
			width: 77px;
			height: 22px;
			padding: 25px 0 0;
			border: 0;
			background: url(../webimage/btn-cancel.gif) no-repeat;
			text-indent: -999em;
			cursor: pointer;
			}
		div#lastpagediv {
			position: absolute;
			bottom: 25px;
			left: 205px;
			}
		div#lastpagediv input {
			display: block;
			width: 77px;
			height: 22px;
			padding: 25px 0 0;
			border: 0;
			background: url(../webimage/btn-submit.gif) no-repeat;
			text-indent: -999em;
			cursor: pointer;
			}