/* Link styles
------------------------------------------------ */

a:link, a:visited {color: #823A81;text-decoration: none;outline: none;} a:hover {color: #000; text-decoration: none;}

a.no-border:link, a.no-border:visited {color: #444444;text-decoration:none;border:none;} a.no-border:hover {color: #000;text-decoration:none;border:none;}

span.link{color: #823A81;font-weight:bold;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:0.9em;cursor: pointer;cursor: hand;}

p.link{color: #823A81;font-weight:bold;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:0.9em;cursor: pointer;cursor: hand;}

/* Body & Wrapper
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center; background-color: #FFF; } 

#all {position: relative; margin: 0px; width: auto; text-align: center;} 

#main {height: auto;width: 1010px; position: relative;margin: 0px auto 0px auto;text-align: left;padding: 0 0 0 0; background-color: #FFF;} 

#content {width: 950px;margin: 0px auto;text-align: left; padding: 24px 0 0 0;}

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

#header { height: 80px;width: auto; margin:0px; padding: 0px; text-align: left;background-color: #FFF;}

.header-wrap
{
    height: 80px;
    width: 950px;
    margin: 0px auto;
    text-align: left; 
}

.header-left
{
    float: left;
    margin: 0px;
    padding:30px 0 0 0;
    width: 288px;
    height: 48px;
}

#header div.header-left img {border:none;}

#header div.header-left h1 span {display:block;position:absolute;left:-20000px;}

.header-right
{
    float: right;
    height: 80px;
    width: 660px;
    margin: 0px 0 0 0;
    text-align: right; 
}

.header-right p { font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;padding:66px 204px 0 0;margin:0px;color: #FFF; }

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

.body-bottom
{
    width: 100%;
    height: 160px;
    padding: 0px ;
    margin: 0px;
    background-color: #DBDBDB;
    background-image:  url(../images/bkgd_footer.gif);
    background-repeat: repeat-x;
    float:left;
}

.footer
{
    margin: 0px auto 0px auto;
    width: 950px;
    height:32px;
    padding-top: 24px;
    text-align: left; 
}

.footer h2 { color:#666;font: normal 1.4em Helvetica,Arial,Verdana,sans-serif; letter-spacing:normal;border-bottom:none;padding:0;margin: 3px 0 0.3em 0;}

.footer-left
{
    float: left;
    padding: 8px 0 0 0;
    margin: 0px;
    width:  518px;
    text-align: left; 
    border-top: 1px solid #B4B4B4;
    font: normal 0.8em Helvetica, Arial, Verdana, sans-serif;
}



.footer-right
{
    float: right;
    width: 410px;
    padding: 8px 0 0 0;
    margin: 0px;
    text-align: right; 
    color:#666;
    font: normal 0.8em Helvetica, Arial, Verdana, sans-serif;
    border-top: 1px solid #B4B4B4;
}

.footer-left a {margin-right:6px;}

.footer-right a:link, .footer-right a:visited, 
.footer-left a:link, .footer-left a:visited{ color: #666;text-decoration: underline; }
.footer-right a:hover, .footer-left a:hover{ color: #000;text-decoration: underline;}
.footer-right a:active, .footer-left a:active{color: #000;text-decoration: underline; }
.footer-right a.active, .footer-left a.active{ color: #000;text-decoration: underline; }


/* Layout
------------------------------------------------ */

.content-float
{
    height: auto;
    float: left;
    width:734px;
    padding: 0px;
    margin: 0px;
    overflow:hidden;
}

.col-1
{
    height: auto;
    float: left;
    width: 518px;
    padding: 0px;
    margin: 0px;
}

.col-2
{
    height: auto;
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px;
}

.col-3
{
    height: auto;
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px;
}

#content-main
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    font: normal 1em Helvetica,Arial,Verdana,sans-serif;
    color: #444;
}

#content-main p 
{ line-height: 1.4em; margin:  .5em 0; padding: 0 6px 6px 0;}

#content-main h3 {font-size: 1.3em; font-weight: normal; color: #666;margin: 1em 0 0.6em 0;line-height: 1em;border-bottom:1px solid #CCC;padding: 0 0 0.6em 0;}

#content-sidebar-rhs
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    font: normal 1em Helvetica,Arial,Verdana,sans-serif;
}

#content-sidebar-lhs
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    font: normal 1em Helvetica,Arial,Verdana,sans-serif;
}


/* Events
------------------------------------------------ */

.event-details  {float:left;height:auto;margin: 0px;padding:0px;
width:450px;}

#content-main .event-details h3 {font-size: 1.2em; font-weight: normal; color: #666;margin: 0 0 0.3em 0;line-height: 1em;padding: 0 0 0.3em 0;border-bottom:none;}

#event-icons {width:450px;float:left;margin:8px 0 0 -1px;}
#event-icons img{float:left;margin-right:5px;margin-bottom:5px;}

#content-main div.event-details #event-icons p{float:left;font: normal 0.9em Helvetica,Arial,Verdana,sans-serif;margin:  .5em 6px 0 2px; padding:10px 0 0 0;}


#event-help {width:450px;float:left;margin:0 0 24px 0;}

#content-main div.event-details #event-help p{float:left;font: normal 0.8em Helvetica,Arial,Verdana,sans-serif;margin:  .5em 6px 0 2px; padding:4px 0 0 0;}


#content-main div.event-details #event-help p img{ margin: 0 2px -3px 0; }

#map {clear:both;width: 450px; height: 260px; border: 1px solid #666;}

/* Panels
------------------------------------------------ */

#panel-quote {float:left; margin: 24px 0 0 0; padding: 0;border-bottom:5px solid #CCC;border-top:5px solid #CCC;}

#event-partners 
{
float:left;
height:auto;
margin:50px auto 0px auto;
padding:0px;
width:950px;
}

#event-partner-logos
{
float:left;
height:110px;
margin:6px auto 0px auto;
padding:8px 0 0 0;
width:950px;
border-top:1px solid #CECECE;
}


#event-partner-logos img {margin-right:56px;border:none;}
#event-partner-logos a:link, #event-partner-logos a:visited {border:none;}

p.tiny{color:#CECECE;font: normal 0.8em Helvetica,Arial,Verdana,sans-serif;padding-bottom:16px;text-align:center;}

#panel-events, #panel-programme, #panel-search { margin: 0px; padding: 0 0 16px 0;}

#panel-search div { margin: 0px;padding: 2px 8px 0 8px;}

#panel-programme h3 {font-size: 1.5em; font-weight: normal; color: #666;margin: 3px 0 0.6em 0;line-height: 1em;border-bottom:5px solid #CCC;padding: 0 0 0.4em 0;}

#panel-programme img {float:left;margin: 0 0 0 8px;}

#panel-programme p { width:125px;float:right;margin: 0px;padding: 0 8px 0 8px;font: normal 0.9em Helvetica,Arial,Verdana,sans-serif;line-height:1.3em;}

#panel-programme p.programme-link { margin: 8px 0 0 0; font: bold 0.9em Helvetica,Arial,Verdana,sans-serif;}

#panel-events p { margin: 0px;padding: 0 8px 0 8px;font: normal 0.9em Helvetica,Arial,Verdana,sans-serif;line-height:1.3em;}

#panel-events div.event-listing{ margin: 10px 0 8px 0; padding: 8px 8px 0 8px; border-top:1px solid #CCC;}

#panel-events div.event-listing span
{font-family:Helvetica,Arial,Verdana,sans-serif;font-size: 0.9em; font-weight: bold; color: #000;}

#panel-events div.event-listing h4
{font-size: 1em; line-height:1.1em;font-weight: normal; color: #999;}

#panel-events p.events-link { margin: 0px;padding: 8px 8px 0 8px;font: bold 0.9em Helvetica,Arial,Verdana,sans-serif;}

#content-main div.event-listing{margin:0;padding:  12px 8px 0 8px;  clear:both;}

#content-main div.event-listing div.event-title{ margin: 0 0 8px 0; padding:0px; float:right;width:450px;}

#content-main div.event-listing div.event-title span
{font-family:Helvetica,Arial,Verdana,sans-serif;font-size: 0.9em; font-weight: bold; color: #000;}

#content-main div.event-title h4
{font-size: 1.4em; line-height:1.1em;font-weight: normal; color: #999;}

#content-main div.event-listing div.event-listing-icon {float: left; width: 44px; height: 44px; overflow: hidden;}

#content-main table tr td {padding:0 0 4px 0;}

/* Navigation & Lists
------------------------------------------------ */
#topnav ul
{
    width: 660px;
    height: 1.4em;
    padding:6px 0 18px 0;
    margin: 0px;
    display: block;
    font: 0.9em Helvetica,Arial,Verdana,sans-serif;
}

#topnav ul li
{
    width: auto;
    height: 1em;
    list-style-type: none;
    padding: 0 0 0 6px;
    margin: 0 0 0 6px;
    display: block;
    float: right;
    text-align: right;
}

#topnav ul li a span{text-decoration:underline;}

#topnav ul li a:link, #topnav ul li a:visited
{
    color: #666;
    text-decoration: none;
    display: block;
    width: auto;
    height: auto;
    margin: 0 ;
    padding: 0;
}

#topnav ul li a:hover {color: #000;}
#topnav ul li a.active {color: #000;}
#topnav ul li a:active {color: #000;}

#nav
{
    width: 660px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    text-align: right;
}

#navlist
{
    margin: 0px;
    padding: 0px;
}

#navlist ul
{
    margin: 0px;
    padding: 0px;
     float: right;
     list-style-type: none;
}

#navlist li
{
    margin: 0px;
    padding: 0px;
     display: block;
     float: right;
     list-style-type: none;
}

#navlist a
{
     padding: 6px 0px 7px 24px;
      margin: 0px;
     text-decoration: none;
     border:none;
     outline: none;
     display: block;
     font: normal 1.7em  Helvetica,Arial,Verdana,sans-serif;
}

#navlist a:link,#navlist a:visited {color: #505551; text-decoration:none;}
#navlist li a:hover {color:#823A81; text-decoration:none;}
#navlist a:active {color: #823A81;text-decoration:none;}
#navlist li a.active  {color: #823A81; text-decoration:none;}

span.line{text-decoration:underline;}


.sitemaplist
{ 	
    width: auto;
    height: auto;
    padding: 2px 0px 6px 10px; 
    margin: 0px 0px 0px 0px;
}

.sitemaplist ul
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.sitemaplist li
{
     height: auto;
     margin: 0px  0px  0px  0px;
     padding: 0px  0px  8px  0px;
     list-style-type: none;
}
.sitemaplist a
{
     padding: 0px;
     width: auto;
     text-decoration: none;
     outline: none;
}

#sitemap{padding:0.6em 0 0 0;}

#sitemap div.sitemap-left {width:250px;float:left;padding-right:12px;}

#sitemap div.sitemap-right {width:250px;float:left;}

#sitemap div.sitemap-left h3,#sitemap div.sitemap-right h3, #sitemap h3 {border-bottom:none;margin:3px 0 0.3em 0;
padding:0 0 0.2em 0;font-size: 1.3em; }



/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
     line-height: 1em;
     padding: 0;
     margin: 0 0 0.3em 0;
     font-family: Helvetica,Arial,Verdana,sans-serif;
}

h1 { font-size: 1.1em; font-weight: normal; color: #999;}
h2 { font-size: 1.5em; font-weight: normal; color: #161616;margin: 3px 0 0.6em 0;line-height: 1em;border-bottom:8px solid #823A81;padding: 0 0 0.4em 0;}
h2.home { font-size: 1.8em; font-weight: normal; color: #161616;margin: 3px 0 0.3em 0;line-height: 1em;padding: 0 0 0.3em 0;border-bottom:none;}
h3 { font-size: 1.5em; font-weight: normal; color: #666;margin: 3px 0 0.6em 0;line-height: 1em;border-bottom:8px solid #CCC;padding: 0 0 0.4em 0;}
h4 { font-size: 1.4em; font-weight: normal; color: #999; }
h5 { font-size: 1.2em; font-weight: normal; color: #999; }
h6 { font-size: 1.1em; font-weight: normal; color: #999; }

hr {  border: 0;width: 100%;color: #C8C8C8;border-bottom: 1px solid #C8C8C8;height: 1px;margin-top:6px;margin-bottom:6px;}

hr.keyline {  border: 0;width: 100%;color: #C8C8C8;border-bottom: 1px solid #C8C8C8;height: 1px;margin-top:0px;margin-bottom:12px;}

blockquote
{
    width: 280px;
    height: auto;
    float: right;
    position: relative;
    left: 12px;
    margin: 0px 8px 6px 0px;
    padding: 0 0 0 18px;
    line-height:1.8em;
    font: normal 1.5em Helvetica,Arial,Verdana,sans-serif;
    color: #8B0776;
    border-left: 2px solid #CCCCCC;
}

p { line-height: 1.4em; margin:  .5em 0; padding-bottom: 6px;}
p.small { font-size: 0.9em;line-height: 1.4em; margin:  .5em 0; padding-bottom: 6px;}
ol { margin: 0em; padding-bottom: 6px;}
ul {margin: 0em;padding-bottom: 6px;}
li {margin-left: 0em; font-size: 0.9em; line-height: 1.2em; padding-bottom: 6px;}

/* Apply Left Margin:
---------------------------------------------------------------- */
li, dd {margin-left: 0.4em}

/* Neutralize styling
---------------------------------------------------------------- */
html, body, form, fieldset {margin: 0;padding: 0;font: normal 100.01%/1.4em Helvetica,Arial,Verdana,sans-serif;}

html { font-size: 70%; } /* 1em = 10px */
html { font-size: 80%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, td {font-size: 90%;}
html[xmlns] pre { font-size: 1.3em;}
.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */

form textarea,  form input {font-family: Helvetica,Arial,Verdana,sans-serif;width: auto; margin-left: 0px; font-size: 1em;}

.form-row-contact {margin: 0 0 8px 0;}
.form-row-contact input, .form-row-contact select {margin: 4px 0 0 0;}
.form-row-contact label {font-size:90%;}

label.address2{display:none;}
label.zemRequirederrorElement,label.zemRequired{font-weight:bold;}

.zemError { font: normal 100% Helvetica,Arial,Verdana,sans-serif; padding-left: 0px; margin-top: 7px;width: auto; color: #FF0000;}

.zemError li { padding-left: 0px; list-style: none;margin-bottom: 3px; margin-left: 0px;margin-top: 3px;padding-top: 3px;padding-top: 3px;color: #FF0000;padding-left: 21px;    background-image:  url(../images/error.png);
    background-repeat: no-repeat; 
    background-position:0px 1px;}

/* Images / Graphics
------------------------------------------------ */
.image-right { float: right;position: relative; margin: 0px 0 6px 8px; border:none;}
.image-left {float: left; position: relative;margin: 0px 12px 6px 0; border:none;}
img{border: none;}

.event-image{width:62px;height:62px;float:right;margin:0 6px 4px 6px;}

#banner { height: 200px;width: 950px; margin:0px auto; padding: 0px; text-align: left;}

#panel-buttons img { margin:0 0 8px 0;}

/* Dateblock
------------------------------------------------ */

.dateblock {text-align: center; width: 52px;height:50px;font-family: Arial;background-image:url(../images/calendar-background-64x64.png);background-repeat:no-repeat;position: relative;float:left;margin:2px 12px 2px 0;
padding:8px 0 8px 2px;text-align:center;}

.dateblock-day {color:#444;font-size: 2em;margin-top:0.3em;position:relative;line-height:1em;font-weight:bold;}

.dateblock-month{ color:#FFF;font-size: 1em;text-transform:uppercase;position:relative;line-height:1em;}

/* Pagination
------------------------------------------------ */

div.pagination{width: 518px;margin-top:36px;font: normal 90% Helvetica,Arial,Verdana,sans-serif;line-height:1.1em;}
.pagination ul{margin: 0;padding: 0;text-align: left;height:20px;}
.pagination li{list-style-type: none;display: block;float: left;padding-bottom: 1px;margin-right:0px;}
.pagination li.paginationCurrent {color:#000; background-color:#F8F8F8;display: block;float: left;}
.pagination li.paginationEmpty {background-color: #F8F8F8;padding: 6px 8px 3px 8px;display: block;float: left;}
.pagination a:link, .pagination a:visited{text-decoration: none; color: #000;background-color: #e2e2e2;padding: 6px 8px 3px 8px;border:none;display: block;}
.pagination a:hover, .pagination a:active{color: #fff;background-color: #823A81;border:none;}
.pagination a.prevnext{font-weight: bold;border:none;}

/* Social Bookmarks
------------------------------------------------ */
#content-main #socialbookmarks h3 {font-size: 1.2em; font-weight: normal; color: #666;margin: 30px 0 0.6em 0;line-height: 1em;border-bottom:1px solid #CCC;padding: 0 0 0.6em 0;}
div.sharesb {margin:18px 0 24px 0px;padding:0;}
.sharesb ul{text-align:left;list-style:none;margin:12px 0 0px 0px;padding:0;color:#666;font-size:90%;}
.sharesb ul li{text-align:center;display:inline;padding:0 12px 6px 0 ;}
.sharesb ul li.delicious {background:url("../images/bookmark_delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg {background:url("../images/bookmark_digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{background:url("../images/bookmark_reddit.gif") no-repeat 0 0;}
.sharesb ul li.facebook{background:url("../images/bookmark_facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("../images/bookmark_stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a:link, .sharesb ul li a:visited  {color:#666;padding:0 0 0 20px;margin:0 6px 0 0px;border:none;}
.sharesb ul li a:hover {color:#000;}