@charset "UTF-8";






#body1{
	width:540px; 
	position:relative; 
	margin:0 auto; 
	padding:0 10px 0 5px;

}
/*--/ Pad1--*/

#pad1{
	width:540px; 
	height:500px; 
	margin:0 auto; 
	padding:10px 0 0 px;
	background: url(images/background.gif) no-repeat;
	position:relative;
	
}

#pad1 p{
	font:14px/18px arial, "Times New Roman", Times, serif;
	text-align:justify;
	color:#FFFFFF;
	margin-top:-10px;
}

/*--/ pad1--*/


#text{
	width:500px;
	margin:0 auto; 	
}


/*--Top Panel--*/
#pad{
	width:540px; 
	height:100%; 
	position:relative; 
	margin:0 auto; 
	padding:0;

}
/*--/ Panel--*/

#pad p{
	font:14px/18px arial, "Times New Roman", Times, serif;
	text-align:justify;
	
}

h1{
	font:18px/20px arial, "Times New Roman", Times, serif;
	color:#FF0000;	
}

span{
	font:16px/20px arial, "Times New Roman", Times, serif;
	color:#000000;	
}

.image{
	float:left;
	position:relative;
	padding: 0 10px 0 0;
}

.image1{
	float:right;
	position:relative;
	padding: 0 0 0 10px;
}
/*--/Top Panel--*/

/*--/ Pad1--*/

#pad2{
    background-color:#F0C749;
	width:540px; 
	height:500px; 
	margin:0 auto; 

	
}









/*-----------GLOBAL LAYOUT STYLING-----------*/

body {
font-family:Arial, Helvetica, sans-serif; /*changes font for whole site*/
font-size:62.5%; /*DO NOT TOUCH*/
margin:0px;/*DO NOT TOUCH*/
padding:0px;/*DO NOT TOUCH*/
text-align:left;/*centres container div on page*/
background:url(../layoutimages/headerbackground.jpg) repeat-x;
}

#container {
width:800px;/*Width of the central area*/
margin:0px;/*centres container on page*/
text-align:center; /*re-aligns text*/
padding:0px;/*IE will add padding to width, adjust width to suit*/
}

*html body #container { margin: 0px; }

/*-------Header Styles---------------*/

#header {
width:780px; /*width should be same as graphic image*/
height:135px; /*height should be the same as graphic image*/
margin:0px; /*Aligns header graphic*/
padding:0px;
}

*html body #header { height:130px; }

#header a img { border:none;}


/*------Columns in Main Area----------*/

#rightMain {
float:right;
margin:50px 0px 0px 0px;
padding:0px;
width:180px;
}

#leftMain {
margin:0px 200px 0px 0px;
padding:0px;
}


/*----Content Wrapper, main body goes inside here----*/

#contentwrapper {
width:780px; /*wrapper width*/
margin:10px 10px 0px 10px; /*Displaces content area from div above below and container walls*/
padding:0px;
font-size:1.2em;
}

*html body #contentwrapper { margin:-11px 10px 0px 10px;  }

/*-------------------header teag styling----------------------*/

h1 {
height:25px; /*height of the tag, should be same as icon size*/
font-size:19px; 
margin:0px 0px 10px 0px;
padding:5px 0px 3px 7px; /*padding allowing for the icon image*/
color:#333333; /*font colour*/
border-left:5px solid #FF0000;
}

/* each header class ads a unique styling to the that header, just include class=".classname" next to you h1 tag e.g <h1 class=".heart">*/
h1.heart {
background:url(../layoutimages/h1icon.gif) no-repeat 0 50%; /*individual icons for h1 tags*/
}


h2 {
font-size:18px;
margin:0px;
padding:5px 0px 2px 0px;
text-align:left;
color:#FF0000;
}

h3 {
font-size:14px;
margin:0px;
padding: 0px 0px 0px 7px;
text-align:left;
color:#FF0000;
border-left: 5px solid #000;
}

/*---------------------Navigation Bar ------------------------------------------*/

#navigation {
width:790px;
height:12px;
margin:3px 5px 0px 5px;
padding: 0px;

}


ul#navlist
{
margin:0;
padding:10px 0;

}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 4px 12px; margin:0px; font-size:14px;
color: #fff;
text-decoration: none;}
 
