/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(/img/carpet-tile.jpg) repeat top left;
	/*text-align: justify;*/ /*   2b removed */
	color: #666666;
	}
	
#wrap {
	margin: 20px auto;
	width:960px;   /* you can use px, em or % */
	text-align:left;
	border: 2px solid #666666;
	}
/*	
#wrap-inner {
	background: url(/img/bgSidebar.gif) repeat-y top left; /*dark grey = bgShows.gif
	}
*/
	
#header {
	margin: 0;
	padding: 0;
	background: url(/img/newheaderimage.jpg); /*background: url(/img/header8.jpg);*/
	background-color: white;	
	background-position: 340px 0px;
	background-repeat: no-repeat;
	height: 120px;
	}	
	
#header a:hover {
	text-decoration: none;
	border-bottom: 0;	
	}
#navsection { height:36px; position:relative; background: url("/img/navbckgrnd.jpg") repeat-x left top #1f3775;
				z-index: 100;
                  }
ul#nav {	padding: 10px 20px; }
#nav, #nav ul { /* all lists */
	padding: 10px 10px;
	margin: 0;
	list-style: none;
	line-height: 1.3;
}

#nav a {
	display: block;
/*	width: 10em; */
	color: white;
	font-variant: small-caps;
	font-size: 110%;
	font-weight: bold;	
}

#nav a:hover {color: #cda35d; }
#nav li { /* all list items */
	float: left;
	padding-right: 2em;

}

#nav li ul { /* second-level lists */
	position: absolute;
	display: block;
	background: #1f3775;
	width: 15em;
	font-size: 90%;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; color: #c8a35d; 
}
#ITRLogo {
	border: 0;
	width: 298px;
	height: 100px;
	margin-top: 10px;
	margin-left: 10px;
}

#main-body {
	clear: both;
	position: relative;
	background: #ffffff url(/img/SidebarBG.gif) repeat-y top right;
	margin-bottom: 0px;
	}

#main {
	padding-left: 20px;
	padding-right: 300px;
	margin-bottom: 0px;
	}

#main div, #nav div, #related-info div {
	padding: 5px;
	}

#nav div {
	padding-left: 0px;
	}

#main div {
	padding-bottom: 0;
	}
	
#main img {
	margin: 5px;
}

h1 {
	font-family:  Georgia, "Times New Roman", Times, serif; 
	padding: 20px 0 0 0;
	margin: 0px 15px 0px 10px;
	color: #1f3775;
	border-bottom: 1px solid #977e00;
	font-size: 200%;
	font-variant:small-caps;
}
	
h2, h3, h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	padding: 20px 10px 0 10px;
	margin: 0;
		color: #1f3775;
}

h2 {	
	font-size: 140%;
}

h2.special {	
	font-style: italic;
}

h3 {	
	font-size: 130%;
}	

p 	{
	padding: 0 10px;
	margin-top: 0;
	font-size: 100%;
}

p.last {
	margin-bottom: 0;
}


a {
	color: #00008B;
	text-decoration: none;
}

a:hover {
	color: #977e00;
	text-decoration: underline;
	}

/* Related Information (Right Sidebar) */
	
#related-info {
	float: right;
	display: inline;
	width: 280px;
	font-size: 85%;
	background: url(/img/SidebarBG.gif) repeat-y top right;
	}
	
#related-info img {
	margin: 3px 10px 5px 8px;
	border: none;
	}

#related-info h2 {
	padding: 35px 0 10px 10px;
	font-style: italic;
	font-size: 150%;
	}
	
#related-info h3 {
	padding: 6px 0 0 6px;
	}
	
.promotion {
	padding: 10px;
/*	background: url(/img/top.gif) no-repeat top left; */
}

#related-info .promotion p {
		padding:6px;
		margin: 0;
}

#related-info .promotion p.readmore {
		padding-top: 3px;
		clear: left;
		border-bottom: 1px solid #666666;
}			
#related-info .promotion p.showdate {
		padding: 3px 0 0 6px;
		font-weight:bold;
}			
#related-info .promotion p.showdetails {
		padding: 5px 12px 0 0px;
}			

.book {
	padding: 6px;
	float: right;
	width: 180px;
}

.review {
	margin: 0;
	padding: 6px;
	/*background: url(/img/bottom.gif) no-repeat bottom left; */
	text-align: right;
	margin-bottom: 20px;
}

#related-info .review p {
	/*background: blue; */
	float: right;
	margin: 0;
	padding: 0 2px 10px 6px;
}

.imageTable {
	background: #ffffff;
	border: 0;
	padding: 0;
	margin: 5px;
	float: right;
	width: 240px;
}

/* homepage content columns */
#leftcol {
	position: relative;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	background-color: white;
	
}

#rightcol {
	float: left;
	width: 45%;
	margin: 0;
	padding: 0;
	background-color: white;

}

.button { 
	z-index: 100;
	margin: 50px; padding: 0;
	width: 280px; height: 100px;
	position: relative;
	top: -150px; right: -620px;
	background: url(/img/gilt-frame.jpg)}
