@import url("reset.css");

body {
background: #ffffff;
color: #555555;
font-family:  Verdana, Arial, sans-serif;
font-size: 62.5%;
text-align: left;
font-size: 0.8em;
width: 950px;
}

.debug {
  border: 1px solid red;
  background-color: #FF6666;
  color: #ffffff;
}


/* ------------------------------------------------------------------------------------------
---                          SPLASH
--------------------------------------------------------------------------------------------*/
#splashFramework {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}


#splashTop {
  padding-top: 30px;
}

#splashMembers {
  font-size: 0.80em;
  font-family: "Trebuchet MS";
  margin: 5px;
  border-bottom: 1px solid #bfbebe;
  padding-bottom: 50px;
}

.splashImage {
  padding: 12px;
}

#splashCredits {
  font-size: 0.85em;
  font-family: "Trebuchet MS";
  margin: 5px;
}

#splashBottom {
  padding: 30px;
  border-top: 1px solid #bfbebe;
}

.splashEnterButton {
  font-size: 3em;
  color: #7d7da4;
  text-decoration: none;
  font-family: Candara, "Trebuchet MS";
}


.thumbImage {
  padding: 4px;
  margin: 0px;
  width: 150px;
}


/* ------------------------------------------------------------------------------------------
---                          HEADER
--------------------------------------------------------------------------------------------*/


#header {
  background: #ffffff;
  color: #dddddd;
  height: 80px;
}

#header h1 {
color: #ffffff;
}

#headerlinks {
  position: absolute;
  top: 35px;
  left: 410px;
  font-size: 0.9em;
  color: #7d7da4;
  font-family: "Trebuchet MS";
}

#headerlinks a:link,
#headerlinks a:visited,
#headerlinks a:active {
text-decoration: underline;
color: #2222ff;
}


/* ------------------------------------------------------------------------------------------
---                          SIDEBAR
--------------------------------------------------------------------------------------------*/


#sidebar {
float: left;
width: 160px;
padding-left: 10px ;
margin: 0px;
font-family:  "Trebuchet MS";
text-align: left;
font-size: 0.95em;
}

.sidebox {
  margin: 10px 0px;
}

#sidebar .navSection {
background-color: #CCCCFF;
color: #ffffff;
padding: 1px 5px 1px 5px;
font-weight: bold;
text-transform: uppercase;
}

#navigationV .navSection {
background-color: #666699;
}

#navigationM .navSection {
background-color: #86c151;
}

#navigationA .navSection {
background-color: #d18522;
}

#navigationS .navSection {
background-color: #ca2020;
}


#sidebar li  a {
padding: 1px 5px 1px 15px;
text-transform: capitalize;
margin: 0px;
display: block;
color: #555555;
width: 130px;  /* this is needed for IE6 to play game and not pad out the block'd elements in the menu system */
}

#sidebar li a:hover    {
padding: 1px 5px 1px 25px;
margin: 0px;
background: url(../siteGraphics/arrow-right-small.gif) no-repeat 0px 6px;
}

#sidebar li a:link,
#sidebar li a:visited,
#sidebar li a:active {
text-decoration: none;
color: #555555;
}

body.home a.home,
body.aboutArena a.aboutArena,
body.seminars a.seminars,
body.exhibitions a.exhibitions,
body.magazine a.magazine,
body.diary a.diary,
body.membersGalleries a.membersGalleries,
body.groupLinks a.groupLinks,
body.mailingList a.mailingList,
body.news a.news,
body.contact a.contact,
body.ctrlLounge a.ctrlLounge,
body.memberLookup a.memberLookup,
body.ctrlPersonalDetails a.ctrlPersonalDetails,
body.ctrlManageHomepage a.ctrlManageHomepage,
body.ctrlManageGalleries a.ctrlManageGalleries,
body.ctrlDiary a.ctrlDiary,
body.ctrlFeedback a.ctrlFeedback,
body.ctrlEmail a.ctrlEmail,
body.adminMembers a.adminMembers,
body.adminContent a.adminContent,
body.adminSeminars a.adminSeminars,
body.adminExhibitions a.adminExhibitions,
body.adminMagazine a.adminMagazine,
body.adminDiary a.adminDiary,
body.adminLinks a.adminLinks,
body.adminMailingList a.adminMailingList,
body.adminNews a.adminNews
 {
  font-weight: bold;
  color: #000000;
  padding: 3px 5px 3px 30px !important;
  background: url(../siteGraphics/arrow-right.gif) no-repeat 2px 4px !important;
}


