body {
font-family: Arial, Verdana, Sans-serif;
font-size: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px
}

table.topbar {
background-color: #6973d0;
height: 95px;
}

td.newslogan {
border-top: 1px solid #4f4bb4;
border-bottom: 1px solid #4f4bb4;
text-align: right;
color: #ffffff;
font-size: 110%;
font-weight: bold;
padding-top: 60px
}

td.rightbanner {
background-image: url(images/boxes3.gif);
background-repeat: no-repeat;
width: 22px;
}

a.doclink {
text-decoration: none
}
a:hover.doclink {
text-decoration: underline
}

a.dochelplink {
background-color: #f5f5f5;
color: #2f2f32;
}

.dochelp {
background-color: #f5f5f5;
border: 1px dashed #e1e1e1;
color: #2f2f32;
padding: 3px
}

table.topmenu {
height: 17px;
width: 100%
}

table.mainmenu {
border: 1px solid #d7d8ec;
width: 200px
}

table.mainmenuitem {
border: 1px solid #d7d8ec
}

table.gazettedeadlines {
border: 1px solid black
}

table.memberdetails {
background-color: #ffffff;
border: 1px solid #3c3abc;
color: #3c3abc;
width: 90%
}

table.meetings {
border: 1px solid #6c3abc
}

table.right {
text-align: right
}

table.cntr {
text-align: center
}

td {
vertical-align: top;
text-align: left
}

td.mid {
vertical-align: middle
}

td.cntrbot {
text-align: center;
vertical-align: bottom
}

td.right {
text-align: right
}

td.left {
text-align: left
}

td.cntr {
text-align: center
}

td.cntrmid {
text-align: center;
vertical-align: middle
}

td.miniheaders {
background-color: #ffffff;
color: #777ac3;
font-weight: bold
}

td.onewidth {
width: 1px
}

td.maxwidth {
width: 100%
}

td.halfwidth {
width: 50%
}

td.twentyfiveheight {
height: 25px
}

td.fifteenheight {
height: 15px
}

td.eightheight {
height: 8px
}

td.fiveheight {
height: 5px
}

td.threeheight {
height: 3px
}

td.twoheight {
height: 2px
}

td.maincolour {
background-color: #3c3abc;
color: #000000;
height: 80px;
width: 100%
}

td.logocol {
width: 522px
}

td.sloganheight {
height: 45px
}

td.boxes {
text-align: right;
width: 73px
}

td.topbar {
height: 20px;
position: fixed;
overflow: hidden;
text-align: right;
}

td.homewidth {
width: 48px
}

td.aboutwidth {
width: 53px
}

td.contactwidth {
width: 85px
}

td.sitemapwidth {
width: 60px
}

td.linkswidth {
width: 46px
}

td.memberswidth {
width: 103px
}

td.topgap {
height: 4px
}

td.mainmenuwidth {
width: 200px
}

td.mainmenu {
height: 25px
}

td.alignmainmenuitems {
height: 3px
}

td.menucolour {
background-color: #7c87d2;
color: #000000;
width: 15px
}

td.gapabovepic {
height: 3px
}

td.gapbelowpic {
height: 10px
}

td.headertext {
background-color: #ffffff;
color: #f0ff00;
text-align: right;
vertical-align: bottom
}

td.mainbg {
background-color: #f8f8fc;
border: 1px solid #d7d8ec;
color: #000000;
text-align: justify;
vertical-align: top
}

td.homepic {
background-image: url(images/pic.jpg);
background-repeat: no-repeat;
width: 370px;
height: 240px
}

td.slogan {
background-color: #3c3abc;
color: #9c9dd9;
font-family: "Arial Narrow", Arial, Sans-serif;
font-size: 125%;
font-style: italic
}

td.gazetteheader {
background-color: #d8daee;
border: 1px solid #d7d8ec;
color: #777ac3;
text-align: center
}

td.gazette {
background-color: #f8f8fc;
color: #777ac3;
text-align: left
}

td.titles {
background-color: gray;
color: #ffffff;
font-size: 110%;
}

td.idbtitles {
background-color: #e6e6f6;
border: 1px solid #d8daee;
color: #3c3abc;
}

td.longblockheader {
background-color: #f6f6ff;
color: #6973d0;
font-size: 115%;
font-weight: bold
}

a.longblockheadertitlelink {
background-color: #f6f6ff;
color: #6973d0;
font-size: 100%;
font-weight: bold
}

