/* Start of Nick's styles */

body
{
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0; /*text-align: center;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: normal;
}

#mainbackground
{
    width: 100%;
    text-align: center;
    background-color: #2B3E8D;
    padding-top: 10px;
    float: right;
}

#container /* Set this width for the main display area */
{
    width: 850px;
    text-align: center;
    padding: 0px;
    background-color: White;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

#popupcontainer /* Set this width for the popup display area */
{
    width: 800px;
    text-align: center;
    padding: 0px;
    background-color: White;
    margin: 0 auto;
    margin: 0 auto;
}

li
{
    margin-bottom: 10px;
}

#header /*Top of the page containing logo and swf object and menu bar */
{
    /*background-color: #D2CAF4;*/ /*background-color:#EAD8F5;*/
    background-color: #A6DE6A;
    width: 100%; /*height:200px;*/
    text-align: justify;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
#header /* remove any padding and margin from the logo */
{
    padding: 0px;
    margin: 0px;
    border: none;
}

span.flasharea /*span for the flash item */
{
    float: right;
    padding: 0px;
    z-index: 0;
}

span.logoarea /*span for the logo */
{
    float: left;
}


/* Menu Bar Area */
/*<START>*/
#menubar
{
    clear: both;
    background-color: #989AD8;
    font-size: 12pt;
    width: 100%;
    margin: 0px;
    margin-top: -2px;
}
#menubar table
{
    margin: auto;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: Yellow;
}

#menubar td
{
    padding-right: 50px;
    padding-right: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#menubar ul
{
    list-style-type: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#menubar li
{
    list-style-type: none;
    display: inline;
    padding-right: 50px;
    padding-right: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#menubar a.selected
{
    background-color: #D30276;
    color: White;
}

#menubar a
{
    text-decoration: none;
    color: #2B3E8D;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}



#menubar a:hover
{
    color: #FC9E71;
}
#menubar a:active
{
    color: #FC9E71;
}


/*<END>
/* Menu bar area */


#searchbar
{
    text-align: left;
    font-size: smaller;
    padding: 0px;
    padding-left: 20px; /*vertical-align: middle; /*clear: left;*/ /*background-color: Red;*/
    margin: 0px;
}

#searchbar ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 0px; /*background-color:Purple;*/
}

#searchbar li
{
    list-style-type: none;
    display: inline-block; /*    padding-right: 50px;     padding-right: 50px;*/
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle; /*background-color:Aqua;*/
    margin: 0px;
}
.searchbarbutton
{
    margin: auto;
}


#contentarea
{
    width: 100%;
    margin-top: 20px;
    text-align: left;
}


#linksection
{
    clear: both;
    padding: 0px;
    margin: 0px;
    font-family: 'Century Gothic';
}

#linksection img
{
    border: none;
    margin: auto;
}
#linksection a
{
    text-decoration: none;
    border: none;
    padding: 0px;
}

#linksection ul
{
    list-style-type: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    display: inline;
}

#linksection li
{
    list-style-type: none;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
}

#singlecolumn /* used for basic single column layout of page */
{
    padding-left: 20px;
    padding-right: 20px;
}

#singlecolumn a
{
    color: #9663C4;
    text-decoration: none;
    font-weight: bold;
}

#imagesection /* div for the display of images on the right hand side of a single column layout */
{
    float: right;
    width: 50%;
    margin-left: 50px;
}

/* Two column layout section. Two columns taking up 45% of the screen each
*/
#leftcolumn
{
    width: 45%;
    float: left;
    overflow: visible;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}

#rightcolumn
{
    width: 40%;
    float: left;
    overflow: visible;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    border-left: solid 1px #52C0E2;
}


#rightcolumn a
{
    color: #9663C4;
    text-decoration: none;
    font-weight: bold;
}

#rightcolumn img
{
    border: none;
}

/* Three column layout section */
#column1
{
    width: 40%;
    float: left;
    overflow: visible;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    line-height: normal;
}


#column2
{
    width: 30%;
    float: left;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #52C0E2;
    border-left-color: #52C0E2;
    background-color: #F2F2FF;
    padding-top: 15px;
}
#column3
{
    width: 15%;
    float: right;
    text-align: left;
    font-size: 7pt;
    padding: 5px;
    padding-right: 10px;
    border-left-width: 0px;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

#column3 a
{
    text-decoration: none;
}
#column3 img
{
    border: none;
}

#column3 span.title
{
    color: #2B3E8D;
}

#column3 span.comment
{
    color: #2B3E8D;
    font-size: 12pt;
}

#column3 span.subtitle
{
    font-size: 8px;
}

.imagemap
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}




#sponsoredlinks /*sponsored links section at the bottom of the page. */
{
    clear: both;
    width: 850px;
    padding: 20px;
    text-align: center;
}

#footer
{
    clear: both;
    width: 850px;
    color: #F372DD;
    padding: 10px;
    margin: 0 auto;
}

div.tickbox
{
    background-color: #B7CEE8;
    color: Black;
    font-size: 12pt;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: 'Century Gothic';
}

p.tickboxtitle
{
    font-size: 12pt;
    font-weight: bold;
    color: #3366CC;
    font-style: italic;
    padding: 25px 25px 5px 25px;
}

li.ticklist
{
    padding: 8px;
    list-style-type: none;
    list-style-image: url('images-wednesday-club/tick2.png');
    list-style-position: outside;
}



/* Heading and text styles */

h1 /*Override default H1 setting */
{
    font-size: 14pt;
    color: #2B3E8D;
    line-height: normal;
}

h3 /*Override default H3 setting */
{
    font-size: 12pt;
    color: #2B3E8D;
    line-height: normal;
}


span.highlightstatement
{
    font-size: 11pt;
    color: #9663C4;
}

p.highlightstatement /* used for highlighted text making a statement */
{
    font-size: 11pt;
    color: #9663C4;
}
p.highlightstatement a
{
    text-decoration: none;
    color: #9663C4;
}

table.highlightstatement td
{
    font-size: 11pt;
    color: #9663C4;
}
table.highlightstatement a
{
    text-decoration: none;
    color: #9663C4;
}
h2
{
    font-size: 16pt;
    color: #6C9;
    line-height: normal;
}
h2b
{
    font-size: 16pt;
    color: #333;
    line-height: normal;
}

h2c
{
    font-size: 16pt;
    color: #CCC;
    line-height: normal;
}
p.christmas
{
    font-size: 16pt;
    color: #FF0033;
    line-height: normal;
}

p.spring
{
    font-size: 16pt;
    color: #F39;
    line-height: normal;
}
p.title /*Used for title text as the margin and padding is removed below the text */
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 10pt;
    font-weight: normal;
    line-height: normal; /* Colour should be set at the indiviual elemnt. */
}
p.topicdate /*Used for topic date under the title class as the margin and padding is removed above the text */
{
    margin: 0px;
    padding: 0px;
}
p.topic /*Used for topic text under the title class as the margin and padding is removed above the text */
{
    margin-top: 0px;
    padding-top: 0px;
}

p.member /* Member name format with bottom margin and padding removed */
{
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #9663C4;
}

p.member a
{
    cursor: pointer;
}

p.memberdetail /*Used for member details the margin and padding is removed above the text */
{
    margin-top: 0px;
    padding-top: 0px;
}
table.members
{
    padding: 0px;
    margin: auto;
    border-collapse: collapse;
    width: 100%;
}

table.members td
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin: 0px;
    text-align: left;
}


table.membersort
{
    margin-bottom: 20px;
}
table.membersort td
{
    padding: 10px;
}
table.membersort a
{
    text-decoration: none;
    color: #9663C4;
}
td.tablemiddlecolumn
{
    border-left: solid 1px #52C0E2;
    border-right: solid 1px #52C0E2;
}


table.downloadtable
{
    margin: auto;
}

p.newscaption
{
    /*Format for recent news caption under the picture */
    color: #9663C4;
    margin: 0px;
    display: block;
    width: 200px;
    margin-bottom: 3px;
}


table.downloadtable td
{
    padding: 10px;
    text-align: center;
}


.infoarea /* these are used to highlight information they form a boxed area with a coloured background */
{
    background-color: #EAD8F5;
    background-color: #B7CEE8;
    color: #9663C4;
    color: Black;
    font-size: 12pt;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
}

/* Member popup page styles */
/*
<START>
*/

#memberpopup /*Set the main setting for the member popup screen*/
{
    color: #9663C4; /* if you change the size of the div here then you need to change the     javascript window sizes in the open_member function     width=x,height=y were x & y equals the new window size */
    text-align: left;
    padding: 20px;
    width: 630px;
    margin-left: auto;
    margin-right: auto;
}

#memberclose /* div for the close button */
{
    position: absolute;
    top: 5px;
    left: 480px;
    padding: 5px;
    vertical-align: top;
    cursor: pointer;
    float: right;
}

#popupclose /* div for the close button */
{
    float: right;
    top: 5px;
    padding: 5px;
    vertical-align: top;
    cursor: pointer;
    float: right;
}

#memberleftcolumn
{
    float: left;
    margin: 0px;
    width: 250px;
}

#memberrightcolumn
{
    float: left;
    margin: 0px;
    width: 350px;
    margin-left: 10px;
}

#memberimage
{
    float: left;
    padding: 5px;
}

#memberimage img
{
    /* Set the image size restrictions here */
    width: 200px;
}

#membertext
{
    font-size: 10pt;
    margin-left: 20px;
    margin-right: 20px;
    width: 310px;
    text-align: left;
}

#membernameaddress
{
    clear: both;
}
h1.member
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

p.memberaddress
{
    margin-top: 0px;
    padding-top: 0px;
    font-size: 10pt;
    float: left;
}


#membercontact
{
    clear: left;
    line-height: 15px;
    margin-top: 20px;
}

#membercontact a
{
    text-decoration: none;
    color: #9663C4;
}

#memberlogo
{
    float: right;
    margin-right: 20px;
    vertical-align: bottom;
}

/*
<END>
*/

/* Membership form style */
/*------------------------*/

#appleftcolumn
{
    width: 65%;
    float: left; /*    overflow: visible;*/
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px;
}

#apprightcolumn
{
    width: 20%;
    float: left; /*    overflow: visible;*/
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px;
}

#apprightcolumn p
{
    margin: 0px;
}

.inputfield
{
    background-color: #C6EEFC;
    border-style: solid;
    border-width: 1px;
    border-color: Silver;
}

table.application
{
    width: 100%;
    border-collapse: collapse;
}

table.application td
{
    padding: 1px;
}

td.application
{
    width: 180px;
}


/* --- Login Page --- */

.loginbutton
{
    background-color: #990099;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    color: white;
    cursor: pointer;
}

.loginarea
{
    background-color: #989AD8;
    font-size: 8pt;
    font-family: Arial;
    border: double 3px #990099;
    color: #2B3E8D;
    text-align: center;
    margin: auto;
    margin-top: 30px;
}
.loginarea table
{
    width: 350px;
}
.loginarea a
{
    text-decoration: none;
    color: #2B3E8D;
}

.loginarea td
{
    padding: 5px;
    color: #2B3E8D;
}
.highlight
{
    color: #2B3E8D;
}
.highlight_bold
{
    color: #2B3E8D;
    font-weight: bold;
    font-size: 10pt;
}


div.usefullinks
{
    text-align: left;
    margin: 10px;
    padding: 20px;
}


div.usefullinks a
{
    text-decoration: none;
    color: #9663C4;
    padding: 2px;
    font-size: 12pt;
    border: none;
}



/*----Members Page --- */

#memberspage ul
{
    text-align: left;
}


/*---Member Login User Control --*/
#memberlogin
{
    /*width:120px; border:solid 1px #9663C4;*/
    float: right;
    margin-top: 5px; /*    background-color: #989AD8;*/
}

#memberlogin a
{
    text-decoration: none;
    color: #2B3E8D;
    padding: 5px;
}

table.usefullinks td
{
    padding: 5px;
}


#honorary
{
    margin-top: 50px;
}

#honoraryheader
{
    background-image: url('images-wednesday-club/HonoraryMBanner.png');
    background-repeat: no-repeat;
    font-size: 14pt;
    color: #2B3E8D;
    height: 87px;
}

div.hmtitle
{
    display: block;
    position: relative;
    left: 100px;
    top: 34px;
}


/* Edit Member Details */
.editmembertable td
{
    padding-bottom: 20px; /*background-color: Red;*/
}

#editmember
{
    padding-left: 50px;
    text-align: left;
    color: #2B3E8D;
}
.fieldinput
{
    width: 250px;
}

#memberspage img
{
    margin-right: 10px;
}

#memberspage ul
{
}
#memberspage li
{
    padding: 10px;
    list-style-type: none;
    display:block;
    margin:auto;
     vertical-align: middle;
}
#memberspage a
{
    vertical-align: middle;
    text-decoration: none;
    padding: 0px;
    color: #2B3E8D;
    margin:auto;
}

/*Reset Password */

.resetpassword
{
    background-color: #989AD8;
    font-size: 9pt;
    font-family: Arial;
    border: double 3px #990099;
    color: #2B3E8D;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width:600px;
}
.resetpassword table
{
    width: 450px;
}
.resetpassword a
{
    text-decoration: none;
    color: #2B3E8D;
}

.resetpassword td
{
    padding: 5px;
    color: #2B3E8D;
}