*html body #navlist a { padding:3px 20px;}

#navlist a:hover
{
color: #000;
border-bottom:3px solid #000;
text-decoration: none;
}

/*---rightColumn---*/
.ColCategoryButton {
background: url(../layoutimages/greyright.gif) #ccc top right no-repeat;
padding:0px;
margin:5px;
height:70px;
}

.ColCategoryButton img { margin:9px 5px; padding:0px; border:1px solid #fff;}

.ColCategoryButton p { margin:0px; padding:23px 5px 6px 0px; color:#FFFFFF; font-weight:bold; }

/*---------Global Nav ---------------*/


#globalNav dl {
margin:0px;
padding:0px;
}

#globalNav dd {width:190px; /*width of side bar minus margins and padding*/
padding:0px; 
margin:0px;

}

#globalNav dd a img { border:none; margin:0; padding:0; }







/*-------------------everything below will style the left bars for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*-----Side Bar ---------*/

#sidebar {
float:right;
width:200px; /*this will effect your #main right margin size*/
padding:0px 10px; /*pads content inside div*/
background: url(../layoutimages/rightmenu.jpg) no-repeat #000000 bottom;
color:#fff; /*text color*/
margin:10px 0px;
}



#sidebar a img { border:none; margin:10px 0px; padding:0;}

#sidebar p {
margin:10px 0px;
text-align:left; /*text positioning*/
font-size:100%; /* percentage scales based on size declared in #contentwrapper*/
}

#sidebar a {color:#FF0000; text-decoration:none;}
#sidebar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#sidebarMenu dl {
margin:5px 0px;
padding:10px 0px;
}

#sidebarMenu dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}


#sidebarMenu dd {width:190px; /*width of side bar minus margins and padding*/
font-size:14px;/*font size for links or text*/
letter-spacing:0.1em;
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#sidebarMenu dd a {colour:#333; text-decoration:none; display:block; padding:10px; }

#sidebarMenu dd a:hover { color:#FFFFFF; text-decoration:none;  background-color:#cc3300;}

/*sidebar navigation list*/

#sidebarMenu2 dl {
margin:5px 0px;
padding:5px 0px;
}

#sidebarMenu2 dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:2px 10px;
}

#sidebarMenu2 dd {width:190px; /*width of side bar minus margins and padding*/
font-size:11px;/*font size for links or text*/
letter-spacing:0.1em;
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:5px 0px;
text-align:left; /*aligns the page text*/
}

#sidebarMenu2 dd a {colour:#333; text-decoration:none; display:block; padding:5px 10px; }

#sidebarMenu2 dd a:hover { color:#FFFFFF; text-decoration:none;  background-color:#cc3300;}


#sidebarMenu  ul { margin:5px 0px; padding:0px;}
#sidebarMenu li { margin:2px 0px; list-style-type:none; padding:0px 0px 0px 10px }

/*-----Left ---------*/

#leftbar {
float:left;
width:150px; /*this will effect your #main right margin size*/
padding:10px; /*pads content inside div*/
background-color:#000000;
color:#333333; /*text color*/
}

#leftbar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#leftbar a {color:#FF6699; text-decoration:underline;}
#leftbar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#leftbar dl {
margin:5px 0px;
padding:10px 0px;
}

#leftbar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#leftbar dd {width:140px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#leftbar dd a {colour:#333; display:block; padding:10px; }

#leftbar dd a:hover { color:#FFFFFF; background-color:#99CCFF;}


/*-----Right Bar ---------*/

#rightbar {
float:right;
width:90px; /*this will effect your #main right margin size*/
padding:10px; /*pads content inside div*/
background-color:#000000;
color:#333333; /*text color*/
}

#rightbar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#rightbar a {color:#FF6699; text-decoration:underline;}
#rightbar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#rightbar dl {
margin:5px 0px;
padding:10px 0px;
}

#rightbar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#rightbar dd {width:80px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#rightbar dd a {colour:#333; display:block; padding:10px; }

#rightbar dd a:hover { color:#FFFFFF; background-color:#99CCFF;}


/*-------------------everything below will style the main content area stuff for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*------------THIS IS FOR A TWO COLUMN LAYOUT--------------*/

