/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

object { outline: none; display: block }
input[type=image] { outline: none }
* {padding:0; margin:0;}
body {color:#7F94A2; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; background:url(../images/struct/bg-body.gif) top center no-repeat #fff;}

/*Text, formatting*/

a {text-decoration:underline; outline:none;}
	a:hover{text-decoration:none;} 
	#content a:hover {color:#fff;}
	a img {border:none;}
p {padding-bottom:10px;}

ul {padding:0 0 20px 30px;}

/*Normal "Small" Text*/
.text-small {font-size:12px; line-height:16px;}
h1, .text-small h1 {font-size:19px; padding-bottom:19px;}
h2, .text-small h2 {font-size:17px; padding-bottom:27px;}
h3, .text-small h3 {font-size:12px; font-weight:bold; padding-bottom:10px;}
h4, .text-small h4 {font-size:12px; font-weight:bold; padding-bottom:16px; color:#ACBAC3; font-style:italic;}
h5, .text-small h5 {font-size:12px; font-weight:bold; padding:0;}
h6 {font-size:11px; font-weight:normal; padding:0;}
.small {font-size:11px;}

/*Medium Text*/
.text-med {font-size:14px; line-height:18px;}
.text-med h3 {font-size:14px;}
.text-med h4 {font-size:14px;}
.text-med #quiet-nav {font-size:12px; padding-left:10px; width:286px;}
	.text-med #quiet-nav a {padding:6px 5px;}
.text-med #subnav a {font-size:14px;}

/*Large Text*/
.text-large {font-size:16px; line-height:20px;}
.text-large h3 {font-size:16px;}
.text-large h4 {font-size:16px;}
.text-med #quiet-nav {font-size:12px; padding-left:10px; width:286px;}
	.text-med #quiet-nav a {padding:6px 5px;}
.text-large #subnav a {font-size:16px;}

/*Layout - Absolute Elements*/
#logo {position:absolute; width:390px; height:220px; left:50%; top:0; margin-left:-574px; z-index:0}/*Flash*/
	#logo img {margin-left: 0px;}/*Without Flash*/
#kingston-logo {position:absolute; width:54px; height:78px; left:50%; margin:18px 0 0 392px; z-index:99;}
#home-link {display:block; position:absolute; width:296px; height:130px; z-index:100;}
* html #home-link {position:relative; margin-bottom:-130px;}

/*Layout*/
#wrapper {position:absolute; left:50%; margin-left:-480px; width:960px; background:url(../images/struct/bg-wrapper.gif) repeat-y 296px 0; z-index:2;}
	#left-col {float:left; width:296px; margin-top:132px;}
		#nav {position:relative; z-index:2;}
		#info {width:246px; padding:30px 20px 20px 30px;}
	#content {float:right; width:630px; margin-top:160px; padding-bottom:20px;}

/*Home Specific*/
.home #info p {line-height:14px; padding:20px 30px 0 0; clear:both; color:#ACBAC3; display:block;}
	* html .home #info p {padding:0 30px 0 0;}
.home #content {margin:0; width:663px; padding:0 0 1px 0;}
.home #info {padding-top:20px;}

#search {float:left;}
	#search-button {display:block; float:left; width:34px; height:24px; background:url(../images/struct/button-search.gif); margin-left:10px;}
	#search-button:hover {background:url(../images/struct/button-search.gif) bottom;}

/*Styling*/
#info h3 {padding-left:18px; background-repeat:no-repeat; background-position:0 2px;}
h2 a {text-decoration:none;}

#filter {float:left; width:620px; clear:both; position:relative; padding:18px 5px 15px 5px; height:30px; margin:30px 0; background:url(../images/struct/bg-filter.gif) repeat-y center center;}
	#filter strong {padding-right:40px;}
#keywords {margin-right:27px; width:180px;}
#date {width:150px;}
#filter .field {font-size:12px;}
#filter #search-button {float:none; position:absolute; right:0; top:18px;}

#static-info {clear:both; padding-top:20px;}

.item {float:left; width:630px; clear:both; padding-bottom:25px; margin-bottom:25px; background:url(../images/struct/bg-filter.gif) bottom no-repeat;}
	.item .left {float:left; width:320px;}
	.item .right {float:right; width:277px;}
	.item h3 {font-weight:normal;}
	.detail-click {padding-bottom:14px;}
		#content .item .detail-click:hover {background:url(../images/struct/more-info.gif) bottom right no-repeat transparent;}
.detail {padding-top:20px; background:none;}
	.detail .right img {padding-bottom:15px; display:block;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.imgleft {float:left; padding-right:20px; display:block;}
.imgright {float:right; padding-left:20px; display:block;}
.padding-bottom {padding-bottom:20px;}
.padding-bottom-large {padding-bottom:40px;}

.logo-grid {float:left; display:block; width:180px; height:135px; margin: 0 15px 15px 0; padding:2px; border:1px solid #eee;}

#cms-body {clear:both; margin: 45px 0 15px; }
	#cms-body table { width: 100%; }
	#cms-body th { text-align: left; }
	#cms-body h2 {padding:20px 0 10px 0; clear:both;}
	#cms-body h3 {}


/*Venue Hire*/
.venue-container {float:left; width:100%; padding-bottom:25px;}
#btn-city-hall {float:left; display:block; width:296px; height:266px; background:url(../images/struct/btn-city-hall.jpg) no-repeat;}
#btn-arts-centre {float:left; display:block; width:297px; height:266px; background:url(../images/struct/btn-arts-centre.jpg);}
	#content .venue-container #btn-city-hall:hover {background:url(../images/struct/btn-city-hall.jpg) transparent bottom;}
	#content .venue-container #btn-arts-centre:hover {background:url(../images/struct/btn-arts-centre.jpg) transparent bottom;}
	#btn-city-hall strong, #btn-arts-centre strong {display:none;}
	
/*Main Navigation*/
	#n1, #n2, #n3, #n4, #n5, #n6 {display:block; height:62px; width:296px;}
	#n1 {background:url(../images/nav/n1.gif);}
	#n2 {background:url(../images/nav/n2.gif);}
	#n3 {background:url(../images/nav/n3.gif);}
	#n4 {background:url(../images/nav/n4.gif);}
	#n5 {background:url(../images/nav/n5.gif);}
	#n6 {background:url(../images/nav/n6.gif);}
	/*Hover States*/
	#n1:hover, #n2:hover, #n3:hover, #n4:hover, #n5:hover, #n6:hover {background-position:center;}
	/*On States*/
	#nav a.on, #nav a.on:hover  {background-position:right;}
	#nav b {display:none;}
#quiet-nav {width:280px; height:33px; padding-left:16px; text-transform:lowercase; font-size:11px; background:url(../images/struct/bg-quiet-nav.gif) no-repeat;}
	#quiet-nav a {display:block; float:left; color:#639EC3; text-decoration:none; padding:8px 6px; height:17px;}
		#quiet-nav a:hover {text-decoration:underline;}

/* Homepage Flash */
#content #features { margin-bottom: -1px; }

/*Sub Navigation*/
#subnav a {display:block; float:left; margin:0 3px 3px 0; height:27px; line-height:25px; font-size:13px; padding:0 8px; text-decoration:none; border-style:solid; border-width:1px;}
	#content #subnav a:hover {background:#F6F9FA; color:#7F94A2;}
#content #subnav .on, #content #subnav .on:hover {font-weight:bold; color:#fff;}
* html #subnav a {white-space:nowrap;}

/*Footer*/
#footer {clear:both; border-top:1px solid #dae5ec; padding:5px 0; height:20px; background:#fff; color:#ACBAC3;}
	* html #footer {}
		#text-size {float:left; }
			#text-size a {color:#ACBAC3; text-decoration:none; padding:0 1px;}
			#text-size a:hover {color:#fff; background:#639EC3;}
			#text-size .on {text-decoration:underline;}
				#text-small {font-size:12px;}
				#text-med {font-size:15px;}
				#text-large {font-size:17px;}
		#e7-link {float:right; width:300px;}
		#e7-link a {display:block; float:right; padding-left:20px; color:#ACBAC3; text-decoration:none; background:url(../images/struct/e7-logo.gif) no-repeat; height:17px;}
			#e7-link a:hover {background-position:bottom left; color:#639EC3;}
		#e7-link div {float:right; padding-right:4px;}

/*------COLOURS---------*/
/*Orange*/
.performing-arts a, .performing-arts h2, .performing-arts h4 {color:#F38F1E;}
.performing-arts #subnav a, .performing-arts a.button {border-color:#F38F1E;}
.performing-arts #content #subnav .on, .performing-arts #content #subnav .on:hover, .performing-arts #content a:hover {background:#F38F1E;}
.performing-arts #info h3 {background-image:url(../images/struct/i-orange.gif); color:#F38F1E;}
.performing-arts h3 {color:#C75426;}

/*Green*/
.visual-arts a, .visual-arts h2, .visual-arts h4 {color:#67B939;}
.visual-arts #subnav a, .visual-arts a.button {border-color:#67B939;}
.visual-arts #content #subnav .on, .visual-arts #content #subnav .on:hover, .visual-arts #content a:hover {background:#67B939;}
.visual-arts #info h3 {background-image:url(../images/struct/i-green.gif); color:#67B939;}
.visual-arts h3 {color:#1A7833;}

/*Light Blue*/
.moviehouse a, .moviehouse h2, .moviehouse h4 {color:#3BB3E8;}
.moviehouse #subnav a, .moviehouse a.button {border-color:#3BB3E8;}
.moviehouse #content #subnav .on, .moviehouse #content #subnav .on:hover, .moviehouse #content a:hover {background:#3BB3E8;}
.moviehouse #info h3 {background-image:url(../images/struct/i-light-blue.gif); color:#3BB3E8;}
.moviehouse h3 {color:#2A62AD;}

/*Purple*/
.venue-hire a, .venue-hire h2 {color:#6533C7;}
.venue-hire #subnav a, .venue-hire a.button {border-color:#6533C7;}
.venue-hire #content #subnav .on, .venue-hire #content #subnav .on:hover, .venue-hire #content a:hover {background:#6533C7;}
.venue-hire #info h3 {background-image:url(../images/struct/i-purple.gif); color:#6533C7;}
.venue-hire h3 {color:#462B7A;}

/*Red*/
.events a, .events h2, .events h4 {color:#BF3017;}
.events #subnav a, .events a.button {border-color:#BF3017;}
.events #content #subnav .on, .events #content #subnav .on:hover, .events #content a:hover {background:#BF3017;}
.events #info h3 {background-image:url(../images/struct/i-red.gif); color:#BF3017;}
.events h3 {color:#992612;}

/*Blue*/
.about-us a, .about-us h2 {color:#1C66C9;}
.about-us #subnav a, .about-us a.button {border-color:#1C66C9;}
.about-us #content #subnav .on, .about-us #content #subnav .on:hover, .about-us #content a:hover {background:#1C66C9;}
.about-us #info h3 {background-image:url(../images/struct/i-blue.gif); color:#1C66C9;}
.about-us h3 {color:#1D4D8F;}

.found {color:#fff; font-weight:bold; background:#1C66C9; padding:0 2px;}


/*---------Forms---------*/
.field {border:1px solid #C3CDD4; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ACBAC3; line-height:16px; padding:3px; margin:0;}
label {padding-right:5px;}

/*Forms*/
#content .form {width:500px; clear:both;}
	.form fieldset {clear:both; border:none; padding:0 0 15px 0; margin:0; background:url(../images/struct/bg-filter.gif) center 7px  no-repeat;}
	.form fieldset legend {padding:5px 0; font-size:13px; font-weight:bold; position:relative; margin-top:10px;}
	input, select, textarea {font-size:13px; color:#869EAD; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	textarea {overflow:auto;}
	#content .form div {clear:both; display:block; width:499px; margin:6px 0 0 0;}
		#content .form div label {display:block; float:left; width:140px; padding:3px 5px; margin:0 0 5px 0;}
		/*Required*/
		.form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
		/*Field Styles*/
		.form div select, .form div textarea, .form div input.inputText {margin:0; padding:3px; border:1px solid #A8BDCD; background:#FBFCFC;}
			.form div select, form div input.inputText {width:270px;}
			.form div.dateSelect img {cursor:pointer} /* Calendar button */
			.form div textarea {width:415px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 5px;}
		.form div input.inputDouble {margin-top:5px;}
	/*Radios*/
	#content .form .radio_list {float:left; width:270px; padding:0; margin:0;}
		#content .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
		.radio_list input {float:left; width:18px;}
		.radio_list label {line-height:8px;}
		* html .radio_list label {line-height:13px;}
	/*Checkboxes*/
	.checkbox-list input {float:left; width:16px;}
		.checkbox-list label {line-height:8px;}
		* html .checkbox-list label {line-height:13px;}
	/*Notes*/
	#content .form-notes {padding:0 0 0 150px; width:270px; margin:-5px 0 0 0; font-size:11px;}
	* html #content .form-notes {padding:5px 0 0 153px;}
	/*Date of Birth*/
	#d-o-b input {width:40px; padding:1px 3px; padding:2px; border:1px solid #AEBEC8; background:#FBFCFC; }
	/*Active States*/
	input.field:focus, textarea:focus, select:focus, input.field:active, textarea:active, select:active, input.inputText:focus, input.inputText:active, #d-o-b input:focus {background:#fff; border:1px solid #7898B2;}
	/*Inorrect Field*/
	#content .incorrect-field {border:1px solid #EDB2B2;}
/*Feedback boxes*/
.validation, .success, .information {margin-bottom:20px; padding:2px 20px 10px 35px; width:370px;}
	.validation ul, .success ul, .information ul {padding:0 0 5px;}
.validation {border:1px solid #BF3017; background:url(../images/struct/bg-validation.gif) no-repeat 10px 10px #fefbfa;}
	.validation h4 {padding:9px 0; color:#BF3017;}
	#content .validation li {}
.success {border:1px solid #67B939; background:url(../images/struct/bg-success.gif) no-repeat 8px 10px #fcfefb;}
	.success h4 {padding:9px 0; color:#67B939;}
	#content .success li {}
.information {border:1px solid #3BB3E8; background:url(../images/struct/bg-information.gif) no-repeat 12px 8px #fbfeff;}
	.information h4 {padding:9px 0; color:#3BB3E8;}
	#content .information li {}
/*Buttons*/
.buttons {float:left; width:400px; clear:both;}
a.button {float:left; margin-right:20px; display:block; padding:0 20px; height:34px; text-align:center; line-height:34px; font-size:14px; font-weight:bold; border-style:solid; border-width:1px; text-decoration:none; background:url(../images/struct/bg-button.gif) repeat-x;}
a.button:hover {color:#fff; text-decoration:none;}
/* Misc */
#city-kingston { display:block; width:95px; height:130px; margin-left:560px;}
#city-kingston b, #city-kingston strong { display:none }
.noflash { margin: 30px 0 0 30px }
.noflash ul li { list-style: none; background: none }
.noflash a { color: #7F94A2 }
.noflash a:hover { color: #7F94A2 !important }
#map_canvas{display: block; float: left; height: 260px; width: 220px; margin:0 10px 60px 0;}