/* reset margin and paddings to zero by default */
* {
	margin:			0;
	padding:		0;
}


/* COLOURS */
body {
	color:			#634760;
	background-color: 	#e7f5dc;
}
.title {
	background-color: 	#bee5d2;
	border-bottom: 		3px solid #468787;
}

a:hover {
	text-decoration:	underline;
}

.controlpanel {
	background-color: 	#bee5d2;
	border:			2px solid #468787;
}

.newsitem, .newspanel {
	border:			2px solid #468787;
}

.image {
	background-color:	#bee5d2;
	border: 		1px solid #468787;
}

#LATEST {
	background-color: 	#b36aac;
}

#LATEST .image {
	background-color:	#f7aae9;
	border-color:		#634760 ! important;
}

.textbox {
	background-color:	#cccccc;
/*	display:		none; */
}

.imagepopup, .code {
	background-color:	#cccccc;
	border:			2px solid #aaaaaa;
}


div.section {
	border-bottom: 		1px solid #468787;
}
div.section div.section {
	border-bottom:		0; /* nested section */
}

/* PANELS */
.controlpanel {
	position: 		fixed;
	top: 			75px;
	right: 			5px;
	width: 			20%;
	padding:		5px;
}

#errors {
	display:		none;
	padding: 		2px;
	margin-top:		5px;
	border:			1px solid #468787;
}
.newspanel {
	width:			75%; 
	margin-bottom:		5px;
}

.newsitem {
	clear:			both;
	margin-bottom:		5px;
}

/* IMAGES AND UPLOAD FORM */
.imagepanel {
	vertical-align:		top;
	width:			50%;
	padding: 		5px; 
}

.fileuploadform {
	clear:			both; 
}

.textpanel {
	vertical-align:		top;
	width:			50%;
	padding: 		5px; 
}	


.image {
	padding:		3px;
	margin-bottom:		5px;
	margin-right: 		5px;
	float: 			left;  
/*	display:		inline; -- bad in Firefox */
}

.textbox {
	padding: 3px;
}


.popupimagebutton, .deleteimagebutton  {
/*	text-align:		center; */
	margin-top:		-10px;
}


.filesubmit, .textsubmit {
	margin-top: 		5px;
}

.deleteitembutton {
	text-align:		right;
}

.clearfloat {
	clear:			both;
}


.helptext {
	width: 			75%;
}


/* ------------------------- */
/* POP-UP IMAGE              */
/* ------------------------- */
.imagepopup {
	padding:		15px 30px 30px 30px;
	position:		absolute;
	left:			20px;
}



/* ------------------------- */
/* GENERAL BLOCK STYLES      */
/* ------------------------- */
body {
	font-family: 		Helvetica,Arial,sans-serif;
}

.content {
	padding:		25px; 
}

div.section {
	margin-bottom:		1.5em;
}

h2, h3 {
	margin-bottom:		1em;
}

p {
	margin-bottom:		1.2em;
}

pre.code {
	font-family:		Courier New, monospace;	
	padding:		5px;
}

/* ------------------------- */
/* TITLE                     */
/* ------------------------- */
div.title {
	padding: 		5px 205px 5px 25px;
}

/* ------------------------- */
/* HEADINGS                  */
/* ------------------------- */
h1, h2, h3 {
	font-family:		Bookman Old Style,Georgia,serif;	
}

/* ------------------------- */
/* GENERAL TEXT STYLES       */
/* ------------------------- */

a {
	text-decoration: none;
}

.tech {
	font-family: Courier New, monospace;
	font-weight: bold;
	font-size: small;
}

/* ------------------------- */
/* IN-PAGE NAVIGATION        */
/* ------------------------- */
ul.links_in_page li {
	list-style-type:	none;
}

/* ------------------------- */
/* LISTS                     */
/* ------------------------- */
.textbox li {
	margin-left:		1em;
}