/* ------------------------------------------------------------------------------------------
---                          MAIN AREA
--------------------------------------------------------------------------------------------*/


#main {
float: left;
clear: none;
padding: 0px 20px 30px 10px;
width: 720px;
}

#content {
  margin-left: 10px;
}

#content h2 {
font-weight: bold;
font-family: Candara, "Trebuchet MS";
text-transform: lowercase;
font-style: italic;
color: #7d7da4;
font-size: 25px;
}

#content h3 {
font-weight: bold;
font-family: Candara, "Trebuchet MS";
text-transform: lowercase;
font-style: italic;
color: #7d7da4;
font-size: 17px;
margin-top: 20px;
}

#content p {
margin: 2px 0px 10px 0px;
font-size: 0.87em;
text-align: justify;
}

#content a:link,
#content a:visited,
#content a:active {
text-decoration: underline;
color: #2222ff;
}

p .highlight {
  font-weight: bold;
  color: #fd5f00;
}

p .bold {
  font-weight: bold;
}

 .custom1 {
  font-weight: bold;
  color: #666666;
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 12px;
  margin-top: 20px;
}

 .indent {
 margin-left: 30px;
}

.smallText {
  font-size: 0.8em !important;  
  margin: 0px 0px 0px 0px;
  padding: 0px 50px 0px 0px;
}






.member_description #member_photo {
  border: 1px solid #7d7da4;
  float: right;
  margin: 0px 0px 10px 20px;
}

#membersGrid {
border-collapse: separate;
border-spacing: 10px;
}


.member_overview {
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -150px;
width: 220px;
padding: 10px;
border: 1px solid #e2e2e2;
}


.member_overview h4 {
margin: 10px 0px 0px 0px;
font-size: 1.1em;
font-weight: bold;
font-family: "Trebuchet MS";
text-align: left;
}

.member_overview .memberSummary {
color: #9da1a6;
font-size: 0.7em;
text-align: left;
margin: 6px 15px 0px 0px;
width: 65px;
}



#galleries {
border: 0px solid #772200;
padding: 0px;
margin: 0px 10px 10px 0px;
float: left;
}


.member_description #galleries {
width: 265px;
}

.gallery_thumbnails #galleries {
  float: left;
}


#galleries legend {
text-transform: uppercase;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 0.8em;
margin: 0px;
padding: 0px;
}

.gallery_overview {
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -160px;
border: 1px solid #e2e2e2;
margin: 2px 5px 5px 0px;
padding: 10px;
width: 220px;
float: left;
}


.gallery_overview h4 {
margin: 0px 0px 0px 75px;
font-size: 0.9em;
font-weight: bold;
font-family: "Trebuchet MS";
text-align: left;
}

.gallery_overview li {
margin: 0px 0px 0px 0px;
padding: 1px 2px 1px 5px;
color: #b6babf;
font-size: 0.7em;
}

.gallery_thumbnails .gallery_overview {
height: 150px;
width: 208px;
}

#thumbnail_section {
margin: 10px 0px;
width: 100%;
}

.spacer {
  clear:both;
}



.gallery_thumbnail {
float: left;
  height: 240px;
  padding: 4px;
  margin: 0px 2px;
  text-align: center;
}

.thumbnailTitle {
  font-size: 0.8em;
  font-family: "Trebuchet MS";
}



.gallerySalesInfo {
  background: url(../siteGraphics/control-info.jpg) no-repeat 5px 3px;
  margin: 0px 0px 15px 0px;
  padding: 5px 15px 5px 45px;
  font-size: 0.9em;
  background-color: #eeeeff;
}

.gallerySalesInfo h2 {
  font-size: 1.4em !important;
  color: #3a4da1 !important;
}



.image-shadow {
  float:left;
  background: url(../siteGraphics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../siteGraphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.image-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.image-shadow-right {
  float:right;
  background: url(../siteGraphics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../siteGraphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.image-shadow-right img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


#image_section {
margin: 20px 0px;
}

#image_section .imgnav {
  vertical-align: top;
  padding-top: 40px;
  width: 130px;
}

#image_section .imgdisplay {
}




.arrowR {
float: left;
margin: 30px 10px 10px 10px;
clear: both;
}

.arrowL {
float: right;
margin: 30px 10px 10px 10px;
clear: both;
}

.imageDescription {
 padding: 5px 5px 5px 15px;
 font-size: 0.9em;
 font-family: "Trebuchet MS";
}

#linkSubmitPanel p em {
font-style: italic;
color: black;
}