a.longblockheaderlinks {
background-color: #f6f6ff;
color: #6973d0;
font-size: 115%;
font-weight: bold;
text-decoration: none;
}
a:hover.longblockheaderlinks {
text-decoration: underline
}

td.block1header {
background-color: #fff3ea;
color: #d7823d;
font-size: 115%;
font-weight: bold
}

td.block2header {
background-color: #fef3f3;
color: #dfa1a1;
font-size: 115%;
font-weight: bold
}

td.block3header {
background-color: #ecfee7;
color: #6cb954;
font-size: 115%;
font-weight: bold
}

td.block4header {
background-color: #fffae0;
color: #efca34;
font-size: 115%;
font-weight: bold
}

td.longblock {
background-color: #f6f6ff;
border: 1px dotted #d8daee;
color: #000000;
font-size: 85%;
text-align: left;
width: 50%
}

td.block1 {
background-color: #fff3ea;
border: 1px dotted #ffc495;
color: #000000;
font-size: 85%;
text-align: left;
width: 50%
}

td.block2 {
background-color: #fef3f3;
border: 1px dotted #e6b3b3;
color: #000000;
font-size: 85%;
text-align: left;
width: 50%
}

td.block3 {
background-color: #ecfee7;
border: 1px dotted #92d47e;
color: #000000;
font-size: 85%;
text-align: left;
width: 50%
}

td.block4 {
background-color: #fffae0;
border: 1px dotted #f6d240;
color: #000000;
font-size: 85%;
text-align: left;
width: 50%
}

td.righthandcolumn {
width: 180px
}

td.footer {
background-color: #f2f3fa;
border: 1px solid #d7d8ec;
color: #9295cc;
font-size: 90%;
width: 100%
}

td.leftfooter {
width: 200px
}

td.footertext {
background-color: #f2f3fa;
color: #9295cc;
font-size: 90%;
text-align: center
}

td.footertextright {
background-color: #f2f3fa;
color: #9295cc;
font-size: 90%;
text-align: right;
vertical-align: bottom;
width: 200px
}

td.contact {
background-color: #ffffff;
color: #5e5e5e;
text-align: center
}

td.contactform {
background-color: #ffffff;
color: #5e5e5e;
text-align: right;
vertical-align: middle
}

td.contactformtop {
background-color: #ffffff;
color: #5e5e5e;
text-align: right;
vertical-align: top
}

td.cntrred {
background-color: #ffffff;
color: red;
text-align: center
}

td.cntrblue {
background-color: #ffffff;
color: blue;
text-align: center
}

td.linkarrows {
width: 15px
}

td.halfcntr {
text-align: center;
width: 50%
}

td.halfleft {
text-align: left;
width: 50%
}

.gazettetableleft {
border: 1px solid black;
width: 150px
}

.gazettetable {
border: 1px solid black;
text-align: center;
width: 100px
}

th.meetingheader1 {
background-color: #6c3abc;
color: #ffffff;
font-weight: bold;
width: 100px
}

th.meetingheader2 {
background-color: #6c3abc;
color: #ffffff;
font-weight: bold;
width: 240px
}

th.meetingheader3 {
background-color: #6c3abc;
color: #ffffff;
font-weight: bold
}

td.meetingtable {
background-color: #ffffff;
border: 1px solid #6c3abc;
color: #6c3abc;
text-align: left
}

td.boldunderline {
font-weight: bold;
text-decoration: underline
}

td.memberheader {
background-color: #3c3abc;
color: #ffffff
}

a.bluelink {
background-color: #f8f8fc;
color: #777ac3
}

a.bluelinkwhitebg {
background-color: #ffffff;
color: #777ac3
}

a.darkbluelink {
background-color: #ffffff;
color: #3c3abc
}

a.bluehoverlink {
background-color: #f8f8fc;
color: #777ac3;
text-decoration: none
}
a:hover.bluehoverlink {
text-decoration: underline
}

a.bluehoverlinkwhitebg {
background-color: #ffffff;
color: #777ac3;
font-weight: bold;
text-decoration: none
}
a:hover.bluehoverlinkwhitebg {
text-decoration: underline
}

a.blacklink {
background-color: #ffffff;
color: #000000
}

a.blacklinkpinkbg {
background-color: #fef3f3;
color: #000000
}

a.blacklinkyellowbg {
background-color: #fffae0;
color: #000000
}

a.boldblacklink {
background-color: #ffffff;
color: #000000;
font-weight: bold
}

a.greylink {
background-color: #ffffff;
color: #5e5e5e
}

