/* AUTHOR:	PETER WILLIAM NISBET	*/
/* CONTRACT: 	SPRINGBANK COTTAGE 	*/
/* COPYRIGHT 2004 Peter William Nisbet  */

/* This stylesheet defines only the box element of the website design */

div.box {
	vertical-align: top;
	text-align:	left;

	width: 		auto;
	height:		auto;

	padding-top:	1em;
	padding-right:	0.5em;
	padding-bottom:	0.5em;
	padding-left:	0.5em;

	border-top:	0;
	border-right:	0;
	border-bottom:	0;
	border-left:	0;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

div.box span.title{

	display:	inline;

	padding-top:	0em;
	padding-right:	1em;
	padding-bottom:	0em;
	padding-left:	1em;

	border-top:	1px solid #5F5F5F;
	border-right:	1px solid #5F5F5F;
	border-bottom: 	none;
	border-left:	1px solid #5F5F5F;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

div.box .blue{
	text-transform:	lowercase;
	background:	#C2C2FD;
}

div.box .yellow{
	text-transform:	lowercase;
	background:	#FFFFC0;
}

div.box .red{
	text-transform:	lowercase;
	background:	#FFC0C0;
}

div.box .green{
	text-transform:	lowercase;
	background:	#D5F9DE;
}

div.box div.body {

	padding-top:	0;
	padding-right:	0;
	padding-bottom:	0;
	padding-left:	0;

	border-top:	1px solid #5F5F5F;
	border-right:	1px solid #5F5F5F;
	border-bottom: 	1px solid #5F5F5F;
	border-left:	1px solid #5F5F5F;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

div.body div.content {

	padding-top:	0.5em;
	padding-right:	0.5em;
	padding-bottom:	0.5em;
	padding-left:	0.5em;

	border-top:	0;
	border-right:	0;
	border-bottom: 	0;
	border-left:	0;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

div.body .odd {
	text-align:	left;
	background-color: #FFFFFF;
}

div.body .even {
	text-align:	left;
	background-color: #F7F9FA;
}

div.body .image {
	text-align:	center;
	background-color: #FFFFFF;
}

div.box img {

	vertical-align: top;

	/* Layout Details */
	padding-top:	0;
	padding-right:	0;
	padding-bottom:	0;
	padding-left:	0;

	border-top:	0;
	border-right:	0;
	border-bottom: 	0;
	border-left:	0;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

div.box img.border {

	vertical-align: top;

	/* Layout Details */
	padding-top:	0;
	padding-right:	0;
	padding-bottom:	0;
	padding-left:	0;

	border-top:	1px solid #C6C6C6;
	border-right:	1px solid #C6C6C6;
	border-bottom: 	1px solid #C6C6C6;
	border-left:	1px solid #C6C6C6;

	margin-top:	0;
	margin-right:	0;
	margin-bottom:	0;
	margin-left:	0;
}