#articles {
border: 0px solid #772200;
margin: 0px 28px 10px 0px;
float: left;
clear: left;
}

#articles legend {
text-transform: uppercase;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 0.8em;
margin: 0px;
padding: 0px;
}

.article_overview {
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -190px;
border: 1px solid #e2e2e2;
margin: 0px 6px 0px 0px;
padding: 5px;
width: 230px;
}

.article_overview h4 {
margin: 0px 0px -4px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.9em;
font-weight: bold;
font-family: "Trebuchet MS";
text-align: left;
  text-transform: capitalize;
}

.article_overview .link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #b6babf;
font-size: 0.7em;
}

.article_overview .date {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #b6babf;
font-size: 0.7em;
  font-style: italic;
}




/* ------------------------------------------------------------------------------------------
---                          ARTICLES
--------------------------------------------------------------------------------------------*/
/*articleSummary is used on the screens which list all articles*/
.articleSummary {
  margin: 5px 0px 0px 5px;
  padding: 1px 5px;
}

.articleSummary .title {
text-transform: Capitalize;
font-weight: bold;
font-family: Candara, "Trebuchet MS";
font-style: italic;
}

.articleSummary .date {
  font-size: 0.8em;
  font-style: italic;
}

/* articlePublishDate is used as the heading of all articles displayed on the viewArticle page */
#articlePublishDate {
  font-size: 0.8em;
  color: white;
  font-weight: bold;
  font-style: italic;
  background-color: #adadd4;
  margin: 5px 0px;
  padding: 2px 5px;
  width: 700px;
}

.article #content {
  float: left;
}

/*articleImageXX is the image container*/
.articleImageCE {
    padding: 10px;
    margin: 10px;
    margin: auto;
    clear: right;
}

.articleImageLJ {
    padding: 10px 10px 10px 0px;
    margin: 10px 10px 10px 0px;
    float: left;
}

.articleImageRJ {
    padding: 10px 0px 10px 10px;
    margin: 10px 0px 10px 10px;
    float: right;
}

.article-image-shadow {
  background: url(../siteGraphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px;
  }

.article-image-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


.articleImageCE .caption,
.articleImageLJ .caption,
.articleImageRJ .caption {
  clear: both;
    font-size: 0.8em;
  font-style: italic;
  font-weight: bold;
  margin-top: -5px;
}




/* ------------------------------------------------------------------------------------------
---                          FEEDS
--------------------------------------------------------------------------------------------*/


.newsHeadline {
  margin: 1px 0px 0px 0px;
}

.newsHeadlineDate {
  font-size: 0.8em;
  font-style: italic;
  margin-right: 20px;
}

.newsHeadlineText {
text-transform: Capitalize;
font-family: Candara, "Trebuchet MS";
font-style: italic;
}

.feedLink {
  float: right;
  width: 140px;
  font-size: 0.8em;
background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -200px;
border: 1px solid #e2e2e2;
margin: 5px 0px 5px 10px;
padding: 2px;
}

.feedLink .rssImg {
    float: left;
  padding: 0px 5px 10px 0px;
  margin: 0px 0px 0px 0px;
}

.feedLink .rssText {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.feedLink .rssHelp {
  padding: 0px 7px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: right;
}






/* ------------------------------------------------------------------------------------------
---                          TABLES
--------------------------------------------------------------------------------------------*/
.controlTable {
  margin: 5px 10px 20px 10px;
  text-align: left;
  font-size: 0.85em;
  border: 1px solid #e2e0eb;
  font-family: Arial, Helvetica, sans-serif;
  width: 650px;
  border-collapse:collapse;
}

.reduceWidth {
  width: 530px !important;
}


.controlTable p {
font-variant: normal;
font-size: 0.9em !important;
}

.controlTable strong {
font-weight: bold;
}

.controlTable td {
  padding: 1px 5px;
  border-bottom: 1px solid #e2e0eb;
  border-top: 1px solid #e2e0eb;
}

.controlTable th {
  font-weight: bold;
  text-decoration: none;
  padding: 3px 5px;
  font-size: 1em;
  color: white;
  vertical-align: middle;
  font-variant: normal;
  background: url(../siteGraphics/toolbar-background.jpg) repeat-x 0px -5px;
}

.tableButton {
  margin: auto;
  width: 36px;
  text-align: center !important;
  padding: 0px 2px !important;
}

.tableBoldCell {
  font-weight: bold;
}

.tableHighlightedRow {
  background-color: #FFFF99;
}

.tableHighlightedRow strong{
  color: #cf0c08;
  font-weight: bold;
  font-style: italic;
}

.diaryHistoryRow {
  color: silver !important;
}

.diaryHistoryRow a {
  color: silver !important;
}

.noResultsNotice {
  text-align: center;
  color: #c4c2cc;
  margin-top: 10px;
}

.newLinkColumn {
  width: 35px;
}

.linkColumn {
  width: 300px;
}



.searchHighlight {
  background-color: #FFFF66;
}




/* ------------------------------------------------------------------------------------------
---                          ADMIN SCREENS
--------------------------------------------------------------------------------------------*/

#toolbar  a
 {
  width: 100%;
  height: 40px;
  background: url(../siteGraphics/toolbar-background.jpg) repeat-x 0px 3px;
  border: 1px solid #e2e0eb;
  vertical-align: middle;
  color: white !important;
  font-size: 1.2em;
  font-family: Tahoma;
  display: block;
  font-weight: bold;
  padding: 0px 0px 0px 22px;
  margin: 15px 0px 20px 0px;
}

#toolbar  a:hover {
  background: url(../siteGraphics/toolbar-background-hover.jpg) repeat-x 0px 3px;
}

#toolbar  a:link,
#toolbar  a:visited,
#toolbar  a:active, {
  text-decoration: none;
  color: white;
}

