/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.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 */
/*** end clearing hack ***/ 

/* END HACKS */

body { 
	text-align: center; 
	margin: 10px 0 10px; 
	padding: 0; 
	color: black; 
	font-size: 12px;  
	font-family:  Arial, Helvetica, sans-serif;  
	background-color: #ddd1c1; 
	
	background-repeat: repeat;
	
}


#frame { 
	padding: 0; 
	margin: 0 auto; 
	width: 898px;
}

#header	{ 
	height: 269px; 
	padding: 0; 
	background-image: url('/uploads/e8/de/e8de23963b7b3c8de9c91c7f096b9cb8/banner.gif');
	background-repeat: no-repeat;
}

#header #banner {
	padding-top: 16px;
}
[!--if IE 8]
*#header #banner{ margin-top: 16px;}
< ![endif]-->

#footer {
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#menubar { 
	margin-top: 11px; 
	margin-left: 20px;
	text-align: center;
}

#menubar .linklist { 
	color: white; 
	font-size: 12px; 
	font-weight: bold; 
}

#menubar .linklist a.menulink { 
	color: white; 
	text-decoration: none; 
	padding: 4px 8px;
}

#menubar .linklist a:hover.menulink { 
	color:  white; 
	background-color: #031c41;
	text-decoration: underline; 
}
#bodytop { 
	height: 20px;
	margin-top: 20px; 
	padding: 0; 
	background-image: url('/uploads/5-/8Q/5-8Q_F63ry2AsCn5D3WZeg/header.gif');
	background-repeat: no-repeat;
}
#bodymain { 
	margin: 0;
	padding: 6px; 
	background-image: url('/uploads/eG/oD/eGoD9cadaQkwvwbVLEMswA/slither.gif');
	background-repeat: repeat-y;
}
#bodybottom { 
	height: 70px; 
	margin: 0; 
	padding: 0; 
	background-image: url('/uploads/sc/wl/scwllAG8oIvRAAaCsZhZyA/footer.gif');
	background-repeat: no-repeat;
	padding: 1px 8px;
	color: white;
}
#bodybottom a, #bodybottom a:visited { 
	color: #ddd1c1;
	text-decoration: none;
	font-weight: bold;
}
#bodybottom a:hover { 
	color: #755a4d; 
	font-weight: bold; 
	text-decoration: underline; 
}
#lastupdated {
	font-size: 9px;
	font-style: italic;
	clear: both;
	text-align: right;
	margin-right: 12px;
}

#loginInfo {
	width: 160px; 
	margin-left: 28px;
	margin-right: 10px;
	margin-bottom: 6px;
	float: right;
	padding: 2px;
	background-color: silver;
	text-align: right;
	clear: both;
	font-size: 9px;
}

#left-content-column { 
	width: 160px; 
	margin-left: 10px;
	margin-right: 28px;
	float: left;
	color: #031c41;
}

#right-content-column { 
	width: 160px; 
	margin-left: 28px;
	margin-right: 10px;
	float: right;
	color: #031c41;
}

#left-content-column ul, #right-content-column ul { }
#left-content-column li, #right-content-column li { 
	list-style: none;
	padding: 2px 2px 2px 12px;
	margin-left: -40px;
}

#left-content-column .section, #right-content-column .section { 
	margin-top: 2px; 
	margin-bottom: 8px; 
}

#left-content-column .section .top, #right-content-column .section .top { 
	height: 7px;
	font-size: 6px;
	margin: 0 0 0 0; 
	padding-bottom: 0px; 
	background-image: url('/uploads/uK/aE/uKaEoCWbdRGbZjO6NrmNLw/leftmenubartopper.gif');
	background-repeat: no-repeat;
}

#left-content-column .section .information .header{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	background-color: #031c41;
	color: white;
	margin: 0px 0 4px 0;
}


#right-content-column .section .information .header{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	background-color: #7aab45;
	color: white;
	margin: 0px 0 4px 0;
}

#left-content-column .section .information, #right-content-column .section .information {
	padding: 7px;
	margin: 0;
	text-align: left; 
	background-image: url('/uploads/-M/4A/-M4ArmE8NzHJjD3hWKdiCg/leftmenubarslither.gif');
}

#left-content-column .section .bottom, #right-content-column .section .bottom { 
	height: 7px;
	margin: 0; 
	padding: 0; 
	background-image: url('/uploads/yQ/0h/yQ0hknPNM88sH3haOdqCmA/leftmenubarfooter.gif');
	background-repeat: no-repeat;
}

#right-content-column .section .information a.cataloguelink {
	text-align: left;
	padding: 2px; 
	display: block; 
	color: #404040;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px dotted #7aab45;
}

#center-content-column { 
	width: 460px;
	margin: 0 auto;
	text-align: left;
}
#center-content-column p {
	text-align: justify;
	padding: 6px;
}

#center-content-column li {
	text-align: justify;
	padding: 0 6px 0 6px;
}

#right-content-column-large { 
	width: 654px;
	float: right;
	margin-right: 10px;
	background-color: white;
	text-align: left;
}

#single-content-column { 
	width: 840px;
	margin: 0 auto;
	background-color: white;
	text-align: left;
}


#right-content-column-large p, #single-content-column p {
	text-align: justify;
	padding: 6px;
}

#right-content-column-large li, #single-content-column li {
	text-align: justify;
	padding: 0 6px 0 6px;
}



.left-inner-column-of2   { width: 48%; margin: 0 1% 0 0; float: left;  }
.right-inner-column-of2  { width: 48%; margin: 0 0 0 1%; float: right; }

.left-small-inner-column-of2   { width: 28%; margin: 0 1% 0 0; float: left;  }
.right-large-inner-column-of2  { width: 68%; margin: 0 0 0 1%; float: right; }

.left-inner-column-of3   { width: 32%; margin: 0; float: left; }
.middle-inner-column-of3 { width: 32%; margin: 0 2% 0 2%; float: left; }
.right-inner-column-of3  { width: 32%; margin: 0; float: right; }

.left-inner-column-of4   { width: 24%; margin: 0; float: left; }
.middleleft-inner-column-of4  { width: 24%; margin: 0 1% 0 1%; float: left; }
.middleright-inner-column-of4 { width: 24%; margin: 0 1% 0 1%; float: left; }
.right-inner-column-of4  { width: 24%; margin: 0; float: right; }


.error_message { 
	padding: 4px; 
	margin: 2px 0 4px 0;
}
.input-error { 
	margin: 0 0 10px 0; 
	padding: 2px 2px 2px 14px; 
	font-weight: bold; 
	background-color: #fffbef;
}
.message { 
	text-align: center; 
	padding: 6px; 
	margin: 4px;
	font-weight: bold; 
	background-color: #edf3fe;
}

.footnote {
	font-weight: bold; 
	font-size: 10px;
	color: #369; 
	position: relative;
	top: -10px;
}

/*simpleViewer css*/
#flashcontent {
		height: 100%;
	}

#simple-viewer-body {
		height: 750px;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
		color:#ffffff;
		font-family: sans-serif;
		font-size: 20px;
	}

#simple-viewer-body a {	
		color:#cccccc;
	}