body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 75%; background: #91c73e url(../images/green/body-back.gif) repeat-x; }

h1, h2, h3, h4 { margin: 0; padding: 0; font-family: georgia, sans-serif; font-weight: normal; }
p { margin: 0; padding: 0; }
img { border: 0; }
a { cursor: pointer; }

p.sg_footnote { font-size: 85%; }

.googlemap { width: 100%; height: 200px; border: 1px solid #999; }

.sg_navLink { color: #91C73E !important; padding: 0 9px 0 0; background: url(../images/more-arrow.gif) 100% 60% no-repeat; text-decoration: none; font-weight: bold; }

.clear, .sg_clear { clear: both; }

.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 5px 0 0; }

.main { width: 965px; margin: 0 auto;background: url( ../images/green/main-back.gif ) repeat-y; }
.mainInner { background: url( ../images/green/maininner-back.gif ) no-repeat; padding: 0 25px;  }

.header { padding: 20px 0; }
.header img { float: left; }
.header .searchbox { float: right; margin-top: 28px; background: url(../images/searchbox-back.gif) no-repeat; font-size: 85%; width: 183px; padding: 2px 2px 5px 5px; }
.header .searchbox p, .header .searchbox form { margin: 0; padding: 0; }
.header .searchbox input.searchtext { width: 115px; padding: 0 3px 1px 3px; font-size: 100%; vertical-align: bottom; border: 0; }
.header .searchbox input.go { vertical-align: bottom; }

.banner { padding: 0 0 12px 0; border-bottom: 4px solid #91c73e; width: 915px; display: block; height: 242px}
.banner #c4 p {position: relative; z-index: 20000}
.innerbanner {display: block; height: 242px; width: 915px; overflow: hidden }
.innerbanner a{display: block; height: 242px; width: 915px; overflow: hidden }
.content { width: 915px; margin: 0; border-bottom: 4px solid #91c73e; position: relative; background: url(../images/content_back.gif) top right repeat-y; padding-top: 12px; }
.content2col { margin: 0; border-bottom: 4px solid #91c73e; position: relative; background: none; padding-top: 12px; }

.content h1 { padding: 0 0 10px 0; font-size: 220%; }
.content h2 { padding: 0 0 10px 0; font-size: 180%; }
.content h3 { padding: 0 0 10px 0; font-size: 140%; }
.content h4 { padding: 0 0 10px 0; font-size: 120%; }
.content p { line-height: 130%; padding: 0 0 10px 0; color: #333; }
.content ul { padding: 0 0 10px 0; margin: 0 0 0 20px; }
.content li { padding: 0 0 5px 0; margin: 0; }
.content a { color: #8199a6; }
.content .news {position: relative}
a.rsslink {position: absolute; height: 16px; width: 16px; display: block; top: 0; left: 85px}

.content .left { width: 180px; float: left; margin: 0; padding: 0 0 151px 0; }
.content .left .talktous { position: absolute; bottom: 20px; left: 0; }

.content .centre { width: 445px; float: left; padding: 0 27px 0 28px; }
.content .centrewide { width: 707px; float: left; padding: 0 0 0 28px; }
.content .centre p { color: #333; }
.content .centre .breadcrumb { font-size: 90%; }
.content .centre .breadcrumb p  { color: #999; }
.content .centre .breadcrumb a { color: #999; }
.content .centre .breadcrumb p strong  { color: #999; font-weight: normal }

.content div.sg_featurebox { border: 1px solid #999; width: 203px; padding: 5px 5px 0 5px; float: left; margin: 0 5px 5px 0; height: 200px; background: #fff; overflow: hidden; }
.content div.sg_featurebox h2 { margin: 0 0 5px 0; padding: 5px; background: #ddd; font-size: 110%; color: #000; }
.content div.sg_featurebox a { color: #000; }
.content div.sg_featurebox h2 a { text-decoration: none; text-transform: uppercase; color: #000; }

.content .right { width: 215px; float: left; margin: 0; padding: 0 10px; }

.rss { float: right; margin: 3px 0 0 0; }
.content .right .newsfeed .an { border-bottom: 1px solid  #91c73e; padding: 10px 0; }
.content .right .newsfeed .an p { padding: 0; }
.content .right .newsfeed .img { float: left; margin: 0 10px 0 0; }
.content .right .newsfeed .txt { float: left; width: 150px; }
.content .right .newsfeed .txtwide { float: left; width: 210px; }
.content .right .newsfeed a.more { padding: 0 9px 0 0; background: url(../images/more-arrow.gif) 100% 60% no-repeat; text-decoration: none; color: #91C73E; font-weight: bold; }

.newsfeeds {border-top: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f; padding: 10px 0; margin: 0 0 10px 0}
.newsfeeds .news {width: 205px; background: url(../images/news-heading.gif) no-repeat top left; padding: 20px 0 0 0; float: left}
.newsfeeds .news .an {padding: 0}
.newsfeeds .news .an p {padding: 0; color: #848488}
.newsfeeds .news .img { float: left; margin: 0 10px 0 0; }
.newsfeeds .news .txt { float: left; width: 180px; }
.newsfeeds .news .txt a{ color: #8199A6;}
.newsfeeds .news .txtwide { float: left; width: 210px; }
.newsfeeds .news a.more { padding: 0 9px 0 0; background: url(../images/more-arrow.gif) 100% 60% no-repeat; text-decoration: none; color: #91C73E; font-weight: bold; }

.newsfeeds .twitter {width: 205px; float: left; padding: 20px 23px 0 0; background: url(../images/twitter-heading.gif) no-repeat top left}
.newsfeeds .twitter p{color: #848488}

.content h1,h2,h3,h4,a { color: #91c73e; }
.content .sg_table_default th { background: #41ad49; color: #fff; padding: 5px; vertical-align: top; }
.content .sg_table_default td { background: #e8f4e6; padding: 5px; vertical-align: top; }
.content .sg_table_default .sg_l1  td{ background: #f4f9f2; padding: 5px; vertical-align: top; }

.content .bottom { margin-left: 208px; background: url(../images/content-bottom.gif) no-repeat; padding: 10px 0 10px 0; }
.content .bottom p { margin: 0; padding: 0; color: #666; font-size: 95%; }
.content .bottom img { vertical-align: middle; }



ul.navigation { margin: 0; padding: 0 0 5px 0; list-style-type: none; font-family: georgia; font-size: 127%; background: url(../images/nav-back.gif) repeat-y; border-bottom: 2px solid #c8e39e; }
ul.navigation li { margin: 0; padding: 2px 0; }
ul.navigation li.selected { background: url(../images/green/nav.gif) repeat-y; }
ul.navigation a { background: url(../images/green/arrow-off.gif) 0 2px no-repeat; display: block; padding: 0 0 0 20px; text-decoration: none; color: #666; }
ul.navigation a:hover { background: url(../images/green/arrow-on.gif) 0 2px no-repeat; }
ul.navigation li.selected a { background: url(../images/green/arrow-on.gif) 0 2px no-repeat; color: #91c73e; color: #000; }

.secondarynavigation ul { margin: 0 0 20px 0; padding: 10px 0 0 0; list-style-type: none; font-family: georgia; font-size: 109%; background: url(../images/nav-back.gif) repeat-y; }
.secondarynavigation li { margin: 0; padding: 2px 0; }
.secondarynavigation li.selected { background: url(../images/green/nav.gif) repeat-y; }
.secondarynavigation a { display: block; padding: 0 0 0 20px; text-decoration: none; color: #666; }
.secondarynavigation a:hover { text-decoration: underline; }
.secondarynavigation li.selected a {color: #91c73e; color: #000; }

.searchbox { margin: 0 0 10px 0; }
.searchbox h2 { background: #008FC5; color: #fff; margin: 0; padding: 6px; font-size: 100%; }
.searchbox .inner { border: 1px solid #ccc; padding: 10px 6px 6px 6px; }
.searchbox p input { vertical-align: middle; font-size: 100%; margin: 0; }
.searchbox p { padding: 0; margin: 1px 0; color: #666; }

.searchresult { background: #e7e7e7; padding: 10px; border: 1px solid #333; margin: 0 0 10px 0; }
.searchresult a { color: #333; }
.searchresult span { background: #B3DBEF; }

.stayconnected { display: block; float: left; }
.divider { display: block; float: left; margin: 0 5px; }
.registernow { display: block; float: left; background: url(../images/registernow.gif) no-repeat; width: 115px; height: 27px; }
.registernow:hover { background: url(../images/registernow-c.jpg) no-repeat; }
.facebookLink { background: url(../images/facebook.gif) no-repeat; display: block; float: left; padding-left: 27px; height: 27px; }
.facebookLink:hover { background: url(../images/facebook-c.jpg) no-repeat; }
.linkedinLink { background: url(../images/linkedin.gif) no-repeat; display: block; float: left; padding-left: 27px; height: 27px; }
.linkedinLink:hover { background: url(../images/linkedin-c.jpg) no-repeat; }
.twitterLink { background: url(../images/twitter.gif) no-repeat; display: block; float: left; padding-left: 27px; height: 27px; }
.twitterLink:hover { background: url(../images/twitter-c.jpg) no-repeat; }

.footer { width: 915px; margin: 0 auto 20px auto; background: url( ../images/green/footer-back.gif ) bottom left no-repeat; padding: 0 25px 18px 25px; font-size: 95%; }
.footer p { margin: 0; padding: 5px 0; color: #666; }
.footer p a { color: #666; }
.footer p.fleft {width: 700px; float: left}
.footer p.fright {width: 200px; float: right; text-align: right; color: #ccc}
.footer p.fright a{color: #ccc}
/* Homepage popup diagram */

#diagram1 { width: 975px; height: 701px; display: none; position: absolute !important; top: -250px !important; left: -30px !important; z-index: 10000; }
#diagram1innerA { background: url( ../images/diagramback.png); width: 935px; height: 661px;padding: 20px;  }
#diagram1 .close { background-image:url(../images/close.png); position:absolute; right:2px; top:2px; cursor:pointer; height:35px; width:35px; z-index: 9999; }
#diagram1inner { width: 935px; height: 661px; position: relative; }
#diagram1 a {display: block;}
#diagram1 a span{display: none;}
#diagram1 a#sprite1 {display: block; position: absolute; top:243px; left: 61px; background: url(../images/spritesheet-text.jpg) 0 0 no-repeat; width: 135px; height: 150px}
#diagram1 a#sprite1:hover {background-position: 0 -186px;}
#diagram1 a#sprite2 {display: block; position: absolute; top:266px; left: 235px; background: url(../images/spritesheet-text.jpg) -135px 0 no-repeat; width: 133px; height: 104px}
#diagram1 a#sprite2:hover {background-position: -135px -186px;}
#diagram1 a#sprite3 {display: block; position: absolute; top:193px; left: 393px; background: url(../images/spritesheet-text.jpg) -268px 0 no-repeat; width: 116px; height: 186px}
#diagram1 a#sprite3:hover {background-position: -268px -186px;}
#diagram1 a#sprite4 {display: block; position: absolute; top:213px; left: 509px; background: url(../images/spritesheet-text.jpg) -384px 0 no-repeat; width: 128px; height: 109px}
#diagram1 a#sprite4:hover {background-position: -384px -186px;}
#diagram1 a#sprite5 {display: block; position: absolute; top:246px; left: 645px; background: url(../images/spritesheet-text.jpg) -512px 0 no-repeat; width: 143px; height: 100px}
#diagram1 a#sprite5:hover {background-position: -512px -186px;}
#diagram1 a#sprite6 {display: block; position: absolute; top:468px; left: 59px; background: url(../images/spritesheet-text.jpg) -655px 0 no-repeat; width: 129px; height: 118px}
#diagram1 a#sprite6:hover {background-position: -655px -187px;}
#diagram1 a#sprite7 {display: block; position: absolute; top:461px; left: 227px; background: url(../images/spritesheet-text.jpg) -784px 0 no-repeat; width: 131px; height: 116px}
#diagram1 a#sprite7:hover {background-position: -784px -188px;}
#diagram1 a#sprite8 {display: block; position: absolute; top:460px; left: 383px; background: url(../images/spritesheet-text.jpg) -915px 0 no-repeat; width: 129px; height: 90px}
#diagram1 a#sprite8:hover {background-position: -915px -186px;}
#diagram1 a#sprite9 {display: block; position: absolute; top:448px; left: 524px; background: url(../images/spritesheet-text.jpg) -1044px 0 no-repeat; width: 127px; height: 116px}
#diagram1 a#sprite9:hover {background-position: -1044px -186px;}
#diagram1 a#sprite10 {display: block; position: absolute; top:473px; left: 675px; background: url(../images/spritesheet-text.jpg) -1171px 0 no-repeat; width: 182px; height: 109px}
#diagram1 a#sprite10:hover {background-position: -1171px -186px;}
#diagram1 a#contactlink{display: block; position: absolute; top:634px; left: 731px; width: 182px; height: 17px; }


/* ORANGE */
body.orange { background: #f47b20 url(../images/orange/body-back.gif) repeat-x; }
body.orange .main { background: url( ../images/orange/main-back.gif ) repeat-y; }
body.orange .mainInner { background: url( ../images/orange/maininner-back.gif ) no-repeat; }
body.orange .footer { background: url( ../images/orange/footer-back.gif ) bottom left no-repeat; }
body.orange .secondarynavigation li.selected { background: url(../images/orange/nav.gif) repeat-y; }
body.orange ul.navigation li.selected { background: url(../images/orange/nav.gif) repeat-y; }
body.orange ul.navigation a { background: url(../images/orange/arrow-off.gif) 0 2px no-repeat; }
body.orange ul.navigation a:hover { background: url(../images/orange/arrow-on.gif) 0 2px no-repeat; }
body.orange ul.navigation li.selected a { background: url(../images/orange/arrow-on.gif) 0 2px no-repeat; }
body.orange .content h1,h2,h3,h4,a { color: #f47b20; }
body.orange .content .sg_table_default th { background: #f47b20; color: #fff; padding: 5px; vertical-align: top; }
body.orange .content .sg_table_default td { background: #fde3ce; padding: 5px; vertical-align: top; }
body.orange .content .sg_table_default .sg_l1 td { background: #fef1e6; padding: 5px; vertical-align: top; }

/* blue */
body.blue { background: #00568a url(../images/blue/body-back.gif) repeat-x; }
body.blue .main { background: url( ../images/blue/main-back.gif ) repeat-y; }
body.blue .mainInner { background: url( ../images/blue/maininner-back.gif ) no-repeat; }
body.blue .footer { background: url( ../images/blue/footer-back.gif ) bottom left no-repeat; }
body.blue .secondarynavigation li.selected { background: url(../images/blue/nav.gif) repeat-y; }
body.blue ul.navigation li.selected { background: url(../images/blue/nav.gif) repeat-y; }
body.blue ul.navigation a { background: url(../images/blue/arrow-off.gif) 0 2px no-repeat; }
body.blue ul.navigation a:hover { background: url(../images/blue/arrow-on.gif) 0 2px no-repeat; }
body.blue ul.navigation li.selected a { background: url(../images/blue/arrow-on.gif) 0 2px no-repeat; }
body.blue .content h1,h2,h3,h4,a { color: #00568a; }
body.blue .content .sg_table_default th { background: #00568a; color: #fff; padding: 5px; vertical-align: top; }
body.blue .content .sg_table_default td { background: #e0ebf1; padding: 5px; vertical-align: top; }
body.blue .content .sg_table_default .sg_l1 td { background: #f0f5f8; padding: 5px; vertical-align: top; }

/* pink */
body.pink { background: #d11c8f url(../images/pink/body-back.gif) repeat-x; }
body.pink .main { background: url( ../images/pink/main-back.gif ) repeat-y; }
body.pink .mainInner { background: url( ../images/pink/maininner-back.gif ) no-repeat; }
body.pink .footer { background: url( ../images/pink/footer-back.gif ) bottom left no-repeat; }
body.pink .secondarynavigation li.selected { background: url(../images/pink/nav.gif) repeat-y; }
body.pink ul.navigation li.selected { background: url(../images/pink/nav.gif) repeat-y; }
body.pink ul.navigation a { background: url(../images/pink/arrow-off.gif) 0 2px no-repeat; }
body.pink ul.navigation a:hover { background: url(../images/pink/arrow-on.gif) 0 2px no-repeat; }
body.pink ul.navigation li.selected a { background: url(../images/pink/arrow-on.gif) 0 2px no-repeat; }
body.pink .content h1,h2,h3,h4,a { color: #d11c8f; }
body.pink .content .sg_table_default th { background: #d11c8f; color: #fff; padding: 5px; vertical-align: top; }
body.pink .content .sg_table_default td { background: #f3d5e6; padding: 5px; vertical-align: top; }
body.pink .content .sg_table_default .sg_l1 td { background: #f9eaf2; padding: 5px; vertical-align: top; }

/* purple */
body.purple { background: #6e1f7a url(../images/purple/body-back.gif) repeat-x; }
body.purple .main { background: url( ../images/purple/main-back.gif ) repeat-y; }
body.purple .mainInner { background: url( ../images/purple/maininner-back.gif ) no-repeat; }
body.purple .footer { background: url( ../images/purple/footer-back.gif ) bottom left no-repeat; }
body.purple .secondarynavigation li.selected { background: url(../images/purple/nav.gif) repeat-y; }
body.purple ul.navigation li.selected { background: url(../images/purple/nav.gif) repeat-y; }
body.purple ul.navigation a { background: url(../images/purple/arrow-off.gif) 0 2px no-repeat; }
body.purple ul.navigation a:hover { background: url(../images/purple/arrow-on.gif) 0 2px no-repeat; }
body.purple ul.navigation li.selected a { background: url(../images/purple/arrow-on.gif) 0 2px no-repeat; }
body.purple .content h1,h2,h3,h4,a { color: #6e1f7a; }
body.purple .content .sg_table_default th { background: #6c1b78; color: #fff; padding: 5px; vertical-align: top; }
body.purple .content .sg_table_default td { background: #dacbdf; padding: 5px; vertical-align: top; }
body.purple .content .sg_table_default .sg_l1 td { background: #ece5ef; padding: 5px; vertical-align: top; }


/* darkgreen */
body.darkgreen { background: #005c29 url(../images/darkgreen/body-back.gif) repeat-x; }
body.darkgreen .main { background: url( ../images/darkgreen/main-back.gif ) repeat-y; }
body.darkgreen .mainInner { background: url( ../images/darkgreen/maininner-back.gif ) no-repeat; }
body.darkgreen .footer { background: url( ../images/darkgreen/footer-back.gif ) bottom left no-repeat; }
body.darkgreen .secondarynavigation li.selected { background: url(../images/darkgreen/nav.gif) repeat-y; }
body.darkgreen ul.navigation li.selected { background: url(../images/darkgreen/nav.gif) repeat-y; }
body.darkgreen ul.navigation a { background: url(../images/darkgreen/arrow-off.gif) 0 2px no-repeat; }
body.darkgreen ul.navigation a:hover { background: url(../images/darkgreen/arrow-on.gif) 0 2px no-repeat; }
body.darkgreen ul.navigation li.selected a { background: url(../images/darkgreen/arrow-on.gif) 0 2px no-repeat; }
body.darkgreen .content h1,h2,h3,h4,a { color: #005c29; }
body.darkgreen .content .sg_table_default th { background: #a3baa3; color: #fff; padding: 5px; vertical-align: top; }
body.darkgreen .content .sg_table_default td { background: #dae3da; padding: 5px; vertical-align: top; }
body.darkgreen .content .sg_table_default .sg_l1  td{ background: #edf1ed; padding: 5px; vertical-align: top; }

/* grey */
body.grey { background: #b8c5cd url(../images/grey/body-back.gif) repeat-x; }
body.grey .main { background: url( ../images/grey/main-back.gif ) repeat-y; }
body.grey .mainInner { background: url( ../images/grey/maininner-back.gif ) no-repeat; }
body.grey .footer { background: url( ../images/grey/footer-back.gif ) bottom left no-repeat; }
body.grey .secondarynavigation li.selected { background: url(../images/grey/nav.gif) repeat-y; }
body.grey ul.navigation li.selected { background: url(../images/grey/nav.gif) repeat-y; }
body.grey ul.navigation a { background: url(../images/grey/arrow-off.gif) 0 2px no-repeat; }
body.grey ul.navigation a:hover { background: url(../images/grey/arrow-on.gif) 0 2px no-repeat; }
body.grey ul.navigation li.selected a { background: url(../images/grey/arrow-on.gif) 0 2px no-repeat; }
body.grey .content h1,h2,h3,h4,a { color: #8199a6; }
body.grey .content .sg_table_default th { background: #8199a6; color: #fff; padding: 5px; vertical-align: top; }
body.grey .content .sg_table_default td { background: #dee5e9; background: #f3f4f6; padding: 5px; vertical-align: middle; }
body.grey .content .sg_table_default .sg_l1 td { background: #eef2f4; background: #f3f4f6; padding: 5px; vertical-align: middle; }