.button-heading a p {z-index: 100;	
	text-decoration: none;		
	color: #999999;}
.button a:hover p { z-index: 100;
	text-decoration: none;		
	color: #999999; }
.button-heading { font-family: Georgia, "Times New Roman", Times, serif; 
	color: white; text-align: center; padding: 16px 0 0 0;
	font-size: 19px; }
.button-text { z-index: 100;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;
	margin: -14px 0 0 0; color: white; text-align: center; padding: 0 0 0 0; }

.whatsOnEvent { margin: 0 10px 0 0; 
}
table#whatsontable { border: none;  margin: 20px 0 10px 40px; 
}

.whatsOnEvent h2 { 	padding: 8px 10px 10px 10px;
}

table.EventDetails { margin: 20px 20px 10px 10px; }


/* ------------------------ */
.imageTable p {
	width: 90%;
	font-size: 70%;
	padding-top: 0;
	padding-bottom: 5px;
	margin-left: 10px;
}

#main .galleryImageTable {
	background: #ffffff;
	border: 0;
	padding: 0;
	margin: 5px;
	float: left;
	width: 290px;
}

#main .galleryImageTable img {
	border: 0;
	float: left;
}

#main .galleryImageTable p {
	width: 90%;
	font-size: 70%;
	padding-top: 0;
	padding-bottom: 5px;
	margin-left: 10px;
}

 .historyImageTable  {
	background: #ffffff;
	border: 0;
	padding: 0;
	margin: 5px;
	float: right;
	width: 290px;
}

#main .historyImageTable img {
	border: 0;
}

#main .historyImageTable p {
	width: 90%;
	font-size: 70%;
	padding-top: 0;
	padding-bottom: 5px;
	margin-left: 10px;
}

#main .libraryImageTable {
	background: #ffffff;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	
	/*width: 290px;*/
}

#main .libraryImageTable img {
	border: 0;
}

#main .libraryImageTable td {
	vertical-align: top;
}

#main .libraryImageTable p {
	width: 90%;
	font-size: 70%;
	padding-top: 0;
	padding-bottom: 5px;
	margin-left: 10px;
}

/* Footer */
#footer {
	clear: both; 
	margin-top: -20px;
	background: url("/img/footerbckgrnd.jpg") top left repeat-x #1f3775; 
	padding: 30px 20px 10px 20px;
	color: #ffffff;
	}

#footer > p > a {
	text-decoration: none;		
	color: #bbbbbb; 
}

#footer > p > a:hover {
	color: #ffffff;
	border-bottom: 1px solid white;
	}

#footer > p > a:active {
	color: #ffffff;
	border-bottom: 1px solid white;
}

#footer > p.footernav > a {
	font-weight: bold;
	font-size: 95%;
	letter-spacing: .1em;
	text-decoration: none;		
	color: #bbbbbb; 
	}

#footer > p.copyright {
	padding-top: 20px;
	font-size: 85%;
}

#footer > p.copyright > a {
	text-decoration: none;		
	color: #bbbbbb; 
}

#footer > p.copyright > a:hover {
	color: #ffffff;
	border-bottom: 1px solid white;
}

#feature-rotation a:hover {
	border-bottom: none;
	}

#mapview {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #66ccff url("/img/bgMap.jpg");
	margin: auto;
	border: 2px solid #00008B;
	width: 400px;
	height: 400px;
	color: #00008B;
	}
	
h3.feature-area {font-size: 100%; text-align: center; }
	
		
/* .voting a, a:hover, a:active { text-decoration: none; border-bottom: none; } */



/* Old site nav stuff 

Navigation (left sidebar)

#nav {
	float: left;
	width: 360px;
	margin-top: 28px;
	}


.navContainer {
	width: 147px; 
	text-align: right;
	padding: 0;
	margin: 0;
	}
	
	
#nav li {
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	padding: 0;	/*this will give padding outside the link area 
	margin: 0;
	font-size: 116%;
	background: #eeeeee;
	}

#nav li a  {
	display: block;
	padding: 2px 35px 2px 0;
	line-height: 1.5;	
	text-decoration: none;		
	color: #00008B; /* DarkBlue; 
	width: 99%;
	border-bottom: 1px solid #ddd;
	}
	*/
	
#home #nav .navContainer li.home a,
#whatsOn #nav .navContainer li.whatsOn a,
#seating #nav  .navContainer li.seating a,
#tour #nav .navContainer li.tour a,	
#guide #nav .navContainer li.guide a,
#hire #nav .navContainer li.hire a,
#dinning #nav .navContainer li.dinning a,
#discounts #nav .navContainer li.discounts a,
#schools #nav .navContainer li.schools a,
#informed #nav .navContainer li.informed a,
#positions #nav .navContainer li.positions a,
#news #nav .navContainer li.news a,
#help #nav .navContainer li.help a,
#history #nav .navContainer li.history a,
#library #nav .navContainer li.library a,
#shows #nav .navContainer li.shows a,
#location #nav .navContainer li.location a,
#links #nav .navContainer li.links a,		
#contact #nav .navContainer li.contact a {
	color: #00008B;
	background: url(/img/navCrownWhite.gif) #ffffff;
	background-position: 97% 50%;
	background-repeat: no-repeat;
	cursor: default;
}