a.idblink {
background-color: #ffffff;
color: #3c3abc
}

a.footertext {
background-color: #f2f3fa;
color: #9295cc;
text-decoration: none
}
a:hover.footertext {
text-decoration: underline
}

img.noborder {
border: none
}

a.normaltxt {
background-color: #f2f3fa;
color: black;
font-size: 100%;
text-decoration: none
}
a:hover.normaltxt {
text-decoration: underline
}

a.mediumtxt {
background-color: #f2f3fa;
color: black;
font-size: 125%;
text-decoration: none
}
a:hover.mediumtxt {
text-decoration: underline
}

a.largetxt {
background-color: #f2f3fa;
color: black;
font-size: 140%;
text-decoration: none
}
a:hover.largetxt {
text-decoration: underline
}

p.cntr {
text-align: center
}

form {
margin: 0px;
padding: 0px;
}

h3 {
background-color: #ffffff;
color: #3c3abc;
font-family: "Arial Narrow", Arial, Sans-serif
}

h4 {
background-color: #ffffff;
color: #000000;
font-family: Arial, Verdana, "Times New Roman", Sans-serif
}

hr {
background-color: #ffffff;
color: #3c3abc;
height: 1px
}

hr.contact {
width: 90%
}

img.gazette {
border: 1px solid #9295cc
}

img.border {
border: 1px solid #a1a1a1
}

input {
font-size: 90%
}

input.password {
font-size: 90%
}

textarea {
font-family: Arial, Verdana, Sans-serif;
font-size: 87%
}

select {
font-size: 90%
}

.rightimg {
border: 1px solid #a1a1a1;
float: right;
margin-left: 20px;
margin-bottom: 5px
}

.leftimg {
border: 1px solid #a1a1a1;
float: left;
margin-right: 20px;
margin-bottom: 5px
}

.rightimgborderless {
border: 0px;
float: right;
margin-left: 20px;
margin-bottom: 5px
}

.cntr {
text-align: center
}

#topmenucolour {
background-color: #fef4c0;
border: 1px solid #d7d8ec;
color: #777ac3;
font-size: 87%;
height: 17px;
padding-top: 3px;
text-align: center
}

.topmenubars {
background-color: #f2f3fa;
border: 1px solid #d7d8ec;
color: #f2f3fa;
font-size: 87%;
height: 17px;
padding-top: 3px;
text-align: center
}

.topmenuitem {
background-color: #f2f3fa;
color: #777ac3;
border: 1px solid #d7d8ec;
height: 17px;
text-align: center
}

.topmenuitem a { font-size: 87%; background-color: #f2f3fa; color: #777ac3; text-decoration: none; display: block; height: 100%; padding-top: 3px }

.topmenuitem a:hover { background-color: #fef4c0; color: #777ac3 }

#searchbar {
background-color: #f2f3fa;
border: 1px solid #d7d8ec;
color: #9295cc;
font-size: 90%;
height: 100%
}

#mainmenucolour {
background-color: #d8daee;
color: #777ac3;
font-family: Arial, Verdana, Sans-serif;
font-size: 95%;
height: 19px;
padding-top: 4px
}

.mainmenuitem {
background-color: #fef4c0;
color: #777ac3;
height: 19px
}

.mainmenuitem a { font-size: 95%; background-color: #fef4c0; color: #777ac3; text-decoration: none; display: block; height: 100%; padding-top: 4px }

.mainmenuitem a:hover { background-color: #d8daee; color: #777ac3 }


/* ------- Menu -------- */


.mainNav {
font-size: 95%;
margin: 0px;
margin-top: 1px;
padding: 0px;
text-align:left;
}

.mainNav ul {
margin:0px;
padding:0px;
}

.mainNav li {
border: 1px solid #d7d8ec;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.mainNav a {
background-color: #fef4c0;
border-left: 12px solid #7c87d2;
color: #777ac3;
display: block;
margin: 0;
margin-bottom: 3px;
padding: 5px 0px 5px 0px;
text-decoration: none;
width: 179px
}

.mainNav a:link {
color: #777ac3;
text-decoration: none;
}

.mainNav a:hover {
background-color: #d8daee;
color: #777ac3;
border-left: 12px solid #7c87d2;
text-decoration: none;
width: 179px
}

.mainNav a.up {
background-color: #d8daee;
color: #777ac3;
border-left: 12px solid #7c87d2;
text-decoration: none;
width: 179px
}

.bold {
font-weight: bold
}

.smallertext {
font-size: 90%
}
