/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
font-family: arial, verdana, sans serif;
}

img {
border:0px;
}

#main {
background-image:url("/images/site-images/bg-gradient.gif");
background-repeat:repeat-x;
background-color:#7b8cb9;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:12px;
color:#000000;
}

#wholesitepositionid {
padding-bottom: 4px;
margin-left:auto;
margin-right:auto;
/*width:980px;*/
position:relative;
}

#wholesitecenterid {
position:relative;
margin: auto;  
width: 980px;
/*background-image: url("/images/site-images/shadow-bg.jpg");
background-repeat:repeat-y;*/
background-color:#ffffff;
margin-top:15px;
border-top:1px solid #b7bcc9;
border-left:1px solid #b7bcc9;
border-right:1px solid #b7bcc9;
}

#topmenuline {
position:relative;
left:582px;
top:90px;
width:400px;
}
#topmenuline td {
padding-left:19px;
}
/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
top:0px;
left:0px;
  min-height:400px;
  height:auto !important;
  height:400px;

padding-left:250px;
padding-top:16px;
width:540px;
padding-bottom:10px;
z-index:10;
}

#idheadingtext {
    padding-bottom:10px;
}
#idpagetext {
background-color:#ffffff;
width:540px;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin:0px auto auto;
width: 980px;
position: relative;
z-index:12;
background-color:#ffffff;
padding-bottom:16px;
border-bottom:1px solid #b7bcc9;
border-left:1px solid #b7bcc9;
border-right:1px solid #b7bcc9;
}

/* The syles below control the text display --------------------------------------------------*/

a {font-size:12px;}

#idpagetext a:link {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #9999ff;}
#idpagetext a:visited {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #9999ff; text-decoration: none;font-weight:bold;}

#topmenuline a:link {color: #9cacd2; text-decoration: none;font-weight:bold;}
#topmenuline a:hover {color: #ffffff;}
/*#topmenuline a:visited {color: #9cacd2; text-decoration: none;font-weight:bold;}
#topmenuline a:visited:hover {color: #ffffff; text-decoration: none;font-weight:bold;}*/

#basescrollgraphicid a:link {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:hover {color:#990033;}
#basescrollgraphicid a:visited {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:visited {color: #990033; text-decoration: none;}

a.textnotselected {color: #9cacd2; text-decoration: none;font-weight:bold;}
a.textnotselected:hover {color: #ffffff;}
a.textselected {color: #ffffff; text-decoration: none;font-weight:bold;}
a.textselected:hover {color: #ffffff;}
div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}

#logospacer a {
background:url("/images/site-images/spacer.gif") 0 0;
height:92px;
width:240px;
z-index:99;
position:absolute;
top:8px;
left:4px;
}
#clubmember {
position:absolute;
top:123px;
left:812px;
z-index:90;
DISPLAY: block;
}
#newslettersignup {
position:absolute;
top:299px;
left:812px;
z-index:80;
DISPLAY: block;
}

#searchbox {
height:40px;
width:190px;
background-color:#d3daeb;
position:absolute;
left:24px;
top:123px;
z-index:99;
padding:10px;
text-align:center;

}
span.searchlabel {
color:#3e4e9f;
font-weight:bold;
font-size:12px;
}
.searchinput {
border: 1px solid #3e4e9f;
}
.searchsubmit {
position:relative;
top:5px;
}
#nextmeeting {
background-image:url("/images/site-images/next-meeting.jpg");
background-repeat:no-repeat;
width:210px;
height:258px;
z-index:60;
left:24px;
top:193px;
position:absolute;
}
#nextmeetingcontainer {
margin:110px 20px 40px 17px;
width:175px;
height:100px;
}
#navbar {
MARGIN-top:8px; 
DISPLAY: block;
postion:absolute;
top:65px;
left:0px;
}
#topbanner {
MARGIN: 0px; 
DISPLAY: block;
position:relative;
}
table.EventsLatest td {
text-align:center;
font-size:13px;
font-weight:bold;
color:#000000;
}
a.eventslatestlink {
color:#3e4e9f;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
a.eventslatestlink:hover {
color:#000000;
}
h1 {
color:#3e4e9f;
font-size:18px;
}
h2 {
color:#3e4e9f;
font-size:14px;
}
h3 {
color:#3e4e9f;
font-size:12px;
}
/* MyAccordion is the Ajax concertina effect for the Jobs */

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:540px;
}

.AccordionTitleBlue
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
  vertical-align:middle;
  display:table-cell;
  background-color: #d3daeb;
  border-top: 1px solid #dee3f0;
  color:#3e4e9f;
  width:540px;
  margin-top:10px;
  padding-bottom:5px;
}
.AccordionTitleRed
{
  height:20px;
  width:540px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
  vertical-align:middle;
  display:table-cell;
  background-color: #f3cbab;
  border-top: 1px solid #f9e5d5;
  color:#c20000;
margin-top:10px;
  padding-bottom:5px;
}

.AccordionTitleRed td
{
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
}
.AccordionTitleBlue td
{
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
}
.AccordionTitle a
{
  color:#ffffff;
}
.AccordionTitle a:hover
{
  color:#000000;
}
.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
  /*
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  */
}
.AccordionContentInfoBlue
{
  overflow:auto;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  font-family:Arial,verdana,sans-serif;
  font-size:10pt;
  padding-bottom:10px;
  background-color: #d3daeb;
  border-bottom: 2px solid #dee3f0;

}
.AccordionContentInfoRed
{
  overflow:auto;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  font-family:Arial,verdana,sans-serif;
  font-size:10pt;
  background-color: #f3cbab;
  border-bottom: 2px solid #f9e5d5;
  padding-bottom:10px;
}
.AccordionContentInfo a
{
  color: #D12028;
}
.AccordionContentInfo a:hover
{
  color:#979797;
}

.AccordionContainer
{
/*
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
*/
}
td.cat {
vertical-align:top;
}
td.catdetail {
vertical-align:top;
}

.catname {
font-size:13px;
font-weight:bold;
}
.catsmalldesc {
font-weight:bold;
font-size:16px;
}
.catitem {
display:none;
}
.catname {
display:none;
}

td.cat img {
margin:10px;
}
.catcriteria {
color:#3E4E9F;
font-size:13px;
}
input.inputimagebutton {
color:#3E4E9F;
}
td.inputformlabel {
padding-right:40px;
}
input.inputform {
width:260px;
}
input.submitbutton {
color:#3E4E9F;
}
input.backbutton {
border:0;
color:#3E4E9F;
font-weight:bold;
padding-right:10px;
padding-left:10px;
}
input.caticon {
border:0;
color:#3E4E9F;
font-weight:bold;
padding-right:10px;
padding-left:10px;
}