@import url("layout.css");
@import url("mainav.css");

/* PREDEFINED STUFF ///////////////////////////////////////////////////////////////////////// */

* { margin: 0; padding: 0; border: none; }

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	background-color: #FFF;
	color: #4B555C;
}

a { text-decoration: none; color: #1B75BB; outline: none; }
a:hover { text-decoration: none; color: #9E1F63; }

p { margin: 10px 0px; }

div, p { margin-top: 0; } /* Clear top margin for Mozilla */

h1, h2, h3, h4, h5, h6  { font-weight: normal; color: #292B2C; }
h1 { font-size: 48px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }



/* HEADER ELEMENTS ///////////////////////////////////////////////////////////////////////// */

/* Search */

#search-input {
	padding: 6px;
	width: 125px;
	font-style: italic;
	border: 1px solid #000;
	background-color: #333538;
	color: #CCC;
	float:left;
	margin-top:5px;
}

#btn-go {float:left; width: 40px; background: url(../../images/structure/btn-go.png) no-repeat; }

/* Banner part (home page) */

#banner-slogan {
	float: left;
	width: 440px;
}

#banner-home h1 {
	padding-top: 35px;
	font-weight: normal;
	line-height: 1.3em;
}

#banner-imgs {
	float: right;
	padding-top: 24px;
	width: 480px;
}

#banner-imgs h2 {
	float: left;
	margin-bottom: 5px;
	width: 350px;
}

#banner-imgs span a img {
	float: right;
	margin-left: 5px;
}

#event-imgs {
	clear: both;
	margin-bottom: 10px;
	width: 480px;
	height: 107px;
	overflow: hidden;
	position: relative;
}

#event-imgs ul {
	width: 20000em !important;
	position: absolute;
	list-style: none;
}
#event-imgs ul li{float:left; width:auto;}
#event-imgs ul li a{float:left; width:auto;}
#event-imgs a img {
	float: left;
	width:160px;
	height:107px;
	filter: alpha(opacity=90);/* For IE */
	opacity: 0.9; /* CSS3 standard */
}

#event-imgs a:hover img {
	float: left;
	filter: alpha(opacity=100);/* For IE */
	opacity: 1; /* CSS3 standard */
}


/* MAIN CONTENT ELEMENTS ///////////////////////////////////////////////////////////////////////// */

/* Breadcumps */

#breadcumps {
	display: block;
	margin-bottom: 20px;
	height: 20px;
	font-size: 11px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

#breadcumps a {	margin: 0px 5px; }

/* Titles and subtitles */

.title-main {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
}

.title-sub {
	margin: 10px 0px 5px 0px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #66727A;
}

.title-section {
	padding: 10px 0px 5px 0px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

.title-section-link h4 {
	display: inline;
}

#banner-inner h1.title-inner {
	margin-left: 250px;
}

/* Blockquote */

blockquote {
	margin: 10px 0 30px!important; 
	padding: 5px 0px;
	font-size: 13px; 
	font-style: italic;
	line-height: 1.6em;
	background: url(../../images/structure/blockquote-oc.gif) 0 0 no-repeat;
}

blockquote p {
	padding-bottom: 5px; text-indent:32px;
	/* background: url(../../images/structure/blockquote-cc.gif) right bottom no-repeat; */
}

blockquote img {
	float: left;
	margin-right: 10px;
}

blockquote span {
	font-style: normal; padding:0;
	line-height: 1.5em; 
}
blockquote span strong{}

/* Comments */

#comments-list { background: url(../../images/structure/bubble-line.png) 138px 30px no-repeat; }


#comments-list h3, #comment-form {
	margin: 40px 0px 10px 140px;
}

#comments-list .content-narrow {
	padding: 2px 19px 0px 0px;
	width: 120px;
	background: url(../../images/structure/bubble-arrow.png) 123px 0px no-repeat;
	
}

.bubble, .bubble-alt {
	padding: 10px 10px 0px 10px;
	width: 550px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	
}

.bubble { background-color: #FFF; }
.bubble-alt { background-color: #F6F6F6; }

/* Pagination */

#pagination {
	margin-top: 20px;
	padding-top: 20px;
}

#pagination a {
	padding: 9px 11px 7px 11px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background: url(../../images/structure/btnarea-grey.png) center no-repeat;
}

#pagination a.previous {
	border-left: none;
	border-right: 1px solid #DDD;
	background: url(../../images/structure/btnarea-grey.png) top left no-repeat;
}

#pagination a.next {
	border-left: 1px solid #DDD;
	border-right: none;
	background: url(../../images/structure/btnarea-grey.png) top right no-repeat;
}

#pagination strong {
	padding: 9px 11px 7px 11px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background: url(../../images/structure/btnarea-grey.png) center no-repeat;
}

/* SIDE CONTENT ELEMENTS ///////////////////////////////////////////////////////////////////////// */

/* GENERAL (REUSABLE) CONTENT ELEMENTS ///////////////////////////////////////////////////////////////////////// */

.text-pale {
	font-size: 11px;
	color: #868B8F;
}

.img-border {
	padding: 3px;
	border: 1px solid #DDD;
	background-color: #FFF;
}

.link-arrow {
	padding-right: 14px;
	background: url(../../images/structure/arrow-link.gif) right 1px no-repeat;
}

.link-arrow:hover {
	padding-right: 14px;
	background: url(../../images/structure/arrow-link.gif) right -13px no-repeat;
}

.img-float-left {
	float: left;
	margin-right: 10px;
}

.img-float-right { 
	float: right;
	margin-left: 10px;
}

.toggle {
	float: left;
	display: block;
	margin: 4px 5px 0px 0px; 
	width: 12px;
	height: 12px; 
	text-indent: -9999px;
	background: url(../../images/structure/icon-toggle.png) no-repeat 0 0;
}
.toggle_active{
	float: left;
	display: block;
	margin: 4px 5px 0px 0px;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url(../../images/structure/icon-toggle.png) no-repeat 0 bottom;
}
.clearer { clear: both;	height: 0; overflow: hidden; } /* Clear floated divs when needed */
.last-in-row {float:left; padding-right: 0px !important; margin-right: 0px !important; } /* Clear right margin and righg padding when a box is last in the row */

.txt-red { color: #B92626; }

.quote-red {
	margin: 15px 100px 10px 100px;
	color: #941E2C;
}

.quote-green {
	margin: 15px 100px 10px 100px;
	color: #8BC441;
}

.quote-purple {
	margin: 15px 100px 10px 100px;
	color: #9D2064;
}

.quote-orange {
	margin: 15px 100px 10px 100px;
	color: #EE5B28;
	/* background: transparent url(../../images/structure/blockquote-cc.gif) no-repeat scroll bottom */
}

.quote-blue {
	margin: 15px 100px 10px 100px;
	color: #1A7%BB;
}

/* SEPARATE PAGE STYLING ///////////////////////////////////////////////////////////////////////// */

/* Home page */

#content-primary .col-4-home h2 {
	margin: 12px 0px;
}

#extensions {
	display: block;
	background: url(../../images/structure/line-dotted-ver.png) 90px 0px repeat-y;
}

.edn-expo, .edn-touring {
	display: block;
	float: left;
	width: 80px;
	height: 150px;
	text-indent: -9999px;
}

.edn-expo { background: url(../../images/edn-event-expo.png) no-repeat; }
.edn-touring { background: url(../../images/edn-touring.png) no-repeat; }

#extensions a {	margin-right: 20px; }
#extensions a:hover { background-position: bottom; }

.link-in-title {
	float: right;
	display: block;
	margin-top: -20px;
	font-weight: bold;
}

.news-home {
	float:left;
	width:460px;
	padding: 7px 0px 1px 0px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

.info-news { padding: 1px 3px 4px 20px; background: url(../../images/structure/icon-news.gif) no-repeat; }
.info-events { padding: 1px 3px 4px 20px; background: url(../../images/structure/icon-time.gif) no-repeat; }

.news-home h5 {
	display: inline;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

#newsletter-box {
	padding: 10px;
	width: 190px;
	height: 80px; position:relative;
	background: url(../../images/structure/newsletter-box.png) no-repeat;
	/*background:url(../../images/structure/repeat_newsletter.png) repeat-y 0 0;*/
}

#newsletter-box label.error{float:none; position:absolute; top:-25px; left:0; width:400px;}



#newsletter-box h2 { margin: 0px !important; }
#newsletter-box p { margin: 3px 0px; }
#newsletter-box input { margin: 0px; width: 133px; float:left; }

#box-twitter, #box-facebook {
	float: left;
	display: block;
	margin: 10px 10px 0px 0px;
	width: 100px;
	height: 50px;
	text-indent: -9999px;
}

#box-twitter { background: url(../../images/structure/twitter-box.png) no-repeat; }
#box-facebook { background: url(../../images/structure/facebook-box.png) no-repeat; }

/* The team */

#team { margin-top: 20px; }

#team div h3 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
}

#team div span {
	display: block;
	padding-bottom: 7px;
	line-height: 1.5em;
	font-style: italic;
}

/* Our clients */

#clients-list, #clients-list-home {
	margin: 20px 0px;
	border-left: 1px dotted #DDD;
	border-top: 1px dotted #DDD;
	float:left;
	width:auto;
}

#clients-list a, #clients-list-home a {
	display: block;
	float: left;
	width: 113px;
	border-bottom: 1px dotted #DDD;
	border-right: 1px dotted #DDD;
	text-align:center;
}
#clients-list-home {float:left; width:456px;}
#clients-list a { width: 117px; }
#clients-list-home a {float:left; width: 113px; text-align:center; }

#clients-list a img, #clients-list-home a img {
	padding: 10px 0;
}

/* Community involvment */

.com-involvment {
	padding: 5px 0px 5px 0px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

.com-involvment h3 {
	padding: 19px 0px 2px 0px;
	font-weight: bold;
}

.com-involvment p { clear: both; }

/* Individual events */

#events { margin-top: 20px; }

#events div h4 {
	display: inline;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

/* News */

.news {
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

/* Gallery */

#gallery-basis {
	background: url(../../images/structure/banner-bg-gallery.jpg) center -50px repeat-y;
}

#gallery {
	margin: auto;
	padding: 57px 0px 30px 0px;
	width: 960px;
}

#gallery a img {
	float: left;
	filter: alpha(opacity=90);/* For IE */
	opacity: 0.9; /* CSS3 standard */
}

#gallery a:hover img {
	filter: alpha(opacity=100);/* For IE */
	opacity: 1; /* CSS3 standard */
}

/* Search results */

#search-result div {
	padding: 10px 0px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

#search-result div p {
	margin: 2px 0px;
}

#search-result div span a {
	font-size: 11px;
}


/* Frequently asked questions */

.faq {
	margin-bottom: 30px;
	padding-bottom: 1px; list-style:none;		
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}
.faq  ul{list-style:none;}

.faq ul li{
	display: block;
	padding: 10px 0 0;
	background: url(../../images/structure/line-dotted-hor.png) repeat-x;

}

/* HAD TO REMOVE AS CAUSING ISSUES WITH LINKS IN FAQ SECTION ////////////////////////////////////////////////
.faq ul li a {
	width: 12px;
	height: 12px;  padding:0 0 0 20px; color:#000;
	background: url(../../images/structure/icon-toggle.png) no-repeat 0 0;
}
.faq ul li a.selected{
	background: url(../../images/structure/icon-toggle.png) no-repeat 0 bottom;
}
*/

.faq-link {
	background: none;
}

.faq span {
	display: block;
	padding: 10px 0px 0px 0px;
	background: url(../../images/structure/line-dotted-hor.png) repeat-x;
}

/* Error 404 page */

#error-404 {
	margin: 10px 0px 0px 0px;
	padding: 50px 0px 20px 0px;
	background: url(../../images/structure/loop-question.jpg) no-repeat;
}

#error-404 h1 {
	margin-bottom: 20px;
	padding: 30px 0px 12px 110px;
	font-size: 40px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}

#error-404 h1 em {
	font-style: normal;
	color: #737D84;
}

#error-404 input {
	margin: 10px 0px 20px 0px;
	width: 300px; float:left;
}
#error-404 input.button{float:right; width:90px; background: url(../../images/structure/btn-submit.png) no-repeat; cursor:pointer; margin-right:290px}
/* Confirmation pages */

.confirmation h4 {
	margin: 10px 0px;
	padding-bottom: 10px;
	background: url(../../images/structure/line-dotted-hor.png) bottom repeat-x;
}



/* FOOTER ELEMENTS ///////////////////////////////////////////////////////////////////////// */
.footer_bottom{float:left; width:960px; position:relative;}
.footer_bottom label.error{float:none; position:absolute; top:75px; left:0; width:400px;}



.footer-col-4 {
	float: left;
	margin: 25px 40px 0px 0px;
	width: 210px;
	display:inline;
}

.footer-col-2 {
	float: right;
	margin: 25px 0px 0px 0px;
	width: 460px;
	text-align: right;
	font-size: 11px;
	color: #6F7274;
}

#twitter { padding: 5px 105px 5px 28px; background: url(../../images/structure/icon-twitter.gif) no-repeat; }
#facebook { padding: 5px 0px 5px 28px; background: url(../../images/structure/icon-facebook.gif) no-repeat; }

#footer-menu {
	display: block;
	float: right;
	font-size: 11px;
	color: #4D4D4F;
}

#footer-menu a {
	margin: 0px 3px;
	border-bottom: 1px dotted #777;
	color: #CCC;
}

#footer a:hover { color: #8BC53F;  	}

#footer-menu a:hover { border-bottom: none; color: #FFF; }

/* FOOTER EDIT */

#punch-line {
	text-align:center;
	display: block;
	color: #4D4D4F;
	margin-top: -24px;
}

#punch-line a {
	margin: 0px 3px;
	color: #CCC;
}

#punch-line a:hover { border-bottom: none; color: #FFF; }

/* END FOOTER EDIT */

#contact-phone {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	color: #AAA;
}

#contact-phone span { font-size: 26px; }
#contact-phone span em { font-size: 30px; font-style: normal; color: #FFF; }


/* FORM STYLING ///////////////////////////////////////////////////////////////////////// */

label {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	text-transform: uppercase;
}

.error{float:left; width:200px;color:#FF0000;}
.input {
	margin-bottom: 5px;
	padding: 6px;
	border: 1px solid #DDD;
	background-color: #F6F6F6;
	color: #444;
}

.input-dark {
	margin-bottom: 10px;
	padding: 6px;
	font-style: italic;
	border: 1px solid #000;
	background-color: #333538;
	color: #CCC;
}

.input-long-dd { width: 449px; }
.input-long { width: 435px; }
.input-medium { width: 200px; }
.input-short {float:left; width: 110px; margin-top:5px; }

.button {
	margin-top: 5px;
	height: 30px;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
}
.footer-col-4 .button{float:left; width: 80px; background: url(../../images/structure/btn-sign-up.png) no-repeat;}


#btn-find-out-more{float:left; width:140px; background:url(../../images/structure/btn-find-out-more.png) no-repeat 0 0; cursor:pointer;}

#btn-sign-in { width: 90px; background: url(../../images/structure/btn-sign-in.png) no-repeat;}

#btn-submit {float:left; width: 90px; background: url(../../images/structure/btn-submit.png) no-repeat; cursor:pointer; }499

#btn-sign-up{float:left; width: 80px; background: url(../../images/structure/btn-sign-up.png) no-repeat; }
#btn-post-comment { width: 135px; background: url(../../images/structure/btn-post-comment.png) no-repeat; }
#btn-go-alt {float:left; width: 40px !important; background: url(../../images/structure/btn-go-alt.png) no-repeat; }

#messsage_container label.error{ float:left; width:600px;}
.head{color:#4B555C;}
.head:hover	{color:#4B555C;}
#NewsLetter_Message1{color:#66af08; font-weight:bold; padding-bottom:5px;}
#NewsLetter_Message{color:#66af08; font-weight:bold; position: absolute; top:12px; left:0; float:left; width:400px;}
#messsage_container{color:#66af08; font-weight:bold; padding-top:16px;}
.basis_search{float:left; width:700px;}	

/* FORM VALIDATION STYLING ///////////////////////////////////////////////////////////////////////// */

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}