@import url(../_css/tripoli.base.css);
/*= COLOURS
	pink: #e50067
	green: #bfdee2
	purple: #d2d1e0
	grey: #666
	black: #121212
*/

#\_blocks {padding: 10px;}
.vx_block {margin-bottom:10px;}
#\_blocks .vx_block { margin:10px 0 10px 0 !important;padding:0 !important;}

a.deleteBlock {display:block;clear:both;width:140px;}
	a.deleteBlock small	{text-decoration:underline;}

html, body { height: 100%; font-family: Arial, sans-serif; background: #fff; color: #666; }
.content a { color: #e50067; }
a.external { background: url(../_images/external.gif) right center no-repeat;padding-right:13px;}
u {text-decoration:underline;}
strike {text-decoration:line-through;}
p[align=left] {text-align:left;}
p[align=center] {text-align:center;}
p[align=right] {text-align:right;}
.content hr	{width:auto;}


#wrapper { width: 758px; margin: 0 auto; }
	#header { height: 11.6em; padding-top: 1em; }
		#header .strapline { float: left; width: 50%; padding-top: 1em; }
			#header .strapline h1 { color: #121212; font-weight: 400; }
			#header .strapline p { color: #e50067; font-weight: 700; }
		#header .logo { float: right; width: 50%; text-align: right; }
	
	#content { border-top: 2px solid #ccc; }
		#content .column { float: left; margin-right: 2px; }
		#content div.last { margin-right: 0 !important; }
		#content #main { width: 604px; }
			#content .column.left { width: 152px; }
				#content .column.left .border { border: 2px solid #e50067; border-top: 0; padding: 0.6em 1.2em; }
				#content .column.left .main_menu {}
					#content .column.left .main_menu ul, #content .column.left .main_menu li { list-style: none; margin: 0; padding: 0; text-indent: 0; }
						#content .column.left .main_menu ul li { margin-top: 1px; }
							#content .column.left .main_menu ul li.first { margin-top: 0; }
					#content .column.left .main_menu a { display: block; font-weight: 700; color: #fff; text-decoration: none; background: #e50067; padding: 0.5em 1em; }
						#content .column.left .main_menu a:hover, #content .column.left .main_menu a.selected { background: #121212; }
				#content .column.left .accessibility { padding: 2em 0; font-size: 1.1em; }
					#content .column.left .accessibility ol { list-style: none; margin: 0; padding: 0; text-indent: 0; }
					#content .column.left .accessibility li { list-style: none; margin: 0; text-indent: 0;padding: 0.5em 0 0 27px; height: 25px; line-height: 1em; }
						#content .column.left .accessibility li.email_a_friend { background: url(../_images/email_icon.gif) 0 50% no-repeat; }
						#content .column.left .accessibility li.print_friendly { background: url(../_images/print_icon.gif) 0 50% no-repeat; }
						#content .column.left .accessibility li a { text-decoration: none; }				
					#content .column.left .address { color: #121212; }
						#content .column.left .address em { color: #e50067; font-style: normal; }

		
		
			#content .banner .column { width: 200px; margin-bottom:0; }
			#content .banner .column.last { margin-right: 0; }
			#content .column.main { width: 378px; padding: 0 12px; }
				#content .column h1, #content .column h2, #content .column h3, #content .column h4, #content .column h5 { padding: 0; margin-top: 0; }
			#content h1, #content h2, #content h3 { color: #e50067; }
			#content .column.main, #content .column.right { margin-top: 6px; }
			
			#content table	{ width: 100%; text-align:left; border-top: 1px solid #cccccc;border-right: 1px solid #cccccc;}
			#content table td	{ border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;padding: 0.25em 0.5em 0.25em 0.5em;}
			#content table th	{ border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;padding: 0.25em 0.5em 0.25em 0.5em; font-weight:normal !important;background-color:#fbd6e7;}
			#content table td tr	{ vertical-align:top; }
		    #content .form table, #content .form table td, #content .form table tr, #content .form table th	{border:none;}


		
			#content .column.right { width: 200px; }
				#main .side_box, #\_blocks .side_box { border: 2px solid #ccc; margin-bottom: 10px; color: #121212;padding:0;clear:both;}
					#main .side_box h1, #\_blocks .side_box h1 { margin: 0; font-size: 1.4em; padding: 0.5em; }
					#main .side_box h2, #\_blocks .side_box h2 { margin: 0; font-size: 1.3em; padding: 0.5em; }
					#main .side_box h3, #\_blocks .side_box h3 { margin: 0; font-size: 1.2em; padding: 0.5em; }
					#main .side_box h4, #\_blocks .side_box h4 { margin: 0; font-size: 1.1em; padding: 0.5em; }
					#main .side_box h5, #\_blocks .side_box h5 { margin: 0; font-size: 1em; padding: 0.5em; }
					#main .side_box h6, #\_blocks .side_box h6 { margin: 0; font-size: 0.9em; padding: 0.5em; }
					#main .side_box p, #\_blocks .side_box p { padding: 0 0.6em; }
					#main .side_box dl, #\_blocks .side_box dl { padding: 0 0.6em; }
					#main .side_box table, #\_blocks .side_box table { padding: 0 0.6em; }
				#main .side_box.green, #\_blocks .side_box.green { border-color: #bfdee2; }
				#main .side_box.purple, #\_blocks .side_box.purple { border-color: #d2d1e0; }
					#main .side_box.green .title, #\_blocks .side_box.green .title { background: #bfdee2; }
					#main .side_box.purple .title, #\_blocks .side_box.purple .title { background: #d2d1e0; }
				#main .side_box .text, #\_blocks .side_box .text { margin-top: 1em; }
				#main .column.right .advertisement1 .image img	{ width: 200px; height:37px; }
				#main .column.right .image1 img	{ width: 200px; height:124px; }
				#main .column.right .image2 img	{ width: 200px; height:159px; }
				#main .column.right div.gallery .text { width: 200px; padding-left:0; margin-left:0px;  }
				#main .column.right div.gallery .text p { padding-left:0; margin-left:0px;  }

			
			#main .advertisement, #\_blocks .advertisement { text-align: center; }	
					
			#main .news_item, #\_blocks .news_item  {border-top: 1px dotted #ccc; padding-top: 10px;float:left;width:100%;clear:both;}
				#main .news_item .image, #\_blocks .news_item .image {float:left;width:auto;height:auto;margin: 0 1em 0.5em 0;border: 1px solid #ddd;}			
					#main .news_item .image img, #\_blocks .news_item .image img { display: block;width:141px;height:105px;}
				#main .news_item .text, #\_blocks .news_item .text {padding: 0 5px;}
					#main .news_item h5, #\_blocks .news_item .text h5 { color: #e50067; }
					#main .news_item h5, #\_blocks .news_item .text p {padding:0;}
				#main .news_item a, #\_blocks .news_item a { color: #e50067; }
				#main .news_item.right .image, #\_blocks .news_item.right .image {float:right;margin: 0 0 0.5em 1em;}
			#main .column.right .news_item .text	{clear:both;}
			#main .column.right .news_item .image	{float:left;margin:0 0 10px 0;}	
			
			#main .text_item, #\_blocks .text_item {width:100%;clear:both;}			
				
				
			#main .gallery, #\_blocks .gallery {border-top: 1px dotted #ccc; float:left; width:100%;}
				#content #main .gallery .image, #\_blocks .gallery .image {float:left; width:141px; height:105px; margin:10px 3px 0 0;}
				#content #main .gallery .image.last, #\_blocks .gallery .image.last {margin-right:0px;}
					#content #main .gallery .image img, #\_blocks .gallery .image img {display:block;}
									
			#main .banner	{margin-bottom:0px;}
			
		#main .contact_form, #\_blocks .contact_form { background: #f7f7f7; padding: 2em; }
			#main .contact_form fieldset, #\_blocks .contact_form fieldset { border: none; line-height: 1.6em; font-size: 1.2em; padding:0;}
				#main .contact_form legend, #\_blocks .contact_form legend { font-size: 1.2em; color: #e50067; padding: 0; margin: 0 0 1em; text-indent: 0; }
				#main .contact_form label, #\_blocks .contact_form label { }
				#main .contact_form table, #\_blocks .contact_form table {width:100%;}
				#main .contact_form td, #\_blocks .contact_form td	{padding:0 0 10px 0; vertical-align:top;}
				#main .contact_form td.checkbox, #\_blocks .contact_form td.checkbox	{padding: 2px 10px 0 0; vertical-align:top;}
				#main .contact_form tr input, #\_blocks .contact_form tr input {position:relative; top:0;}
				
				#main .contact_form p, #\_blocks .contact_form p { margin-bottom: 0.8em; clear:both; }
					#main .contact_form input, #content .contact_form textarea, #\_blocks .contact_form input, #\_blocks .contact_form textarea { width: 75%; max-width: 300px; border: 1px solid #ccc; margin: 1px; padding: 0.5em; }
						#main .contact_form input.checkbox, #\_blocks .contact_form input.checkbox {width:5%; float:left; position:relative;top:3px;border:none;}
						#main .contact_form label, #\_blocks .contact_form label {width:90%; margin-bottom:0.8em; float:left;}
					#main .contact_form input:focus, #content .contact_form textarea:focus { border: 2px solid #999; margin: 0; }
					#main .contact_form input.submit, #\_blocks .contact_form input.submit { width: auto !important; border-width: 2px; margin: 0; clear:both; }
				
				#main .site_thumb {float:left;width:30%;padding-right:10px;}
					#main .site_thumb h2 {font-size:1.2em;}
						#main .site_thumb h2 a {}
					#main .site_thumb a {}	
						#main .site_thumb a img {width:100%;height:100%;}
				
				#main .image, #\_blocks .image {width:auto;height:auto;clear:both;}
					#main .image img, #\_blocks .image img {width:100%;height:auto;}
				#main .box, #\_blocks .box {max-width:200px;}
				#main .banner, #\_blocks .banner {max-width:604px;clear:both;}
					#main .column.main .banner {margin-bottom:10px;}
					#main .column.right .banner {margin-bottom:10px;}
				#main .gallery {}
					#main .gallery .image {clear:none;}
				#main .square, #\_blocks .square {max-width:200px;}
				#main .advertisement1, #\_blocks .advertisement1 {max-width:392px;}
				#main .advertisement2, #\_blocks .advertisement2 {max-width:120px;}
				#main .advertisement3, #\_blocks .advertisement3 {max-width:125px;}
				#main .advertisement4, #\_blocks .advertisement4 {max-width:580px;}
				#main .advertisement5, #\_blocks .advertisement5 {max-width:378px;}
				#main .sponsorships {clear:both;}					
					#main .sponsorships .image {max-width:64px;max-height:64px;float:left;margin-right:10px;}
						#main .sponsorships .image img {}
						
						#\_blocks .sponsorships {}
							#\_blocks .sponsorships p {}
							#\_blocks .sponsorships .image {height:64px;width:64px;float:left;margin-right:10px;}
								#\_blocks .sponsorships .image img {display:block;}
							
							
	
	#footer { margin: 1em 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; position: relative; padding-top: 1em; }
		#footer .left { position: absolute; top: 1em; left: 0; width: 75%; color: #121212; font-weight: 700; }
			#footer .left a { text-decoration: none; }
		#footer .right { text-align: right; font-size: 1.1em; color: #666; }
		#footer .center	{ text-align: center; }
		
	
	body.wide {}
		body.wide #content .column.main { width: 580px; }
	body.home	{}
		body.home #main .advertisement1 img { width: 378px; height:69px; }
		body.home #main .image1 img	{ width: 378px; height:233px; }
		body.home #main .image2 img	{ width: 378px; height:300px; } 
		body.home #main .gallery .text	{float:left; width:auto;}
		
	body.email-a-friend	{background:#F7F7F7 none repeat scroll 0 0; width:400px; height:100%;}
		body.email-a-friend	#wrapper {width:auto; height: 100%; margin:0; font-size:90%;}
			body.email-a-friend #wrapper #content {border:none;}
				body.email-a-friend #wrapper #content #main {width:auto;}
				body.email-a-friend #wrapper #content #main .controls {clear:both;}
			body.email-a-friend .content caption, .content form div	{margin:20px 0 0 0;}
			body.email-a-friend #main .contact_form p {margin-bottom:0;}
			body.email-a-friend .content fieldset {margin:0.5em 0 0 0; padding:0;}
			body.email-a-friend .highlight {color:red;}
			body.email-a-friend h1	{font-size:1.5em;}
			body.email-a-friend p	{font-size:1em;}
			body.email-a-friend #main .contact_form	{height:100%;}
			
		
.skip_to_content { display: none; }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../_images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_images/overlay.png", sizingMethod="scale");
	}
body.mceContentBody body {font-size:67.5%;}
body.mceContentBody h1 {color: #e50067; }
body.mceContentBody h5 {color: #e50067; }
body.mceContentBody p { color: #121212; }
body.mceContentBody em { font-style:italic;}
body.mceContentBody a {color:#e50067 !important;}
body.mceContentBody a:hover {color:#e50067; text-decoration:underline !important;}
body.mceContentBody strong	{font-weight:bold !important;}