/* CSS Document */
* { margin: 0px; padding: 0px; /* CSS reset */
}

/* HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER -  */

#header { /* header box */
	width:960px;
	margin:0px auto 0px auto; /* distance from top of page */
	height:70px;
	padding:0px 0px 0px 0px; /* 960 plus 20 either side */
	background: #036; /* Background menu colour */
	position: relative;
}

#header-icons { /* header box */
	width: 60px;
	height: 0px;
	position: absolute;
	right: 0px;
	top: 10px;
}

/* MENU - MENU - MENU - MENU - MENU - MENU - MENU - MENU - MENU - MENU - MENU - MENU -  */

body, ul, li {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing (all of doc) */
	text-align:left;
}

#menu { /* Main menu box */
	list-style:none;
	width:960px;
	margin:0px auto 0px auto; /* distance from element above (header) */
	height:30px;
	padding:0px 0px 0px 0px;
	background: #05a; /* Background menu colour */
}

#menu li { /* menu - just tabs bit */
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 5px 10px 5px 10px;
	margin-right:15px; /* distance between content text */
	margin-top:3px; /* distance from menu top */
	border:none;
	z-index: 2;
}

#menu li:hover { /* menu hover - just tabs bit */
	border: 1px solid #def; /* if border added remove same from 10px in padding below */
	padding: 6px 9px 6px 9px;
	background: #def; /* Background colour */
}

#menu li a { /* menu tabs hover - just tabs bit */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; /* main font size tabs */
	color: #fff; /* tab white text*/
	display:block;
	text-decoration:none;
}

#menu li:hover a {
		color:#ff0000; /* menu tab link colour mouse over*/
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns {
	margin:6px auto; /* distance from box to tab above */
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #def;
	border-top:none;
	background:#def; /* background colour for boxes*/
}

.dropdown_1columns {width: 70px;}
.dropdown_2columns {width: 160px;}
.dropdown_3columns {width: 320px;}
.dropdown_4columns {width: 480px;}
.dropdown_5columns {width: 640px;}
.dropdown_6columns {width: 800px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns {
	left:-1px;
	top:auto;
}

.col_2,
.col_3,
.col_4,
.col_5,
.col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px; /* half width of margin also outer margin of boxes*/
	margin-right: 10px; /* second half width of margin */
}

.col_1 {
	display:inline;
	float: left;
	margin-left: 0px; /* half width of margin also outer margin of boxes*/
	margin-right: 10px; /* second half width of margin */
}

.col_1 right {
	margin-left: 10px; /* half width of margin also outer margin of boxes*/
	margin-right: 0px; /* second half width of margin */
}

.col_1 {width:60px;}
.col_2 {width:140px;}
.col_3 {width:300px;}
.col_4 {width:460px;}
.col_5 {width:620px;}
.col_6 {width:780px;}

#menu p, #menu h2, #menu h3, #menu h4, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	text-align:left;
}

#menu h2 { /* headers large */
	font-size:18px;
	color: #036;
	font-weight:400;
	letter-spacing:0px;
	margin:7px 0px 14px 0px;
	padding-bottom:14px;
	border-bottom:1px solid #5af;
}

#menu h3 { /* headers sub */
	font-size:12px;
	line-height:16px; /* line spacing (all of doc) */
	color: #036;
	margin:7px 0px 14px 0px;
	padding-bottom:7px;
	border-bottom:1px solid #5af;
}

#menu h3:hover div a {
	font-size:12px;
	line-height:16px; /* line spacing (all of doc) */
	color:#fff; /* link text colour */
}

#menu h3:hover div a:hover {
	color:#ff0000; /* link text colour when mouse over*/
}

#menu h4 { /* headers sub - not bold ???*/
	font-size:12px;
	line-height:16px;
	color: #036;
	margin:7px 0px 14px 0px;
	padding-bottom:7px;
	border-bottom:1px solid #5af;
}

#menu h4:hover div a {
	font-size:12px;
	line-height:16px;
	color:#0000ff; /* link text colour */
}

#menu h4:hover div a:hover {
	color:#ff0000; /* link text colour when mouse over*/
}

#menu p {
	font-size:12px;
	line-height:16px;
	margin:0px 0px 10px 0px;
}

#menu li:hover div a {
	font-size:12px;
	line-height:16px;
	color:#0000ff; /* link text colour */
}
#menu li:hover div a:hover {
	font-size:12px;
	line-height:16px;
	color:#ff0000; /* link text colour when mouse over*/
}

