body {
	padding: 0;
	margin: 25px 25px;
	font-family: Verdana, Arial, helvetica, sans-serif;

	text-align: center;

	background-color: #fff;
	background-image: url("images/logo.gif");
	background-repeat: no-repeat;
	background-position: 50% -15px;
}

.hide {
	display: none;
}

p.saved, p.error {
	padding: 0.5em 0.5em 0.5em 2.7em;
	background: #ccffbb url("images/tick.png") no-repeat;
	background-position: 0.6em center;
	border: 2px solid #33aa00;
}

p.error {
	background-image: url("images/icon_error.png");
	background-color: #ffcccc;
	background-position: 0.3em center;
	border: none;
}

#container {
	width: 720px;
	margin: 0 auto;
	text-align: left;

	padding: 0px;
	
}

	#header {
		border-bottom: 1px solid #ccc;
		position: relative;
		margin: 0;
		padding: 20px 0 0 0;

		height: 47px;
	}

		#header h1, #header h2 {
			font-family: Georgia, "Times New Roman", Times,	serif;

			margin: 0;
			padding: 0;

			font-variant: small-caps;
			font-weight: normal;
			font-size: 140%;

			letter-spacing: 2px;

			color: #333;
			vertical-align: bottom;

	
		}

			#header h1 {
			}

				#header h1 a {
					color: #333;
					text-decoration: none;
				}

					#header h1 a span {
						visibility: hidden;
					}

			#header h2 {
				font-size: 70%;
				font-variant: normal;
				text-transform: uppercase;
				color: #666;
				letter-spacing: 1.3px;
				margin-bottom: 7px;
			}

				#header h2 a {
					color: #666;
					text-decoration: none;
		
					text-indent: -10000px;
				}

					#header h2 a span {
						visibility: hidden;
					}

			#header ul {
				position: absolute;
				bottom: 0px;
				right: 0px;

				list-style-type: none;
				margin: 0 10px 0 0;
				padding: 0;

				font-size: 70%;
			}

				#header ul li {
					float: left;
					margin-left: 5px;
				}

					#header ul li a {
						display: block;
						float: left;
						_height: 1%;

						background-color: #eee;
						padding: 5px 10px 7px 10px;
						text-decoration: none;
						color: #600;
						border: 1px solid #fff;
						border-bottom: none;
					}

						#header ul li a:hover {
							background-color: #eeefe6;
							border: 1px solid #ccc;
							border-bottom: none;
						}

	#content {
		width: 525px;
		border-right: 1px solid #ccc;
		padding: 25px 20px 0 0;

		float: left;

	}

		#content.full {
			width: 720px;
			border-right: none;
			padding-right: 0;
		}

		#content h2, #content h3 {
			font-family: Georgia, "Times New Roman", Times,	serif;

			font-size: 200%;
			font-weight: normal;
			color: #600;
			letter-spacing: 0px;

			margin: 0 0 0.2em 0;
		}

			#content h2 span {
				font-size: 40%;
				color: #666;
				font-family: Verdana, Arial, helvetica, sans-serif;
			}

			#content h3 {
				font-size: 110%;
			}

		#content p {
			line-height: 1.6em;
			font-size: 75%;
			margin: 0 0 1em 0;
		}

			#content p a {
				color: #006;
				text-decoration: underline;
			}

				#content p a:hover {
					color: #00c;
					text-decoration: underline;
				}

		#content form {
			margin: 10px 0;
		}

			#content form fieldset {
				background-color: #eeefe6;
				padding: 10px;
				border: none;
				border-bottom: 5px solid #fff;
			}

			#content form h3 {
				font-size: 100%;
				margin: 0;
				font-family: Verdana, Arial, helvetica, sans-serif;
				font-weight: bold;
			}

			#content form fieldset .error_field {
				background-color: #ffddcc;
			}

			#content form label, #content form input {
				display: block;
				width: 250px;
				float: left;
				margin-bottom: 20px;
			}

				#content form input.clickable {
					width: auto;
					cursor: pointer;
				}

				#content form label.close, #content form input.close {
					margin-bottom: 0px;
				}

				#content form label {
					font-size: 80%;
					text-align: right;
					width: 125px;
					padding-right: 20px;
				}

			#content form p.intro {
				margin: 0 0 2em 0;
				font-size: 70%;
			}
			
			#content form p.note {
				margin: 10px 170px 20px 145px;
				font-size: 70%;
				line-height: 1.4em;
				color: #666;
			}
				

			#content form br {
				clear: left;
			}

	
	#content .errors {
		background-color: #ffdddd;
		padding: 10px;
	}
		
		#content .errors h3 {
			font-size: 1.3em;
		}
		
		#content .errors ul {
			list-style: none;
			margin: 1em 0 1em 25px;
			padding: 0;
		}
			
			#content .errors ul li {
				padding-left: 1.4em;
				background: transparent url("images/edit.png") no-repeat 0.3em center;
				font-size: 0.8em;
				margin-bottom: 0.4em;
			}
				
				#content .errors ul li a {
					color: #006;
					text-decoration: none;
				}

				#content .errors ul li a:hover {
					text-decoration: underline;
				}



	#side {
		float: left;
		width: 140px;
		margin-left: 20px;
		padding-top: 25px;
	}

		#side div.sidebox {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #ccc;
		}

			#side div.sidebox h2 {
				font-family: Georgia, "Times New Roman", Times,	serif;

				color: #600;
				font-size: 105%;
				margin: 0 0 10px 0;
				font-weight: normal;
			}

			#side div.sidebox p {
				margin: 0 0 1em 0;
				font-size: 75%;
				line-height: 1.5em;
			}
				
			#side div.sidebox ul {
				margin: 0 0 1em 0;
				padding: 0;
				font-size: 70%;
				line-height: 1.3em;
				list-style-type: none;
			}

				#side div.sidebox ul li {
					margin: 1em 0;
					background-image: url("images/arrow.gif");
					background-repeat: no-repeat;
					background-position: 0px 4px;
					padding-left: 10px;
				}

			#side div.sidebox dl {
				margin: 0;
				padding: 0;
			}

				#side div.sidebox dl dt a {
					color: #666;
				}

				#side div.sidebox dl a:hover {
					text-decoration: none;
				}

				#side div.sidebox dl dt {
					font-size: 70%;
					color: #666;
					line-height: 1.3em;
					font-weight: bold;
				}

				#side div.sidebox dl dd {
					font-size: 70%;
					color: #999;
					margin: 5px 0 0 0;
					padding: 0;
				}
				

			#side div.sidebox a {
				color: #600;
				text-decoration: none;
			}

				#side div.sidebox a:hover {
					text-decoration: underline;
				}



	#footer {
		border-top: 1px solid #ccc;
		padding-top: 10px;
	}

		#footer p {
			font-size: 70%;
			color: #666;
			float: left;
			margin: 0;
		}

			#footer p a {
				color: #666;
				text-decoration: none;
			}

				#footer p a:hover {
					text-decoration: underline;
				}

		#footer ul {
			font-size: 70%;
			margin: 0;
			padding: 0;
			float: right;
			list-style-type: none;
		}

			#footer ul li {
				float: left;
				margin-left: 10px;
				padding-left: 10px;
				border-left: 1px solid #666;
			}

				#footer ul li.first {
					margin-left: 0;
					border-left: none;
				}

				#footer ul li a {
					color: #666;
					text-decoration: none;
				}

					#footer ul li a:hover {
						text-decoration: underline;
					}

/* for clearing floats */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */