﻿body {background-color:#0661B0; font-family:Arial, Sans-Serif; font-size:12px; margin-top:0px;}
a {cursor:hand; text-decoration:underline;}
body.default {font-size:12px;}
body.medium {font-size:14px;}
body.large {font-size:16px;}
p {margin-top:0.5em; margin-bottom:1em;}
.outerwrapper {width:1160px; margin-left:auto; margin-right:auto;}
.wrapper{width:990px; float:left;}
.toplinks {width:990px; background: url(../Images/background-topnav.png) repeat-y; margin-bottom:2px; color:#ffffff; text-align:right; padding-top:3px; padding-bottom:3px;}
.toplinks a {color:#ffffff; text-decoration:none;}
.toplinks a:hover {text-decoration:underline;}
.shoppingcart {background:url(../Images/background-shoppingcart.png) no-repeat; padding-left:23px;}
.header{width:990px; height:155px; background:#273897 url(../Images/background-header.jpg) no-repeat;}
.searchbox{width:180px; height:89px; padding:10px; background: url(../Images/background-search.png) no-repeat; float:right; margin-top:10px; margin-right:10px;}
.searchbox input.searchstring{width:175px; margin-top:6px;}
.searchbox input.button {margin-right:6px; margin-top:5px;}
.searchbox a {font-weight:bold;}
.login{width:220px; height:135px;  padding:10px; float:right; margin-top:0px; margin-right:10px; color:#000000; border-left:1px dotted #ffffff; font-size:12px;}
.login a{color:#000000; font-weight:bold;}
.login label.short{width:65px; display:inline-block; font-size:11px;}
.login input.check {margin-right:4px; margin-top:5px;}
.login input.email {width:145px; margin-top:5px; height:16px;}
.login input.password {width:80px; height:16px; margin-top:5px;}
.login input.loginbutton {margin-left:3px;}
.logon div.font-sizes {float:right;}
.sponsor_logos {float:right; margin-right:10px; margin-top:15px; line-height: 10px;}
.sponsor_logos img {border:0px;}
.button{background: url(../Images/background-button.gif); width:62px; height:19px; border:0px; font-size:11px; font-weight:bold; text-align:center;}
.navigation{width:990px; margin-top:2px; height:26px; background-color: #F57E22; color:#ffffff; font-size:11px;}
.navigation * {vertical-align:middle;}
.navigation ul {list-style-image:none; margin-top:0px; list-style-type:none; margin-bottom:auto; padding-left:0px; margin-left:0px; }
.navigation ul li {float:left; padding-left:4px; padding-top:3px; height:23px; padding-right:4px; border-right:1px solid #000000;POSITION: relative }
.navigation ul li a {color:#ffffff; font-weight:bold; font-size:1em; text-decoration:none;}
.navigation ul li a:hover{text-decoration:underline;}


.navigation ul li:hover UL LI {border-right:0px #000000;padding-left:5px;}
.navigation TABLE {
	FONT-SIZE: 12px; LEFT: 0px; MARGIN: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse
}
.navigation UL LI:hover {
	WIDTH: auto
}

.navigation UL LI UL {
	DISPLAY: none; Z-INDEX: 1001; MARGIN-LEFT: 0px
}
.navigation UL LI:hover UL {
	MARGIN-TOP: 0px; DISPLAY: block; BACKGROUND: #fff; LEFT: 0px; WIDTH: 182px; POSITION: absolute; TOP: 23px;padding-bottom:3px;
}
.navigation UL LI:hover UL.scroller {
	OVERFLOW: auto; WIDTH: 202px; HEIGHT: 138px
}
.navigation UL LI:hover UL.endstop {
	LEFT: -90px
}
.navigation UL LI:hover UL LI UL {
	DISPLAY: none
}
.navigation UL LI:hover UL LI A {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: #174CA0; PADDING-BOTTOM: 4px; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: 15px; PADDING-TOP: 4px; HEIGHT: auto
}
.navigation UL LI:hover UL LI A.drop {
	BACKGROUND: #91BEE7; COLOR: #ffffff
}
.navigation UL LI:hover UL LI A:hover {
	BACKGROUND: #91BEE7; COLOR: #ffffff
}
.navigation UL LI:hover UL LI A.drop:hover {
	BACKGROUND: #91BEE7; COLOR: #ffffff
}
.navigation UL LI:hover UL LI:hover UL {
	DISPLAY: block; BACKGROUND: #888; LEFT: 202px; OVERFLOW: auto; WIDTH: 182px; COLOR: #000; POSITION: absolute; TOP: -70px; HEIGHT: 138px
}
.navigation UL LI:hover UL LI:hover UL LI A {
	BACKGROUND: #ffffff; COLOR: #000000
}
.navigation UL LI:hover UL LI:hover UL LI.group {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 182px; PADDING-TOP: 5px
}
.navigation UL LI:hover UL LI:hover UL.left {
	LEFT: -222px
}
.navigation UL LI:hover UL LI:hover UL LI A:hover {
	BACKGROUND: #91BEE7; COLOR: #fff
}
.navigation UL LI A:hover UL {
	MARGIN-TOP: 0px; DISPLAY: block; BACKGROUND: #ffffff; LEFT: 0px; POSITION: absolute; TOP: 22px
}
.navigation UL LI A:hover UL.scroller {
	OVERFLOW: auto; HEIGHT: 138px
}
.navigation UL LI A:hover UL.endstop {
	LEFT: -90px
}
.navigation UL LI A:hover UL LI A {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; WIDTH: 150px; COLOR: #000000; LINE-HEIGHT: 15px; PADDING-TOP: 4px; HEIGHT: 1px
}
.navigation UL LI A:hover UL LI A.drop {
	BACKGROUND: #91BEE7; PADDING-BOTTOM: 5px
}
.navigation UL LI A:hover UL LI A UL {
	VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px
}
.navigation UL LI A:hover UL LI A:hover {
	BACKGROUND: #91BEE7; COLOR: #ffffff
}
.navigation UL LI A:hover UL LI A.drop:hover {
	BACKGROUND: #888; COLOR: #ff0
}
.navigation UL LI A:hover UL LI A:hover UL {
	BACKGROUND: #888; LEFT: 202px; VISIBILITY: visible; OVERFLOW: auto; WIDTH: 180px; COLOR: #000; POSITION: absolute; TOP: -70px; HEIGHT: 138px
}
.navigation UL LI A:hover UL LI A:hover UL.left {
	LEFT: -170px
}

.navigation UL LI A:hover {
	 BACKGROUND: #91BEE7;COLOR: #ff0
}



.breadcrumb {width:960px; padding-left:30px; color:#ffffff; background:url(../Images/background-breadcrumb.png) no-repeat 15px 12px; padding-top:8px; padding-bottom:5px;}
.breadcrumb a {color:#F57E22; text-decoration:none;}
.breadcrumb a:hover  {text-decoration:underline;}
.breadcrumb * {vertical-align:middle;}
.mainwrapper { width:612px; padding-left:12px; padding-right:12px; float:left;}
.mainwrapperinner {width:562px; min-height:765px; padding:25px; background:#ffffff url(../Images/background-content.png) no-repeat top;}
.menuwrapper{width:336px; float:right; margin-right:12px;}
.content {width:562px;}
.top {}
.bottom { margin-bottom:15px;}


.menuitem1, .menuitem4 {width:286px; background:#ffffff url(../Images/bg_noticeboard_top_nc.jpg) no-repeat top; margin-bottom:15px; padding:25px; }
.menuitem2 {width:286px; background:#ffffff url(../Images/bg_noticeboard_top_gevents.jpg) no-repeat top; margin-bottom:15px; padding:25px; }
.menuitem3 {width:286px; background:#ffffff url(../Images/bg_noticeboard_top_ph.jpg) no-repeat top; margin-bottom:15px; padding:25px; }
.menuitem2, .menuitem1 {margin-bottom:0px; padding-bottom:10px;}
.menuitem3 {background:#ffffff;}
.menuitem4 {background:url(../Images/bg_noticeboard_top.jpg) no-repeat top; padding:0px; padding-top:80px; width:336px;}
/**.menuitem4 {background:#ffff99 url(../Images/background-sidepanel-TalkingPoints.png) no-repeat top; padding-top:60px;}**/
.menuwrapper ul {margin-left:0px; padding-left:15px; list-style-type:square;}

.noticeboard {background:url(../Images/bg_noticeboard_bottom.jpg) no-repeat bottom; padding-left:25px; padding-right:25px; padding-bottom:30px; min-height:100px;}
.testimonial {background: #ecf8d2 url(../Images/bg_noticeboard_top_nc.jpg) no-repeat top; min-height:60px; padding-bottom:8px;}
.newsletter {padding-bottom:15px;}
.menuitembottom, .testimonialbottom {width:336px; height:13px; background: url(../Images/bg_noticeboard_bottom_nc.jpg) no-repeat; margin-bottom:15px; margin-top:-12px;}
.testimonialbottom {background: #ecf8d2 url(../Images/bg_noticeboard_bottom_nc.jpg) no-repeat bottom;}
.testimonial p {background:url(../Images/background-testimonial.gif) no-repeat right bottom; }

p.eventphotos {text-align:center; width:286px; display:block;}
p.eventphotos img {margin:10px; border:2px solid #cccccc;}




.footer{width:990px; text-align:center; color:#ffffff; padding-top:30px; display:block; clear:both;}
.footer p{padding-top:0px; padding-bottom:0px; margin-bottom:0px;}
.footer img.logo {margin-top:20px;}
.footer a{text-decoration:none; color:#ffffff;}
.footer a:hover{text-decoration:underline;}

img.frontcover{float:left; margin-right:20px;}
a.boldlink {font-size:0.9em; font-weight:bold; text-decoration:none; color:#426d37;}
a.boldlink:hover {text-decoration:underline;}
h1 {color:#273897; font-size:1.7em; margin:0px; padding:0px;}
h1 a{text-decoration:none; color:#273897;}
h1 a:hover{text-decoration:underline;}
h2 {font-size:1.3em;}
.highlighted { color:#000000;border-left:4px solid #263997; margin-bottom:10px;}
.highlighted p, .highlighted2 p {margin-top:5px; }
.highlighted2 {color:#000000;border-left:4px solid #679b5a; margin-bottom:10px;}
.bulleted {border-left:2px solid #663399; padding-left:6px;}
.quote {width:200px; float:left; border-right:2px dashed #c161c2; font-weight:500; padding-right:6px; margin-right:10px; background: #ffffff url(../Images/background-quote.png) no-repeat top 15px; color:#333333; font-style:italic; }
.citation {padding:5px 10px 5px 10px; font-style:italic;}
.membersearch {padding:15px;}
.membersearch .button{}
.memberinfolabels {width:90px; vertical-align:top; font-weight:bold;}
.memberinfo {vertical-align:top; width:120px;}
.membercomment {width:210px; vertical-align:top;}
.memberphoto {width:97px; text-align:right;}
.memberphoto img {width:127px; height:145px; border:1px solid #000000;}
.membersearchtable {border:0px;}
.member{ margin-top:12px; width:560px; font-size:0.9em; background:#ffffff; border:2px solid #ede9ed;}
.paging {width:100%; text-align:center; margin-top:10px;}
h1.section {color:#000000; /*background: url(../Images/background-section-purple.png) no-repeat;*/ width:100%; border-bottom:2px solid #273897; font-size:1em;  padding-top:3px; height:18px; font-weight:bold; margin-bottom:10px; margin-top:10px;}
.mainwrapperinner h1.section {color:#000000;  border-bottom:2px solid #0661B0; /*background: url(../Images/background-section-default.png) no-repeat;*/  }
h2.smallh2 {font-size:1em; color:#79a046;}
.profileimage {padding:5px; float:left; margin-right:10px; margin-bottom:10px;}
.profileimage img {border:1px solid #000000; float:left; width:127px;}
.profilesummary {float:left; width:400px;}
.profilesummary label, .profilesummary span{float:left;}
.profilesummary label.leftlabel {width:100px; display:block; font-weight:bold; margin-bottom:10px; clear:left;}
.profiletext {border:0px solid #c161c2; padding:0px; clear:left; width:400px;}
.profileleft {float:left; clear:left; width:157px;}
.event, .sponsor{ padding:10px; border-bottom:1px dotted #c161c2;}
.eventdates table{padding:5px; width:100%; text-align:left;}
.eventdates th, .eventagenda th {background:#7a327b; color:#ffffff;}
.eventnavigation { width:100%; }
.eventpage h1 {padding-bottom:10px;}
.eventnavigation ul {list-style-type:none; margin-left:0px; padding-left:0px; color:#7a327b;}
.eventnavigation li {float:left;}
.eventregister {width:100%; text-align:right;}
.eventagenda table {padding:5px; vertical-align:top; text-align:left; margin-top:10px;}
.eventagenda table * {vertical-align:top;}
.eventagenda strong {}
.eventagenda td.times {width:100px;}
.eventregister {margin-top:8px; margin-bottom:8px;}

.eventdate {background:url(../Images/background-calendar.png) no-repeat; width:128px; height:134px; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;padding-top:20px; float:left;}
.eventdate_number {color:#ff0000; font-size:45px; font-weight:bold;}
.eventtext {float:right; clear:none; width:425px;}



.commentPanel{border-bottom: 1px dotted #c161c2; padding: 5px 0 10px 0; text-align: left; margin-bottom: 10px;}

.articletoolbar{border-bottom: 1px dotted #c161c2; padding: 5px 0 10px 0; text-align: right; margin-bottom: 10px;}
.articletoolbar img {margin-left:10px;}
.articlecomments { margin-top: 10px; background: #ede9ed; border:2px solid #ffffff; padding: 5px;}
.articlecomments ul { padding: 0px; margin: 0px; }
.articlecomments li { padding: 5px; list-style-type: none; }
.articlecomments .top { text-align: right; border-bottom: 1px dotted #c161c2; padding-bottom: 5px; }
.commentauthor { color: #6666cc; display: inline; text-align: right; }
.comment {padding:10px;}
.comment label { font-weight: bold; clear: left; padding-top: 10px; width:150px; float:left;}
.comment input, .comment textarea { margin-top: 10px; width: 300px;}
.comment input { width: 200px; }
.comment input[type=checkbox] { width: auto; }

input.checkbox { float: left; width: 20px; text-align: left; display: block;}
.comment p { clear: both; margin-top: 20px;}
.comment .button {width:62px;}
.news {}
.sponsor img {float:left; margin:0px 10px 10px 0px; border:2px solid #ffcc00; padding:10px; background:#f0f0f0;}
.sponsor {padding-left:0px;}
.shop img {float:left; margin-right:10px;}
.shop div {}
.shop h2, .shop p {margin-bottom:0px; margin-top:0px;}



.form img{margin: 0 10px 0 10px;}

.form h2{display: block; background: #ecf8d2; font-size: 1.2em; color: #000000; margin-top: 10px; font-weight: bold; padding: 1px 0px 2px 5px;}

.form label {
    width: 200px;
    float: left;
    clear: left;
}

.validator
{
    float: left;
    display: block;
    clear: both;
    margin-left: 200px;
    margin-top:10px;
    margin-bottom:5px;
    width: 100%;
    font-size: 0.9em;
    color:Red;
}

.validator-top
{
    float: left;
    display: block;
    clear: both;
    margin-top:10px;
    margin-bottom:5px;
    width: 100%;
    font-size: 0.9em;
    color:Red;
}


.form .button
{
    display: block;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataprotection label, .paymentdetails label, .termsandconditions label, .privacypolicy label
{
   
    float: none;
    margin-right: 10px;
    clear:none;
}


.paymentdetails label
{
     width: auto;
}

.dataprotection input, .paymentdetails input, .termsandconditions input
{
    float:none;
}
.form input
{
}
.form .button{clear: both; margin-left: 200px;}

.subscriptioninformation label{width: 250px;float: left;font-weight:bold;}

.subscriptioninformation .validator { margin-left: 250px; } 
.subscriptioninformation input {margin-right: 20px; float: left; clear: both; }
.personaldetails input, .personaldetails select, .personaldetails textarea, .deliveryaddress input, .deliveryaddress select{width:270px;padding:0px;}
.personaldetails label {font-weight:bold;}



.spotlight {margin:-25px; background:#000000; border:3px solid #ffffff;}
.skyscraper {width:160px; float:right; margin-top:255px;}

/*****Generic**********/
.date {font-size:0.9em; font-weight:bold; color:#999999; margin-bottom:0px;}
.publishdate, .grey {font-size:0.9em; color:#999999;}
/*.content p {text-align:justify;}*/
a {color:#0661B0;}
img {border:0px;}
.photo-left {float:left; margin:5px 10px 5px 0px; border:2px solid #ffcc00;}
.longlabel {width:120px; display:inline-block; margin-top:10px; float:none;}
.shortlabel {padding-right:15px;}
.right{float:right;}
.left {float:left;}
img.left{margin-right:10px; margin-bottom:10px;}
img.right{margin-left:10px; margin-bottom:10px;}
.intro, .padded {padding:10px;}
.quoter {font-style:italic;}
.subheader {color:#79a046;}
.hidden {display:none;}
.passwordReminder {background:#ffffff; text-align:left;}
.passwordReminder .button {margin-top:15px;}
.txt-02 {width:270px;}

/**** Popup ****/

.wrapper-popup { border-top: solid 8px #1f2039; padding: 10px; background-color: #ffffff; float: left;}
.wrapper-popup .logoarea { height: 20px; float: right; margin-bottom: 10px; }
.wrapper-popup * { width: auto;}
.wrapper-popup .content {margin: 0; padding: 0;}
.wrapper-popup h1 {  width: 100%;  }