/*#home #nav .navContainer li.home a:visited,
#whatsOn #nav .navContainer li.whatsOn a:visited,
#seating #nav  .navContainer li.seating a:visited,
#tour #nav .navContainer li.tour a:visited,	
#guide #nav .navContainer li.guide a:visited,
#hire #nav .navContainer li.hire a:visited,
#dinning #nav .navContainer li.dinning a:visited,
#discounts #nav .navContainer li.discounts a:visited,
#schools #nav .navContainer li.schools a:visited,
#informed #nav .navContainer li.informed a:visited,
#help #nav .navContainer li.help a:visited,
#history #nav .navContainer li.history a:visited,
#library #nav .navContainer li.library a:visited,
#shows #nav .navContainer li.shows a:visited,
#links #nav .navContainer li.links a:visited,		
#contact #nav .navContainer li.contact a:visited  {
	background: url(/img/navCrownGrey.gif) #eeeeee;
	background-position: 97% 50%;
	background-repeat: no-repeat;
}
*/
#home #nav .navContainer li.home a:hover,
#whatsOn #nav .navContainer li.whatsOn a:hover,
#seating #nav  .navContainer li.seating a:hover,
#tour #nav .navContainer li.tour a:hover,	
#guide #nav .navContainer li.guide a:hover,
#hire #nav .navContainer li.hire a:hover,
#dinning #nav .navContainer li.dinning a:hover,
#discounts #nav .navContainer li.discounts a:hover,
#schools #nav .navContainer li.schools a:hover,
#informed #nav .navContainer li.informed a:hover,
#positions #nav .navContainer li.positions a:hover,
#help #nav .navContainer li.help a:hover,
#history #nav .navContainer li.history a:hover,
#library #nav .navContainer li.library a:hover,
#shows #nav .navContainer li.shows a:hover,
#location #nav .navContainer li.location a:hover,
#links #nav .navContainer li.links a:hover,		
#contact #nav .navContainer li.contact a:hover {
	color: #977e00; 
	background: url(/img/navCrownWhite.gif) #ffffff;
	background-position: 97% 50%;
	background-repeat: no-repeat;
}

#home #nav .navContainer li.home a:active,
#whatsOn #nav .navContainer li.whatsOn a:active,
#seating #nav  .navContainer li.seating a:active,
#tour #nav .navContainer li.tour a:active,	
#guide #nav .navContainer li.guide a:active,
#hire #nav .navContainer li.hire a:active,
#dinning #nav .navContainer li.dinning a:active,
#discounts #nav .navContainer li.discounts a:active,
#schools #nav .navContainer li.schools a:active,
#informed #nav .navContainer li.informed a:active,
#positions #nav .navContainer li.positions a:active,
#help #nav .navContainer li.help a:active,
#history #nav .navContainer li.history a:active,
#library #nav .navContainer li.library a:active,
#shows #nav .navContainer li.shows a:active,
#location #nav .navContainer li.location a:active,
#links #nav .navContainer li.links a:active,		
#contact #nav .navContainer li.contact a:active  {
	color: #00008B;
	background: url(/img/navCrownWhite.gif) #ffffff;
	background-position: 97% 50%;
	background-repeat: no-repeat;
}
/*
	
#nav li a:visited {
	background: url(/img/navCrownGrey.gif);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	}

#nav li a:hover {
	color: #977e00; 
	background: url(/img/navCrownWhite.gif) #ffffff;
	background-position: 97% 50%;
	background-repeat: no-repeat;	
	}		

#nav li a:active {
	color: #00008B;
	background: url(/img/navCrownWhite.gif) #ffffff;
	background-position: 97% 50%;
	background-repeat: no-repeat;
}
	
*/
/* Janko version
#nav { margin:0px; padding:0px; position:absolute; top: 5px; display:block;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; 
                    position:relative; padding:5px; width:110px; color: white;}
#nav > li a { color: white; }					
#nav > li:hover ul { display:block; }
#nav > li:hover { background-color:#808080; }
        
#nav li ul { margin:0px; padding:0px; display:none;}
#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
#nav li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none;}
#nav li ul li:hover a { background-color:#606060; }
#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold; }
	
	
-- old version --
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	color: #c8a35d;
		border-top: 1px solid #ffffff;
	background: #1f3775; 
	height: 30px;
	font-variant: small-caps;
	font-size: 110%;
	font-weight: bold;	
}

#nav p {
	margin: 0;
	padding-top: 7px;
	color: #c8a35d;
	font-variant: small-caps;
	font-size: 105%;
	font-weight: bold;	
}

#nav a {
	color: white;
	text-decoration: none;
}

#nav a:hover {
	color: #c8a35d;
	border-bottom: 1px solid #00008B;
	}
*/