/* CSS Document */

	/* ELEMENTS */
	
	html, body, form {
		margin:0;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	html {
		overflow-y:scroll; /* always show scroll so pages dont jump in FF */
		background:#aaa;
	}
	
	body {
		padding:30px 0;
		color:#474747;
		font-size:0.8em;
		text-align:center;
	}
	
	h2 {
		letter-spacing:1px;
		font-weight:normal;
		margin:1.1em 0 0.3em 0;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px solid #7E7E7E;
		font-size:1.8em;
		text-transform:capitalize;
	}
	h3 {
		letter-spacing:1px;
		font-weight:normal;
		margin:1.1em 0 0.3em 0;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px solid #7E7E7E;
		font-size:1.2em;
	}
	a {
		text-decoration:none;
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
	}
	p {
		margin:0 0 1em 0;
		padding:0 0 0 30px;
	}
	
	ul {
		padding:0;
		margin:0 0 0 50px;
	}
	
	fieldset {
		border:1px solid #ccc;
		padding:5px 5px 5px 5px;
		padding:0 5px 5px 5px !justIE;
		display:inline;
	}
	legend {
		color:#333;
		padding:0 3px;
		padding:0 !justIE;
		font-size:10px;
		font-weight:bold;
		margin:0 auto 0 auto;
		margin:0 auto 10px auto !justIE;
	}
	
	ul li {
		margin-bottom:10px;
	}
	
	ul.noPad li {
		margin-bottom:0px;
	}
	
	img {
		border:none;
	}
	
	#container {
		text-align:left;
		width:802px;
		margin:0px auto;
		background:#ffffff;
	}
	
	#containerTop {
		/*background:transparent url(/img/containerTop.gif) left top no-repeat;*/
	}
	#containerBottom {
		min-height:700px;
		/*background:transparent url(/img/containerBottom.gif) left bottom no-repeat;*/
		padding:70px 50px 70px 40px;
	} * html #container { height:700px; }
	
	#masthead {
		height:54px;
	}
	#masthead h1 {
		margin:0;
		padding:0;
		text-align:center;
	}
	#masthead h1 a {
		margin:0px auto;
		display: block;
		width: 600px;
		height: 54px;
		background: transparent url(logo.gif) left top no-repeat;
		text-decoration: none;
		text-indent: -2000em;
	}

	#bracketsWrap {
		text-align:center;
	}
	#brackets {
		position:relative;
		margin:0 auto;
		width:622px;
		/*background: transparent url(/img/brackets.gif) left top no-repeat;*/
		letter-spacing:1px;
		text-align:center;
		height:47px;
		overflow:visible;
	}
	#brackets, #brackets a {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
	}
	#brackets #inner {
		padding-top:0px;/*bylo 12*/
	}
	#brackets #hoverNote {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		position:absolute;
		right:18px;
		bottom:9px;/*bylo: -3*/
		color:#ff3c44;
		font-size:11px;
		font-weight:bold;
		letter-spacing:normal;
		line-height:12px;
	}
	
	.columnWrap {
		overflow:hidden;
	} * html .columnWrap { overflow:visible; height:1px; }
	
	.columnWrap .column {
		float:left;
		padding-left:30px;
		width:325px;
		text-align:justify;
	}
	.columnWrap .column p {
		padding-left:0;
	}
	
	.colourPickerButton {
		width:135px;
		height:50px;
		border:1px solid #777;
		margin:0px;
		padding:0px;
		cursor:pointer;
		cursor:hand;
	}
	
	.button {
		border:1px solid #555;
		background-color:#fafafa;	
	}
	
	.code {
		font-family:"Courier New", Courier, mono;
		color:#0081AA;
	}
	
	.indent {
		padding-left:30px;
	}

	#e {
		font-style:normal;
		unicode-bidi:bidi-override;
		direction:rtl;
		text-align:left
	}

	.clearfix {
		overflow:hidden;
	} * html .clearfix { overflow:visible; height: 1%;}
	.clearfix:after {
		content:".";
		height:1px;
		visibility:hidden;
		overflow:hidden;
		clear:both;
	}