#toolbarText {
  position: relative;
  top: -18px;
  left: 10px;
}

#toolbarIcon {
  position: relative;
  top: -10px;
  left: 0px;
}


#addMembers {
background: url(../siteGraphics/add-member-faded.jpg) no-repeat 10px 20px;
}

#addText {
background: url(../siteGraphics/add-text-faded.jpg) no-repeat 10px 20px;
}

#addGallery {
background: url(../siteGraphics/add-gallery-faded.jpg) no-repeat 10px 20px;
}

#addDiary {
background: url(../siteGraphics/add-diary-faded.jpg) no-repeat 10px 20px;
}

#addLink {
background: url(../siteGraphics/add-link-faded.jpg) no-repeat 10px 20px;
}

#addImage {
background: url(../siteGraphics/add-image-faded.jpg) no-repeat 10px 20px;
}

#addMailing {
background: url(../siteGraphics/add-mailing-faded.jpg) no-repeat 0px 15px;
}

#addMailingList {
background: url(../siteGraphics/add-subscriber-faded.jpg) no-repeat 0px 15px;
}



/* ------------------------------------------------------------------------------------------
---                          FORMS
--------------------------------------------------------------------------------------------*/


.message {
  padding: 10px 5px 5px 60px;
  margin: 10px 10px;
  display: block;
  font-family: Arial;
  font-style: italic;
}

.success {
  background: url(../siteGraphics/control-submit.gif) no-repeat 3px 3px;
  color: #43b845;
  background-color: #ccFFcc;
  height: 40px;

}

.warning {
  background: url(../siteGraphics/control-warning2.gif) no-repeat 3px 3px;
  color: #cf0c08;
  background-color: #FFFF99;
}

.upload {
  line-height: 20px;
  height: auto !important;
  margin: 10px 30px 50px 30px !important;
}



fieldset {
  margin: 25px 0px 20px 0px;
  border: 1px solid #7d7da4;
}

legend {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0px 10px;
  color: #7d7da4;
  background-color: #ffffff;
}

.formInfoBox {
  border: 0px dotted blue;
  background: url(../siteGraphics/control-info.jpg) no-repeat 5px 3px;
  margin: 0px 15px 15px 15px;
  padding: 5px 5px 5px 45px;
  /*font-style: italic;*/
  font-size: 0.85em;
  color: blue;
  background-color: #eeeeff;
  line-height: 1.4;
}

.formInfoBox strong {
font-weight: bold;
}

.formInfoBox em {
font-style: italic;
}


.formInfoBoxFloat {
  float: right;
  width: 330px;
}

.fieldInstructions {
  margin: 0px;
  padding: 0px 20px;
  color: #222222;
}

.fieldInstructions em {
font-style: italic;
color: #7d7da4;
}




label {
  float: left;
  width: 110px;
  padding: 4px 8px;
  text-align: right;
  font-size: 0.85em;
  clear: left;
}

.formField {
  margin: 2px 2px;
  border: 1px solid #999999;
  padding: 1px;
  font-family: Arial;
  font-style: italic;
  background-color: #efe2e2;
  font-size: 1em;
}