/*-----------Main Content Aread-----------------------*/

#main {
margin:0px 240px 0px 10px; /* the left padding includes the width of the sidebar plus extra length for a spacer gap*/
text-align:left;
padding-top:20px;
} 

/**html #main {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#main p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}



#main a img {border:1px solid #fff;}
#main a:hover img {border:1px solid #FF0000;}

#main a {color:#FF0000;text-decoration:none;}
#main a:hover {color:#666666;text-decoration:none;}
#main ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#main li {
margin:3px 0px;
padding:0px;
}

#main ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}

#main table {
margin:0px;
padding:0px;
}

#main table tr td {padding:5px;}

#main table tr { margin-bottom:10px;}

#main table a img {background-color:#f2f2f2; padding:5px; border:1px solid #ccc;}

.albumDetail { background-color:#f2f2f2; padding:5px; border:1px solid #ccc;}

/*--------------THIS IS FOR A A SINGLE COLUMN LAYOUT---------------*/


#single {
margin:0px 10px; /* this gives text padding away from the container*/
text-align:left;
} 

/**html #single {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#single p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#single a img {border:1px solid #fff;}
#single a:hover img {border:1px solid #0099FF;}

#single a {color:#0066CC;text-decoration:underline;}
#single a:hover {color:#666666;text-decoration:none;}
#single ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#single li {
margin:3px 0px;
padding:0px;
}

#single ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}

/*--------------THIS IS FOR A A THREE COLUMN LAYOUT---------------*/


#middle {
margin:0px 120px 0px 180px; /* the left padding includes the width of the sidebar plus extra length for a spacer gap*/
text-align:left;
} 

/**html #middle {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#middle p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#middle a img {border:1px solid #fff;}
#middle a:hover img {border:1px solid #333;}

#middle a {color:#0066CC;text-decoration:underline;}
#middle a:hover {color:#666666;text-decoration:none;}
#middle ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#middle li {
margin:3px 0px;
padding:0px;
}

#middle ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}


/*----------------Image Styling----------------*/

.left1 {
float:left; /*The important bit, floats image left*/
background-color:#f2f2f2;
border:1px solid #ccc;
padding:4px 4px 4px 4px;
margin:0px 10px 10px 18px;
}

.left {
float:left; /*The important bit, floats image left*/
background-color:#f2f2f2;
border:1px solid #ccc;
padding:4px 4px 4px 4px;
margin:0px 10px 10px 0px;
}

.right {
float:right; /*The important bit, floats image left*/
background-color:#f2f2f2;
border:1px solid #ccc;
padding:4px;
margin:0px 0px 5px 10px;
}

