body { background: #609ae5; font: 10pt verdana, sans-serif; margin: 0px; background-position: fixed; background-repeat: repeat-x;}

#tmplHeader { width: 90%; margin: 25px auto }
#tmplHeader img { float: left }

#pageContent { width: 90%; margin: 15px auto 15px auto }

#copyrightMsg { clear: both; width: 90%; text-align: left; margin: 35px auto; font: 8pt verdana, sans-serif; color: #aaa }
#copyrightMsg a { color: #aaa }

h1 { border-bottm: solid 5px #cccccc; margin: 0px 0px 10px 0px; color: #666666; letter-spacing: -1px; font: bold 17pt verdana, sans-serif }
h2 { margin: 0px 0px 10px 0px; border-bottom: solid 1px #cccccc; color: #999999; letter-spacing: -1px; font: bold 10pt verdana, sans-serif }
.contact-box { color: #666; letter-spacing: 0px; font: 13pt verdana, sans-serif }
.contact-box table { font-size: 13pt; width: 400px }
.contact-box table th { font-size: 9pt }
.contact-box .fbText { width: 200px }
.contact-box .fbTextArea { width: 90%; height: 100px; font: 10pt sans-serif; }
.contact-box input, .contact-box textarea { border: solid 1px #999 }
.validationError { font: bold 7pt sans-serif; color: #ff0000; width: 200px }

.linkbox { margin: 0px 0px 50px 0px }

.filebrowse { border-collapse: collapse;border: none; width: 100%; margin: 20px 0px }
.filebrowse th { font-weight: bold; text-align: left; border-bottom: solid 2px #999 }
.filebrowse td { border-collapse: collapse; border-bottom: solid 1px #ccc; padding: 4px 0px }


#tmplWrap { margin: 0px auto; width: 990px; padding: 0px 0px }
#tmplBottom { margin: 0px auto; width: 990px; height: 25px;}
#tmplVeryBottom { margin: 0px auto 20px auto; width: 960px; font: 9pt verdana, sans-serif; color: #777 ; text-align: right; }
#tmplVeryBottom a { text-decoration: none; color: #666; border-bottom: dotted 1px #999 }

#tmplContent { clear: both; margin: 0px auto; min-height: 150px; width: 930px; padding: 0px 15px 30px 15px }
#tmplContent a { text-decoration: none; border-bottom: dotted 1px #aaa; color: #8C1229 }
#tmplContent a:hover { color: #000000; border-bottom-style: solid }
#tmplContent p { margin: 0px 0px 8px 0px }

ul.menu { margin: 0px; padding: 0px }
ul.menu li { list-style-type: none; margin: 9px 0px; padding: 0px; text-indent: 0px; font-size: 120% }

ul.members { margin: 0px; padding: 0px }
ul.members li { list-style-type: none; margin: 3px 0px; padding: 0px; text-indent: 0px; font-size: 90%}

/* Would use multiple class selectors here but support is not 100% */
.c { float: left; margin: 5px 5px; display: block }
.c1 { width: 300px }
.c2 { width: 610px }
.c3 { width: 920px }

.c .t { width: 100%; height: 10px; float: left; }
.c1 .t { background-image: url(/f/border-280-top.png); }
.c2 .t { background-image: url(/f/border-590-top.png); }
.c3 .t { background-image: url(/f/border-900-top.png); }

.c .b { width: 100%; height: 10px; float: left; }
.c1 .b { background-image: url(/f/border-280-bottom.png); }
.c2 .b { background-image: url(/f/border-590-bottom.png); }
.c3 .b { background-image: url(/f/border-900-bottom.png); }

.c .i { overflow: hidden; clear: both; padding: 0px 10px; font: 9pt verdana, sans-serif; color: #555; background-repeat: repeat-y }
.c1 .i { width: 280px; background-image: url(/f/border-280-back.png) }
.c2 .i { width: 590px; background-image: url(/f/border-590-back.png) }
.c3 .i { width: 900px; background-image: url(/f/border-900-back.png) }




.pagetop { font: 13pt tahoma, verdana, sans-serif; letter-spacing: 1px; margin-bottom: 30px; }

.card { border: solid 1px #000; background-color: #fff; padding: 5px; border-right: solid 2px #000; border-bottom: solid 2px #000 }
.card h1 { margin: 0px; padding: 0px; color: #000; font: bold 12pt sans-serif }
.card .sector { color: #999; font: 9pt sans-serif }
.card .photo { float: right; width: 100px }
table.item { float: left; border: none; clear: both; font: 10pt verdana, sans-serif }
table.item th { text-align: right; font-weight: bold; width: 100px; }

/* Legacy stuff */

#memberblock { font: 10pt sans-serif }
#memberblocktitle { font-weight: bold }
#memberblockservicessym { clear: left; float: left; width: 100px; }
#memberblocklocationsym { clear: left; float: left; width: 100px; }
#memberblockcnamesym { clear: left; float: left; width: 100px; }
#memberblockbnamesym { clear: left; float: left; width: 100px; }
#memberblockemailsym { clear: left; float: left; width: 100px; }
#memberblockwebsym { clear: left; float: left; width: 100px; }
#memberblocktelsym { clear: left; float: left; width: 100px; }
#memberblockmobsym { clear: left; float: left; width: 100px; }
#memberblockfaxsym { clear: left; float: left; width: 100px; }

#memberblocktest1 { margin: 10px 0px; font-style: italic }
#memberblocktest2 { margin: 10px 0px; font-style: italic }




#memberblockpicture { float: right; width: 200px; text-align: right }

pre { clear: both; font: 10pt sans-serif; white-space: pre-line }