/*@import url("/styles/common.css");*/
/*@import url("/styles/menu.css");
@import url("/styles/message.css");
@import url("/styles/compare.css");
@import url("/styles/picturetable.css");*/
/*
 ***************** LAYOUT ****************************
*/
@media screen 
{
	.headersection
	{
		position: absolute;
		top: 5px;
		left: 5px;
		width: 99%;
		margin-bottom: 5px;
		min-width: 99%;
		min-height: 58px;
	}
	.bodysection
	{
		margin-left: 0;
		margin-right: 0;
	}
	.leftsection
	{
		position: absolute;
		top: 55px;
		left: 5px;
		width: 180px;
	}
	.middlesection
	{
		position: absolute;
		top: 55px;
		left: 183px;
		right: 0px;
		margin-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: 10px;
		width: auto;
	}
	.rightsection
	{
	/*	width: 20%;*/
		float: right;
	}
	.footersection
	{
	}
	.rightsection, .leftsection, .middlesection
	{
	/*	height: 100%;*/
	}
}
@media print
{
	.headersection
	{
		display: none;
	}
	.bodysection
	{
		margin-left: 0;
		margin-right: 0;
	}
	.leftsection
	{
		display: none;
	}
	.middlesection
	{
		position: absolute;
		top: 0;
		left: 0px;
		margin-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: 10px;
		width: auto;
	}
	.rightsection
	{
		display: none;
	}
	.footersection
	{
		display: none;
	}
	.rightsection, .leftsection, .middlesection
	{
	/*	height: 100%;*/
	}
}
/*
********** SECTION BLOCKS ***********
*/

.sectionbutton
{
	width: 250px;
	height: 200px;
	margin: 0 10px 10px 0;
	display: block;
	float: left;
	border: solid 1px black;
	overflow: hidden;
	font-size: 16px;
}
.sectionbutton2
{
	width: 250px;
	height: auto;
	margin: 0 10px 10px 0;
	display: block;
	border: solid 1px black;
	font-size: 16px;
}
.sectionbutton .header, .sectionbutton2 .header
{
	font-size: 18px;
	padding: 3px;
}

.sectionbutton .header a, .sectionbutton2 .header a
{
	text-decoration: none;
}

.sectionbutton .buttoncontent, .sectionbutton2 .buttoncontent
{
	position: relative;
	height: 100%;
	padding: 3px;
	color: #5D656A;
	font-size: 12px;
}
.buttoncontent .readmore
{
	position: absolute;
	bottom: 30px;
	right: 10px;

	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
}

.sectionbutton2 .buttoncontent .readmore
{
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	float: right;
	bottom: auto;
}

.sectionbutton img, .sectionbutton2 img
{
	float: left;
	margin: 2px 4px 4px 2px;
}
/*
 ********** SUMMARY BLOCK ******************
*/
.summary
{
	border: 1px solid #0000AA;
	font-size: 12px;
	padding: 4px;
	background-color: #B2B3D1;
	margin: 5px;
}
.summary .readmore
{
	font-size: 10px;
	text-decoration: none;
}

.summary h1, .summary h2, .summary h3, .summary h4, .summary h5 
{ 
	margin: 2px; 
	font-weight: bold
}

.thickborder
{
	border: 3px solid #0000AA;
}
.whiteback
{
	background-color: #FFFFFF;
}
.ochreback
{
	background-color: #A67B44;
}
.blueback
{
	background-color: #3A3C88;
}
.lightblueback
{
	background-color: #B2B3D1;
}
.beigeback
{
	background-color: #FFECD2;
}

.whitebody
{
	color: #FFFFFF;
}

.blackbody
{
	color: #000000;
}


.blackheading h1, .blackheading h2, .blackheading h3, .blackheading h4, .blackheading h5
{
	color: black;
}

.whiteheading h1, .whiteheading h2, .whiteheading h3, .whiteheading h4, .whiteheading h5
{
	color: #FFFFFF;
}

.blueheading h1, .blueheading h2, .blueheading h3, .blueheading h4, .blueheading h5
{
	color: #3A3C88;
}

.ochreheading h1, .ochreheading h2, .ochreheading h3, .ochreheading h4, .ochreheading h5
{
	color: #A67B44;
}

/*
	**************** STYLE ******************
*/
body
{
	font-family: arial;
	font-size: 14px;
	background: white;
}

