/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	background:#98BFE1;
}

body h1#pageTitle {
	color:#165B95;
}

body h2 {
	color:#FFFFFF;
	background:#000000;
	margin-top:0px;
	font-size:14px;
}

body h3 {
	margin-bottom:5px;
	font-size:12px;
}

body .largeText {
	font-size:13px;
}

body .smallText {
	font-size:9px;
}

body ul {
	line-height:23px;
	list-style:none;
	margin:0px;
	padding:0px;
}

body p {
	line-height:23px;
}

body .largeButton {
	width:100px;
	height:28px; /* orig:35, -7:padding */
	margin-top:10px;
	padding-top:7px;
	
	text-decoration:none;
	color:#000000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	
	background: url(../img/largeButton.png) no-repeat;
	display:block;
}
	

	/*   HEADER -->   */
	body div#header {
		position:absolute;
		left:10px;
		top:10px;
	}
	/*   <-- HEADER   */
	

	/*   CONTEXT -->   */
	div#context {
		width:984px;
		height:auto;
		margin:0px;
		padding:0px;
		
		position:absolute;
		top:0px;
	}
	
	div#context a {
		margin:0px;
		padding:3px;
		border:0px;

		font-size:11px;
		color:#0000FF;
	}

	div#context a.disabledLink:link, a.disabledLink:visited, a.disabledLink:hover, a.disabledLink:active {
		color:#888888;
		text-decoration:none;
	}

	div#context a:visited {
		color:#0000FF;
	}
	
	div#context a:hover, div#context a:active {
		margin:0px;
		padding:3px;
		border:0px;

		font-size:11px;
		color:#FF0000;
		text-decoration:none
	}
	
	div#context a.active {
		background:#008800;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
	}

		/*   CONTEXT // MENU -->   */
		div#context div#menu {
			width:200px;
			height:auto;
			margin:0px;
			padding:0px;
			
			position:absolute;
			left:0px;
			top:0px;
		}
		
		div#context div#menu ul {
			margin-bottom:20px;
			margin-left:15px;
		}
		/*   <-- CONTEXT // MENU  */


		/*   CONTEXT // DEMONSTRATION -->   */
		div#context div#demonstration {
			width:582px; /* orig:584, -2:border */
			height:900px;
			margin:0px;
			padding:0px;
			border-left:1px groove #888888;
			border-right:1px groove #888888;
			
			position:absolute;
			left:200px;
			top:0px;
		}

		div#context div#demonstration ul {
			margin-left:40px;
		}

		div#context div#demonstration h3 {
			margin-left:20px;
		}		

		div#context div#demonstration p {
			margin-left:20px;
		}		

		div#context div#demonstration img {
			display:inline;
			border:none;
		}		
		/*   <-- CONTEXT // DEMONSTRATION  */	


		/*   CONTEXT // FEEDBACK -->   */
		div#context div#feedback {
			width:200px;
			height:440px;
			margin:0px;
			padding:0px;
			
			position:absolute;
			left:784px;
			top:0px;
		}
		
		div#context div#feedback form {
			padding-left:10px;
		}
		
		div#context input, select, textarea {
			margin-bottom:25px;
			margin-top:5px;
			width:180px;
			font-family:Verdana, Arial, sans-serif;
			font-size:11px;
		}
		/*   <-- CONTEXT // FEEDBACK  */
	/*   <-- CONTEXT   */