.infoBox {background-color:#f4f4f4; border:1px solid #ccc; padding:3px; text-align:center; font-size:12px;}

.greyBox {border:1px solid #ccc; padding:3px;}

.event {border: 1px solid #f4f4f4; padding:3px; margin:0px;}
.remember { margin:0px 5px;}

/*------------------Section------------------------*/

.museum {background-color:#0066FF; color:#FFFFFF;}
.education {background-color:#99cc00; color:#FFFFFF;}
.events {background-color:#cc9900; color:#FFFFFF;}
.collection {background-color:#cc0000; color:#FFFFFF;}




/*------------------------------Enquiry Form
-------------------------------------------------------------------------*/
/*contactform2*/

#EnqSender, #EnqCompany, #EnqReferSite, #EnqEmailSender, #EnqSubject, #EnqProjectNature, #EnqProjectOther, #EnqBuildStatus, #EnqBuildOther, #EnqProjectTime {width:150px;}
#enquiryform {margin:0px 20px; }
#enquiryform p{font-size:1.2em; color:#000; margin:3px; padding:5px 30px;}
#enquiryform legend{font-size:1.4em; font-weight:bold; color:#333;}
#enquiryform fieldset {border:1px solid #000000;padding:5px 30px;}



/*---------------Footer------------------------------*/

#footer {
clear:both; /*Clear floats*/
text-align:center; /* aligns footer text*/
height:30px; /*footer height*/
font-size:90%; /*scales up footer font size*/
margin:10px;
padding:0px;
border-top:1px solid #ccc;
}

#footer p {padding:3px 0px; color:#666;}
#footer a {color:#666; text-decoration:underline;}
#footer a:hover {color:#0099CC; text-decoration:none;}


/*----------------------------Front Page Boxes----------------------*/

/*blueBox*/

#blueBox1 {
float:left;
width:130px;
height:180px;
margin-bottom:5px;
padding:0px 0px;
display:block;
position:relative;
background:url(../images/blue_line.jpg) no-repeat ;
}

#blueBox1 h2 {font-size:12px; color:#FFFFFF; padding:5px 5px 5px 10px;}
#blueBox1 p {padding:5px 0 0 35px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}


#blueBox {
float:left;
background:url(../layoutimages/_boxCornerL.gif) no-repeat #0066FF left;
width:250px;
height:168px;
margin-bottom:5px;
padding:0px 0px;
}

#blueBox a , #redBox a , #greenBox a , #orangeBox a {color:#FFFFFF; text-decoration:underline; }
#blueBox a:hover , #redBox a:hover , #greenBox a:hover , #orangeBox a:hover {color:#FFFFFF; text-decoration:none; }

#blueBox p {padding:5px 10px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#blueBox h2 {color:#ffffff; padding:5px 5px 5px 10px;}

/*redBox*/

#redBox1 {
float:left;
width:130px;
height:180px;
margin:0px 0px 5px 0px;
padding:0px;
display:block;
position:relative;
background:url(../images/red_line.jpg) no-repeat ;
}

#redBox1 h2 {font-size:12px; color:#FFFFFF; padding:5px;}
#redBox1 p {padding:5px 0 0 35px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}


#redBox {
float:left;
background:url(../layoutimages/_boxCorner.gif) no-repeat #cc3300 right;
width:250px;
height:168px;
margin:0px 0px 5px 0px;
padding:0px;
}

#redBox p {padding:5px 10px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#redBox h2 {color:#ffffff; padding:5px;}

/*greenBox*/

#greenBox1 {
float:left;
width:130px;
height:180px;
margin-bottom:5px;
padding:0px;
display:block;
position:relative;
background:url(../images/green_line.jpg) no-repeat ;
}

#greenBox1 h2 {font-size:12px; color:#FFFFFF; padding:5px 5px 5px 10px;}
#greenBox1 p {padding:5px 0 0 35px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#greenBox {
float:left;
background:url(../layoutimages/_boxCorner.gif) no-repeat #759B00 left;
width:250px;
height:168px;
margin-bottom:5px;
padding:0px;
}

#greenBox p {padding:5px 10px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#greenBox h2 {color:#ffffff; padding:5px 5px 5px 10px;}

/*greenBox*/

#orangeBox1 {
float:left;
width:140px;
height:180px;
margin:0px 0px 5px 0px;
padding:0px;
display:block;
position:relative;
background:url(../images/yellow_line.jpg) no-repeat ;
}
#orangeBox1 h2 {font-size:12px; color:#FFFFFF; padding:5px 5px 5px 10px;}
#orangeBox1 p {padding:5px 0 0 40px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#orangeBox {
float:left;
background:url(../layoutimages/_boxCornerL.gif) no-repeat #cc9900 right;
width:250px;
height:168px;
margin:0px 0px 5px 0px;
padding:0px;
}

#orangeBox p {padding:5px 10px; margin:0px; color:#FFFFFF; float:left; line-height:12px;}

#orangeBox h2 {color:#ffffff; padding:5px 5px 5px 10px;}

/*---- forms ---*/

.message { background-color:#BDEFB8; border:3px solid #009933; color:#009933; padding:5px; text-align:center; font-weight:bold;}
label {margin:0px 70px;}
.input {border:1px solid #ccc; width:300px; margin:0px 70px;}
.radio {margin:0px 70px;}
.newsletter {border:1px solid #ccc; width:300px; margin:0px 70px;}
legend {font-size:18px; margin:0px; padding:5px 0px; text-align:left; color:#FF0000;}
textarea {width:300px; height:100px;}
.button {border:1px solid #333; color:#fff; margin:0px 100px; background-color:#FF0000; padding:5px;}
.breadcrumb { display: none;  }