h1 { font-size: 20px; color: #8E8100 }
h2 { font-size: 16px; color: #8E8100 }
h3 { font-size: 14px; color: #8E8100 }
h4 { font-size: 12px; color: #8E8100 }
h5 { font-size: 10px; color: #8E8100 }

.twocoltext
{
	-moz-column-count: 2;
	-moz-column-gap: 24px;
	-moz-column-rule: 1px solid #888888;
	-webkit-column-count: 2;
	-webkit-column-gap: 24px;
/*	-webkit-column-rule: 1px solid black;*/
}

.homebanner
{
	font-weight: bold;
	border: solid 4px black;
	color: black;
	background-position: center;
	background-image: url('/images/bannerbgd.jpg');
	width: 100%;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 8px;
}
.homebanner h1
{
	color: black;
	font-size:40px;
	margin: 4px;
}
.homebanner h3
{
	color: black;
	font-size: 20px;
	margin: 4px;
}
.banner
{
	border: solid 1px #5D656A;
	font-weight: bold;
	text-align: center;
	color: #5D656A;
	/*background: #EDE16B;*/
	background: #A8BBC9;
	vertical-align: middle;
	margin: 0 0 15px 0;
	font-size: 20px;
	width: auto;
	padding: 5px;
}
.subbanner
{
	border: solid 1px #5D656A;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 15px 0;
	width: auto; 
	padding: 5px;
}

div.lastmodified
{
	text-align: right;
	font-size: 80%;
	color: #000099;
	background: transparent;
}


div.copyright
{
	text-align: right;
	font-size: 80%;
	color: #000099;
	background: transparent;
	clear: both;
}


/*
 *********************** MENU *****************************
*/

@media print 
{
	div.mainmenu
	{
		visibility: hidden;
		display: none;
	}
	
	.noprint
	{
		visibility: hidden;
		display: none;	
	}

}
@media screen
{
	/* */
	div.mainmenu 
	{
		margin: 0;
		font-size: 12px;
		line-height: 1.1;
		text-align: center;
		width: 180px;
	}
	/* spacer para child will have no border and background transparent */
	div.mainmenu p.spacer
	{
		border: none;
		background: transparent;
	}
	
	/* submenus */
	div.submenu
	{
	  margin: 0; 
	  padding: 0; 
	  background-color: #E0E0E0;
	  color: #5D656A; 
	  background-image: none;
	border: solid 1px #5D656A;
	font-size: 12px;
	}
	
	.shrink
	{ 
		background: url("../images/shrink.png")  no-repeat; 
/*		float: left; 
		height: 14px; 
		width: 26px; 
		padding-right: 3px;
		vertical-align: middle;*/
	}
	.expand
	{ 
		background: url("../images/expand.png")  no-repeat; 
		float: left; 
		height: 14px; 
		width: 26px; 
		padding-right: 3px;
		vertical-align: middle;
	}
	/* all contents of the inner div have a top border */
	div.submenu a, div.submenu em, div.submenu span.nolink, div.submenu form
	{ 
		display: block; 
		margin: 2px 0; /*should be 0.5em*/
		padding: 3px 2px;
		background-color: #B2B3D1;
	}
	/* different colour for sections titles */
	div.mainmenu em 
	{ 
		font-style: normal;
		font-weight: bold;
/*		color: #3A3C88;
		background-color: #A8BBC9;*/
		color: white;
		background-color: #3A3C88;
	}
	
	/* menu links default style */
	div.mainmenu a:link 
	{ 
		text-decoration: none; 
/*		color: #5D656A;*/
		color: black;
	}
	/* menu links visited */
	div.mainmenu a:visited 
	{ 
		text-decoration: none; 
		color: #3A3C88;
	}
	/* menu links when hovered */
	div.mainmenu a:hover 
	{ 
		color: #B2B3D1;
		background-color: #3A3C88;
	}
	/* hidden menu text */
	span.menutext
	{
		display: none;
	}
	/* links within menu */
	.menulink
	{
		background: #3B3A5F; 
		color: #8E8100; 
		font-weight: bold; 
		text-decoration: none;
		padding: 2px;
	}
}


/*
 ************** BANNER BAR ************************
*/

.sitebar
{
	font-size: 18px;
	font-family: Verdana;
/*	background-color: #B2B3D1;*/
	background-color: #3A3C88;
	color: white;
	padding: 5px;
	height: 30px;
	border: solid 1px #5D656A;
}
.siteheading
{
	font-size: 18px;
}
.sitedescription
{
	font-size: 10px;
}

.sitebar a:link
{
	text-decoration: none;
	color: white;
}
.sitebar a:visited
{
	text-decoration: none;
	color: white;
}
.siteactions
{
	float:right;
	font-size: 9px;
}
#sitebarSearch
{
}
#sitebarSearch input
{
	font-size: 10px;
}

/******* PHOTO TABLES *****************/

td.caption
{
	font-size: small;
	color: #990000;
}