.imgshadow { /* image shadows */
	background:#FFFFFF;
	padding:0px;
	border:1px solid #888; /* border so image doesn't jump */
	margin-top:5px;
	box-shadow:0px 0px 5px #666;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
}

.img_left { /* Image to the left */
	width:auto;
	float:left;
	margin:0px 0px 0px 0px;
}

.img_menu_small { /* small menu images */
	background:#FFF;
	padding:0px;
	border:1px solid #888; /* border so image doesn't jump */
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	margin:0px 6px 10px 0px; /* gap between images */
	display:inline; /* display images inline and float left*/
	float: left;
}

a:hover .img_menu_small { /* small menu images hover red line */
	background:#FFF;
	padding:0px;
	border:1px solid #ff0000;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	margin:0px 6px 10px 0px;
}

.img_menu_large { /* larger menu images */
	padding:0px;
	border:1px solid #888; /* border so image doesn't jump */
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	margin:0px 6px 10px 0px; /* gap between images */
	display:inline; /* display images inline and float left*/
	float: left;
}

a:hover .img_menu_large { /* larger menu images hover red line */
	padding:0px;
	border:1px solid #ff0000;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	margin:0px 6px 10px 0px;
}

#menu li ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 12px 0px;
}

#menu li ul li {
	font-size:12px;
	line-height:16px;
	position:relative;
	padding:0px;
	margin:0px;
	float:none;
	text-align:left;
	width:130px;
}

#menu li ul li:hover {
	background:none;
	border:none;
	padding:0px;
	margin:0px;
}

.imgdropshadow { /* mouse over shadow */
	border:0px solid #777;
	margin-top:5px;
}

a:hover img.imgshadow { /* mouse over drop shadow */
	padding:0px;
	border:1px solid #ff0000;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
}

.navmenucontainer ul { /* footer links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.navmenucontainer li { /* footer space between blocks */
	margin: 0px 0px 2px 0px;
}

.navmenucontainer a { /* footer links */
	display: block;
	color: #0000ff;
	background-color: #9cf;
	width: 130px;
	padding:2px 5px; /* 2px top/bottom and 5px either side therefore 130 width */
	text-decoration:none;
}

.navmenucontainer a:hover { /* footer links hover */
	color: #ff0000;
	background-color: #fff;
}

/* PAGE TITLE - PAGE TITLE - PAGE TITLE - PAGE TITLE - PAGE TITLE - PAGE TITLE - PAGE TITLE - */
.page-title-container { /* page title box */
	list-style:none;
	width:960px;
	margin:0px auto 0px auto; 
	padding:5px 0px 5px 0px; 
	background: #fff; /* page title background colour */
	height: 50px;
}

#page-title-text { /* page title text */
	font-size:48px;
	color: #def;
	letter-spacing: 0px;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;

}


/* CONTENTS - CONTENTS - CONTENTS - CONTENTS - CONTENTS - CONTENTS - CONTENTS -  */
/* CSS Document */
* { margin: 0px; padding: 0px; /* CSS reset */
}

#content-wrapper { /* content wrapper */
	list-style:none;
	width:960px;
	margin:0px auto 0px auto; /* distance from top/side of page */
	background: #fff; /* Background content wrapper colour */
	clear: both;
}

#content-index-rotating-image-box { /* index image box */
	list-style:none;
	width:620px;
	height: 300px;
	margin:0px auto 0px auto; /* distance from top/side of page */
	background: #fff; /* Background content wrapper colour */
	clear: both;
}

#content-title_header-box { /* page title/info box */
	list-style:none;
	width:610px;
	margin:0px 0px 0px 0px; 
	padding:5px 5px;
	background: #036; /* Background content wrapper colour */
	clear: both;
}

#content-title_header-box-light { /* page title/info box */
	list-style:none;
	width:610px;
	margin:0px 0px 0px 0px; 
	padding:5px 5px;
	background: #def; /* Background content wrapper colour */
	clear: both;
}

#content-internal { /* content box */
	list-style:none;
	margin:0px auto 0px auto; 
	width:940px;
	background: #fff; /* Background content colour */
}

#content-left-column { /* content left col */
	background: #fff;
	width: 300px;
	margin:10px 0px 10px 0px;
	float: left;
}

#content-left-column-picture-or-ad-box { /* content left col */
	background: #fff;
	width: 300px;
	margin:0px 0px 20px 0px;
	float: left;
	clear: both;
}