.textboxSpacer {
  margin-bottom: 20px;
}


.formError {
  color: #cf0c08;
  font-size: 0.8em;
  font-weight: bold;
  padding-left: 15px;
  font-family: Arial;
  font-style: italic;
  clear: left;
  margin: 50px;
  position: relative;
  top: -5px;
}

input.mandatory {
  background: url(../siteGraphics/mandatory-star.gif) no-repeat top left;
  background-color: #efe2e2;
}

textarea.mandatory {
  background: url(../siteGraphics/mandatory-star.gif) no-repeat top left;
  background-color: #efe2e2;
}

.mandatoryNotice {
  margin: 8px;
  text-align: right;
  color: #fd5f00;
  font-size: 0.7em;
}

.formButton {
margin: 10px 10px 10px 0px;
padding: 4px 15px;
/*clear: both;
float: left;*/
}




/* ------------------------------------------------------------------------------------------
---                          FILE UPLOAD
--------------------------------------------------------------------------------------------*/

#uploadWaiting {
  text-align: center !important;
  visibility: hidden;
}

#uploadWaiting p {
  text-align: center !important;
}







/* ------------------------------------------------------------------------------------------
---                          MAILING LIST SENDING WAIT INDICATOR
--------------------------------------------------------------------------------------------*/

#mailingWaiting {
  text-align: center !important;
  visibility: hidden;
}

#mailingWaiting p {
  text-align: center !important;
}




/* ------------------------------------------------------------------------------------------
---                          EMAIL PREVIEW
--------------------------------------------------------------------------------------------*/

#mailingInitial {
    border: 1px solid #aaaaaa;
    padding: 10px 20px;
    margin: 20px 84px;
}

#mailingInitial h3{
  text-align: center !important;
  margin: 5px 0px;
}

#mailingInitial img{
  text-align: center !important;
  max-width: 500px;
}






/* ------------------------------------------------------------------------------------------
---                          FOOTER
--------------------------------------------------------------------------------------------*/


#footer {
clear: both;
border-top: 0px solid #772200;
padding: 20px 20px 300px 20px;
font-size: 0.8em;
}


/* ------------------------------------------------------------------------------------------
---                          ATTACHMENTS
--------------------------------------------------------------------------------------------*/

#attachments {
  float: right;
  width: 110px;
  border: 1px solid #e2e2e2;
  background-color: #eeeeee;
  margin: 0px 0px 15px 20px;
  padding: 10px;
  text-align: center;
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -40px;
}

#attachments h1 {
  font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS";
text-transform: uppercase;
font-style: italic;
color: #ffffff;
text-decoration: underline;
}

#attachments li {
  padding: 17px 0px 17px 0px;
}

#attachments a:link,
#attachments a:visited,
#attachments a:active {
font-size: 14px;
font-weight: bold;
font-family: Candara, "Trebuchet MS";
font-style: italic;
color: #7d7da4;
text-decoration: none;
}

.acrobatLink {
  border-top: 1px solid #999999;
}


/* ------------------------------------------------------------------------------------------
---                          TESTIMONIALS
--------------------------------------------------------------------------------------------*/


#testimonial {
  float: right;
  clear: right;
  width: 255px;
  border: 1px solid #e2e2e2;
  background-color: #eeeeee;
  margin: 0px 0px 15px 20px;
  padding: 10px 10px 1px 10px;
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -130px;
font-family: "Trebuchet MS";
font-style: italic;
  text-align: left;
}

#testimonial p {
  font-size: 11px;
  text-align: left;
}

#testimonial .name {
  float: right;
font-weight: bold;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}



/* ------------------------------------------------------------------------------------------
---                          BOXOUTS
--------------------------------------------------------------------------------------------*/
.boxout-right {
  float: right;
  width: 130px;
  border: 1px solid #e2e2e2;
  margin: 5px 0px 15px 10px;
  padding: 10px;
  text-align: center;
  background: url(../siteGraphics/background-fade.jpg) repeat-x 0px -120px;
}

.boxout-right h1 {
  font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS";
text-transform: uppercase;
font-style: italic;
color: #ffffff;
text-decoration: underline;
}


.boxout-right a:link,
.boxout-right a:visited,
.boxout-right a:active {
font-size: 12px !important;
font-weight: bold  !important;
font-family: Candara, "Trebuchet MS"  !important;
font-style: italic  !important;
color: #7d7da4  !important;
text-decoration: none  !important;
}