/* Style Sheet - Community Group */
/* Text formatting */
body {background-color: #FFFFFF;}
h1 {margin-top: 11px; margin-left: 0; margin-bottom: 0; font-size: 11pt; font-family: Arial; color: #5A8DB9}
h2 {margin-top: 10px; margin-left: 0; margin-bottom: 0; font-size: 11pt; font-family: Arial; color: #229B99}
h3 {margin-top: 10px; margin-left: 0; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #229B99}
h4 {margin-top: 10px; margin-left: 0; margin-bottom: 0; font-size: 9pt; font-family: Arial; color: #229B99}
h1.h1topicpromo {margin-top: 5px; margin-left: 15px; margin-bottom: 5px; font-size: 12pt; font-family: Arial; font-style: italic; color: #FFFFFF}
h1.h1page {margin-top: 3px; margin-left: 0px; margin-bottom: 3px; margin-right: 5px; font-size: 11pt; font-family: Arial; font-weight: bold; font-style: italic; color: #FFFFFF; display: inline;}
h1.h1informpanel {margin-top: 0px; margin-left: 20px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #5A8DB9}
h1.h1searchpanel {margin-top: 10px; margin-left: 20px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #5A8DB9}
h1.h1pagelisthead {margin-top: 3px; margin-left: 5px; margin-bottom: 2px; font-size: 11pt; font-family: Arial; color: #FFFFFF; display: inline;}
h1.h1calhead {margin-top: 12px; margin-left: 5px; margin-bottom: 0px; font-size: 9pt; font-family: Arial; color: #FFFFFF}
h1.h1contactlist {margin-top: 8px; margin-left: 0; margin-bottom: 0; font-size: 11pt; font-family: Arial; color: #5A8DB9}
h2.h2pageedittitle {margin-top: 3px; margin-left: 0; margin-bottom: 4px; font-size: 10pt; font-family: Verdana; color: #5A8DB9}
p {margin-top: 10px; margin-left: 0px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #0A4179}
p.pnoitalic {margin-top: 10px; margin-left: 0px; margin-bottom: 0; font-size: 10pt; font-family: Arial; font-style: normal; color: #414375}
p.pnogap {margin: 0; font-size: 1px; font-family: Arial; color: #000000; line-height: 0; padding: 0; border: 0;}
p.pnogapright {margin-top: 0; margin-left: 20px; margin-bottom: 0; font-size: 1px; font-family: Arial; color: #000000; line-height: 0; padding: 0; border: 0;}
p.pnogaptop {margin-top: 0px; margin-left: 0px; margin-bottom: 0; font-size: 10pt; font-family: Arial; font-style: italic; color: #414375}
p.pmainmenu {margin-top: 2px; margin-left: 27px; margin-bottom: 0; font-size: 9pt; font-weight: bold; font-family: Arial; color: #FFFFFF}
p.ptoolbar {margin-top: 0px; margin-left: 0; margin-bottom: 0; font-size: 8pt; font-weight: bold; font-family: Arial; color: #FFFFFF}
p.phomewhat {margin-top: 8px; margin-left: 5px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #0A4179}
p.phomewhaticon {margin-top: 8px; margin-left: 5px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #0A4179}
p.pcopy {margin-top: 10px; margin-left: 70px; margin-bottom: 10px; font-size: 8pt; font-family: Arial; color: #417BAE}
p.ptopiclist {margin-top: 2px; margin-left: 3px; margin-bottom: 2px; margin-right: 3px; font-size: 10pt; font-family: Arial; font-weight: bold; color: #4F5BB8}
p.ptopicpagelist {margin-top: 10px; margin-left: 4px; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #0A4179}
p.ptopicsummary {margin-top: 5px; margin-left: 0; margin-bottom: 0; margin-right: 5px; font-size: 8pt; font-family: Arial; color: #0A4179}
p.ptopicintro {margin-top: 10px; margin-left: 10px; margin-bottom: 0; margin-right: 0px; font-size: 10pt; font-family: Arial; color: #0A4179}
p.putilpanel {margin-top: 8px; margin-left: 20px; margin-bottom: 0; margin-right: 4px; font-size: 8pt; font-family: Arial; color: #414375}
p.psearch {margin-top: 2px; margin-left: 0; margin-bottom: 0; font-size: 8pt; font-family: Arial; color: #0A4179}
p.psearchadv {margin-top: 0px; margin-left: 0; margin-bottom: 0; font-size: 10pt; font-family: Arial; color: #0A4179}
p.ppagebread {margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; font-size: 8pt; font-family: Arial; font-style: normal; color: #0A4179; display: inline;}
p.ppagebreadtopic {margin-top: 3px; margin-left: 0px; margin-bottom: 2px; margin-bottom: 0px; margin-right: 0px; font-size: 8pt; font-family: Arial; font-style: normal; color: #0A4179; display: inline;}
p.pkeypage {margin-top: 10px; margin-left: 20px; margin-bottom: 0; font-size: 10pt; font-family: Arial; font-style: italic; color: #414375}
p.pkeyadd {margin-top: 0px; margin-left: 0px; margin-bottom: 0; font-size: 10pt; font-family: Arial; text-align: right;}
p.psearchpanel {margin-top: 4px; margin-left: 0px; margin-bottom: 0; font-size: 8pt; font-family: Arial; font-style: italic; color: #0A4179}
p.pcalendar {margin-top: 10px; margin-left: 0px; margin-bottom: 10px; font-size: 10pt; font-family: Arial; color: #0A4179}

/* List formats */
ul {list-style-type: disc; list-style-position: outside; color: #0A4179; margin: 0; padding: 0 0 0 30px; font-size: 10pt; line-height: 13pt; font-family: Arial;}
ol {list-style-position: outside; color: #0A4179; margin: 5px 0 0 0; padding: 0 0 0 35px; font-size: 10pt; font-family: Arial; }
li {margin: 0; padding: 8px 0 0 0;}

/* Links */
a:link {color: #417BAE}
a:visited {color: #417BAE}
a:hover {color: #417BAE}
a:active {color: #417BAE}

a.whitelink:link {color: #FFFFFF}
a.whitelink:visited {color: #FFFFFF}
a.whitelink:hover {color: #FFFFFF}
a.whitelink:active {color: #FFFFFF}

a.atoolbar:link {color: #FFFFFF; text-decoration: none;}
a.atoolbar:visited {color: #FFFFFF; text-decoration: none;}
a.atoolbar:hover {color: #FFFFFF; text-decoration: underline;}
a.atoolbar:active {color: #FFFFFF; text-decoration: none;}

a.copylink:link {color: #417BAE}
a.copylink:visited {color: #417BAE}
a.copylink:hover {color: #417BAE}
a.copylink:active {color: #417BAE}

a.topiclink:link {color: #4F5BB8}
a.topiclink:visited {color: #4F5BB8}
a.topiclink:hover {color: #4F5BB8}
a.topiclink:active {color: #4F5BB8}

a.topicsel:link {color: #FFFFFF; text-decoration: none;}
a.topicsel:visited {color: #FFFFFF; text-decoration: none;}
a.topicsel:hover {color: #FFFFFF; text-decoration: underline;}
a.topicsel:active {color: #FFFFFF; text-decoration: none;}

a.menulink:link {color: #FFFFFF; text-decoration: none;}
a.menulink:visited {color: #FFFFFF; text-decoration: none;}
a.menulink:hover {color: #FFFFFF; text-decoration: underline;}
a.menulink:active {color: #FFFFFF; text-decoration: none;}

a.homewhatlink:link {color: #417BAE}
a.homewhatlink:visited {color: #417BAE}
a.homewhatlink:hover {color: #417BAE}
a.homewhatlink:active {color: #417BAE}

a.homeh1:link {color: #05775F; text-decoration: none; font-weight: bold;}
a.homeh1:visited {color: #05775F; text-decoration: none; font-weight: bold;}
a.homeh1:hover {color: #05775F; text-decoration: underline; font-weight: bold;}
a.homeh1:active {color: #05775F; text-decoration: none; font-weight: bold;}

/* form and image classes */
input.inpsearch {background-color: #FFFFFF; color: #0A4179; border: 1px solid #CCCCCC; font-family: Arial; font-size: 9pt; text-align: left; margin-top: 2px; margin-bottom: 0px; padding: 2px}
input.inppagetitle {background-color: #90C6E2; color: #FFFFFF; border: 1px solid #000000; font-family: Arial; font-size: 11pt; font-weight: bold; font-style: italic; text-align: left; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; padding: 0;}
input.inpcaltitle {background-color: #FFFFFF; color: #33366B; border: 1px solid #999999; font-family: Arial; font-size: 10pt; text-align: left;}
textarea.txtcal {background-color: #FFFFFF; color: #33366B; border: 1px solid #999999; font-family: Arial; font-size: 10pt; text-align: left; margin-top: 2px; margin-bottom: 0px; padding: 2px}
textarea.txtstd {background-color: #FFFFFF; color: #33366B; border: 1px solid #999999; font-family: Arial; font-size: 8pt; text-align: left; margin-top: 2px; margin-bottom: 0px; padding: 2px}
select.selsearch {background-color: #FFFFFF; color: #000000; border: 1px solid #999999; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 8pt; text-align: left; margin-top: 0px; margin-bottom: 0px; padding: 0px}
input.inptopic {background-color: #FFFFFF; color: #4F5BB8; border: 1px solid #999999; font-family: Arial; font-weight: bold; text-decoration: underline;  font-size: 10pt; text-align: left;}
input.inptopicuseful {background-color: #BB005B; color: #FFFFFF; border: 1px solid #999999; font-family: Arial; font-weight: bold; font-style: italic; font-size: 12pt; text-align: left;}
input.inpcontact {background-color: #FFFFFF; color: #5A8DB9; border: 1px solid #999999; font-family: Arial; font-weight: normal; font-weight: bold; font-size: 11pt; text-align: left;}

/* div positions for screen layout */
div.headertop {position: absolute; left: 0px; top: 0px; width: 800px; height: 26px; z-index: 1; vertical-align: top; visibility: visible;}
div.headerbottom {position: absolute; left: 0px; top: 26px; width: 800px; height: 84px; z-index: 1; vertical-align: top; visibility: visible;}
div.menumain {position: absolute; left: 0px; top: 110px; width: 800px; height: 23px; z-index: 4; vertical-align: top; visibility: visible; background-image: url(../image/menu-bg.jpg);}

div.topmenustaff {position: absolute; left: 120px; top: 30px; width: auto; height: 20px; z-index: 3; vertical-align: top; visibility: visible;}
div.topmenutool {position: absolute; left: 320px; top: 0px; width: 480px; height: 37px; z-index: 4; vertical-align: top; visibility: visible; background-color: #0A4179;}
div.topmenutoolpad {position: absolute; left: 0px; top: 0px; width: 320px; height: 37px; z-index: 4; vertical-align: top; visibility: visible; background-color: #0A4179;}

div.searchbox {position: absolute; left: 520px; top: 74px; width: 180px; height: 24px; z-index: 3; text-align: right; vertical-align: top; text-align: right; visibility: visible;}
div.searchbutton {position: absolute; left: 705px; top: 69px; width: 43px; height: 22px; z-index: 5; vertical-align: top; visibility: visible;}

div.homecolumn1 {position: absolute; left: 20px; top: 140px; width: 480px; height: auto; z-index: 2; vertical-align: top; visibility: visible; border: 0; padding: 0px;}
div.homecolumn1heading {width: 230px; height: auto; z-index: 3; vertical-align: top; visibility: visible; background-color: #4C4CA5}
div.homecolumn3 {position: absolute; left: 520px; top: 133px; width: 280px; height: auto; z-index: 2; vertical-align: top; visibility: visible; border: 0; padding: 0px; background-color: #D7EFFC;}
div.homecolumn3text {float: left; width: 240px; height: auto; z-index: 3; vertical-align: top; visibility: visible;}
div.homecolumn3pad {float: right; width: 1px; height: 300px; z-index: 3; vertical-align: top; visibility: visible;}
div.homecolumn3copy {clear: left; width: 240px; height: auto; z-index: 3; vertical-align: top; visibility: visible;}
div.homecoldot1 {position: absolute; left: 6px; top: 140px; width: 8px; height: 385px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/home_col_dots.gif);}
div.homecoldot3 {position: absolute; left: 503px; top: 140px; width: 8px; height: 385px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/home_col_dots.gif);}
div.footertop {position: absolute; left: 0px; top: 610px; width: 800px; height: 3px; z-index: 1; vertical-align: top; visibility: visible; background-color: #0A4179;}
div.footerbottom {position: absolute; left: 0px; top: 613px; width: 800px; height: 71px; z-index: 1; vertical-align: top; visibility: visible;}

div.contentlogo {position: absolute; left: 150px; top: 8px; width: 160px; height: 83px; z-index: 2; vertical-align: top; visibility: visible;}
div.contentbottom {position: absolute; left: 0px; top: 32px; width: 800px; height: 101px; z-index: 1; vertical-align: top; visibility: visible;}
div.contentmenu {position: absolute; left: 0px; top: 112px; width: 800px; height: 31px; z-index: 1; vertical-align: top; visibility: visible;}

div.topiclistnone {position: absolute; left: 0px; top: 133px; width: 520px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}
div.topiclistsel {position: absolute; left: 0px; top: 133px; width: 250px; height: 425px; z-index: 2; vertical-align: top; visibility: visible; background-color: #D7EFFC;}
div.topicpagelist {position: absolute; left: 270px; top: 162px; width: 510px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}
div.topicpromobox {position: absolute; left: 520px; top: 133px; width: 280px; height: 425px; z-index: 2; vertical-align: top; visibility: visible; border: 0; padding: 0px; background-color: #D7EFFC;}
div.topicpromoboxtext {width: 240px; height: auto; z-index: 3; vertical-align: top; visibility: visible; border: 0; padding: 0px;}
div.topiccoldot1 {position: absolute; left: 8px; top: 140px; width: 5px; height: 432px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/topic_col_dots.gif);}
div.topiccoldot2 {position: absolute; left: 256px; top: 140px; width: 5px; height: 432px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/topic_col_dots.gif);}
div.topiccoldot3 {position: absolute; left: 548px; top: 140px; width: 5px; height: 432px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/topic_col_dots.gif);}
div.topiccoldot4 {position: absolute; left: 786px; top: 140px; width: 5px; height: 432px; z-index: 1; vertical-align: top; visibility: visible; background-image: url(../image/topic_col_dots.gif);}
div.topicaddbutton {position: absolute; left: 19px; top: 140px; width: 200px; height: 17px; z-index: 3; margin: 0; padding: 0; vertical-align: top; visibility: visible;}
div.topiclistaddbutton {position: absolute; left: 180px; top: 140px; width: 600px; height: 17px; z-index: 3; margin: 0; padding: 0; vertical-align: top; text-align: right; visibility: visible;}
div.topiclisticon {position: absolute; left: 0px; top: 153px; width: 57px; height: auto; z-index: 3; align: center; vertical-align: top; visibility: visible;}

div.pagecontent {position: absolute; left: 19px; top: 155px; width: 522px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}
div.pagehead {width: 522px; height: auto; z-index: 2; margin: 0; padding: 0; vertical-align: top; text-align: right; visibility: visible; background-color: #7BC0E3;}
div.pageheadtext {width: 512px; height: auto; z-index: 3; margin: 0; padding: 0; vertical-align: top; text-align: left; visibility: visible; background-color: #7BC0E3;}
div.pageheadedit {width: 522px; height: auto; z-index: 2; margin: 0; padding: 0; vertical-align: top; visibility: visible;}
div.pageutilpanel {position: absolute; left: 560px; top: 133px; width: 240px; height: auto; z-index: 2; margin: 0; padding: 0; vertical-align: top; visibility: visible; background-color: #D7EFFC;}

div.calendarcontent {position: absolute; left: 20px; top: 162px; width: 780px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}
div.caladdbutton {position: absolute; left: 180px; top: 145px; width: 600px; height: 17px; z-index: 3; margin: 0; padding: 0; vertical-align: top; text-align: right; visibility: visible;}

div.contactlist {position: absolute; left: 10px; top: 164px; width: 520px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}
div.contactpanel {position: absolute; left: 520px; top: 133px; width: 280px; height: auto; z-index: 2; vertical-align: top; visibility: visible; border: 0; padding: 0px; background-color: #D7EFFC;}

div.searchtotal {position: absolute; left: 0px; top: 30px; width: 400px; height: auto; z-index: 2; vertical-align: top; visibility: visible;}