#content-left-column-picture-box { /* content left col */
	background: #fff;
	width: 300px;
	margin:0px 0px 10px 0px;
	float: left;
	height: 203px;
	clear: both;
}

#content-left-column-text-box { /* text box for content left col */
	background: #fff;
	width: 300px;
	float: right;
	margin:0px 0px 20px 0px; /* space below text - style 5 */
	padding:0px 0px;
	text-align:right;
}

#content-column-header-text-box { /* text box for content header boxes dark blue */
	background: #036;
	width: 290px;
	float: left;
	margin:0px 0px 0px 0px; /* space below text - style 5 */
	padding:5px 5px;
	text-align:left;
}

#content-column-header-text-box-wide { /* text box for content header boxes dark blue full width */
	background: #036;
	width: 930px;
	float: left;
	margin:0px 0px 0px 0px; /* space below text - style 5 */
	padding:5px 5px;
	text-align:left;
}

#content-column-exbibition-content-text-box { /* text box for content header boxes dark blue */
	background: #fff;
	width: 300px;
	float: left;
	margin:10px 0px 0px 0px; /* space below text - style 5 */
	padding:0px 0px;
	text-align:left;
}

#content-column-exhibition-text-box { /* text box for exhibition header light blue */
	background: #def;
	width: 290px;
	float: right;
	margin:10px 0px 0px 0px; /* space between headers */
	padding:5px 5px;
	text-align:left;
}

#content-left-column-left { /* content left col internal left */
	background: #fff;
	width: 140px;
	margin:0px 10px 20px 0px; /* 10 left and 20 bottom padding */
	float: left;
}

#content-left-column-google-wide { /* content left col internal left */
	background: #fff;
	width: 300px;
	height: 250px;
	margin:0px 10px 20px 0px; /* 10 left and 20 bottom padding */
	float: left;
	box-shadow:0px 0px 5px #666;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
}

#content-left-column-right { /* content left col internal right */
	background: #fff;
	width: 140px;
	margin:0px 0px 20px 10px; /* 10 right and 20 bottom padding */
	float: left;
}

#content-left-column-left-white { /* content left col internal left white*/
	background: #fff;
	width: 140px;
	margin:0px 10px 20px 0px; /* 10 left and 20 bottom padding */
	float: left;
}

#content-left-column-300-white { /* content left col internal left white*/
	background: #fff;
	width: 300px;
	margin:0px 10px 20px 0px; /* 10 left and 20 bottom padding */
	float: left;
}

#content-left-column-right-white { /* content left col internal right */
	background: #fff;
	width: 140px;
	margin:0px 0px 20px 10px; /* 10 right and 20 bottom padding */
	float: left;
}

#content-centre-column { /* content centre col */
	background: #fff;
	width: 300px;
	margin:10px 20px 10px 20px; /* 10 top/bottom and 20 either side for col gap */
	float: left;
}

#content-right-column { /* content right col */
	background: #fff;
	width: 300px;
	margin:10px 0px 10px 0px;
	float: left;
}

#content-clear-one { /* space between sections or/and for back to top link */
	background: #fff;
	width: 940px;
	margin:0px auto 0px auto;
	float: left;
	height: 20px;
	clear: both;
}

#page-change-wrapper { 
	list-style:none;
	width:960px;
	margin:10px auto 20px auto; /* distance from top/side of page */
	background: #fff; /* Background content wrapper colour */
	clear: both;
}

#content-line { /* space between sections or/and for back to top link */
	background: #def;
	width: 960px;
	margin:0px auto 25px auto;
	float: left;
	height: 1px;
	clear: both;
}

#navcontentcontainer ul { /* footer links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navcontentcontainer li { /* footer space between blocks */
	margin: 0px 0px 2px 0px;
}

#navcontentcontainer a { /* footer links */
	display: block;
	color: #0000ff;
	background-color: #9cf;
	width: 130px;
	padding:2px 5px; /* 2px top/bottom and 5px either side therefore 130 width */
	text-decoration:none;
}

#navcontentcontainer a:hover { /* footer links hover */
	color: #ff0000;
	background-color: #fff;
}

#content-back-to-top-wrapper { /* footer navigation column */
	position: relative;
	width:140px;
	left: 810px;
}

#content-page-change-wrapper { /* footer navigation column */
	position: relative;
	width:300px;
	left: 650px;
	clear: both;
}

.style5 { /* left col headers */
	list-style:none;
	font-size: 12px;
	color: #036;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing */
	text-align:right;
	font-weight: bold;
}

.style6 { /* left col headers */
	list-style:none;
	font-size: 12px;
	font-style: italic;
	color: #036;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing */
	text-align:right;
}

.style7 { /* white bold headers */
	list-style:none;
	font-size: 12px;
	color: #fff;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing */
	text-align:left;
	font-weight: bold;
}

.style9 { /* left col headers */
	list-style:none;
	font-size: 12px;
	color: #036;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing */
	text-align: left;
	font-weight: bold;
}

#content-google-ad-long-wrapper { /* content google wide ad wrapper */
	list-style:none;
	width:940px;
	height: 30px;
	margin:0px auto 0px auto; /* distance from top/side of page */
	background: #fff; /* Background content wrapper colour */
	clear: both;
}

#content-google-advertising-wrapper { /* content google wide ad wrapper */
	width:290px;
	padding:0px 5px; /* 0px top/bottom and 5px either side therefore 290 width */
	height: 18px;
	margin:0px auto 0px auto; /* distance from top/side of page */
	background: #036; /* Background content wrapper colour */
	clear: both;
}

.imageWrapper300 {
	position: relative;
	width: 300px;
}
.imageWrapper300 img {
    display: block;
}
.imageWrapper300 .cornerLink {
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 2px 0px;
    color: #ffffff;
    background: #036;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    
}
.imageWrapper300:hover .cornerLink {
    opacity: 0.8;
}


.imageWrapper140 {
    position: relative;
    width: 140px;
}
.imageWrapper140 img {
    display: block;
}
.imageWrapper140 .cornerLink {
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 2px 0px;
    color: #ffffff;
    background: #036;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    
}
.imageWrapper140:hover .cornerLink {
    opacity: 0.8;
}
/* FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER -  */

#footer-container { /* footer container */
	width:960px;
	background: #def; /* Background footer colour */
	height: 300px;
	margin:0px auto 0px auto; /* distance from top of page */
	position: relative;
	clear: both;
}

#footer-navigation-wrapper-left { /* footer navigation column */
	position: absolute;
	width:140px;
	left: 10px;
	top:10px; /* padding for top */
}
#footer-navigation-wrapper-right { /* footer navigation column */
	position: absolute;
	width:140px;
	left: 170px;
	top:10px; /* padding for top */
}

#footer-google-ad-wrapper { /* footer navigation column */
	position: absolute;
	width:300px;
	left: 330px;
	top:10px; /* distance from top*/
}

#footer-copyright-wrapper { /* footer navigation column */
	position: relative;
	width:300px;
	left: 650px;
	top: 10px; /* distance from top*/
}

#footer-back-to-top-wrapper { /* footer navigation column */
	position: relative;
	width:140px;
	left: 810px;
	top: 95px; /* distance from top*/
}

.google_ad_shadow { 
	background:#fff;
	padding:0px;
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
}

.style4 { /* copyright text */
	list-style:none;
	font-size: 10px;
	color: #000000;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing (all of doc) */
	text-align:left;
}

.navfootercontainer ul { /* footer links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.navfootercontainer li { /* footer space between blocks */
	margin: 0px 0px 2px 0px;
}

.navfootercontainer a { /* footer links */
	display: block;
	color: #0000ff;
	background-color: #9cf;
	width: 130px;
	padding:2px 5px; /* 2px top/bottom and 5px either side therefore 130 width */
	text-decoration:none;
}

.navfootercontainer a:hover { /* footer links hover */
	color: #ff0000;
	background-color: #fff;
}

.navfootercontainerwide ul { /* footer links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.navfootercontainerwide li { /* footer space between blocks */
	margin: 0px 0px 2px 0px;
}

.navfootercontainerwide a { /* footer links */
	display: block;
	color: #0000ff;
	background-color: #9cf;
	width: 290px;
	padding:2px 5px; /* 2px top/bottom and 5px either side therefore 130 width */
	text-decoration:none;
}

.navfootercontainerwide a:hover { /* footer links hover */
	color: #ff0000;
	background-color: #fff;
}

.style3 { /* footer links */
	list-style:none;
	font-size: 12px;
	color: #000000;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* line spacing (all of doc) */
	text-align:left;
}

.style3 a:link { /* unvisited link */
	text-decoration: none; 
	color: #0000ff;
}

.style3 a:hover { /* mouse over link */
	text-decoration: none;
	color: #ff0000;
}

.line { /* footer links line */
	padding-bottom:2px;
	border-bottom:1px solid #5af;
}