html {width: 100%; height: 100%;} body {width: 100%; height: 100%; background-color: #505050; font-family: Helvetica, Arial, Verdana, serif; font-size: 0.75em; color: #464646; line-height: 1.17em;} input, textarea {font-family: Helvetica, Arial, Verdana, serif; font-size: 1em; color: #333333;} em {font-style: normal;} a {color: #1643ae; text-decoration: underline;} a:hover {text-decoration: none;} #wrap {min-width: 971px; width: 100% !important; width: 100%; height: auto;} #holder {position:relative; width: 971px; height: auto; margin: 0px auto 0px auto; padding:16px 0px 0px 0px;} #holder_top {position: relative; display: block; width: 971px; height: 7px; text-indent: -10000px; background: url(images/bg_holder_top.png) top left no-repeat; overflow: hidden;} #holder_bottom {position: relative; display: block; width: 971px; height: 7px; text-indent: -10000px; background: url(images/bg_holder_bottom.png) top left no-repeat; overflow: hidden;} #holder_content {position: relative; display: block; width: 961px; height: auto; padding:0px 4px 0px 6px; background: url(images/bg_holder_content.png) top left repeat-y;} #page {position: relative; display: block; width: 941px; height: auto; padding: 7px 10px 7px 10px; background-color: #ffffff;} #header {position: relative; display: block; width: 941px; height: 270px; } #header_mask {position: absolute; display: block; width: 634px; height: 270px; top:0px; left: 0px; z-index: 50; background: url(images/bg_header_mask.png) top left no-repeat;} #header_logo {position: absolute; display: block; width: 185px; height: 185px; top:6px; left: 12px; z-index: 100;} #header_copy {position: absolute; display: block; width:auto; height: auto; bottom: 20px; right: 20px; color: #ffffff; text-align: right; font-size: 20px;} #header_copy strong {position: relative; display: inline-block; height: 52px; line-height: 52px; background-color: #1643ae; font-size: 36px; padding: 0px 8px 0px 8px; z-index:100;} #header_copy em {position: relative; display: inline-block; height: 25px; line-height: 25px; background-color: #1643ae; font-size: 18px; padding: 0px 8px 0px 8px; z-index:50; } #content {position: relative; display: block; padding: 20px 0px 40px 0px;} #content_left {position: relative; display: block; width: 216px; min-height: 400px; height: auto !important; height: 400px; float: left;} #content_right {position: relative; display: block; width: 725px; height: auto; float: left;} #footer {position: relative; display: block; width:906px; margin:0px 0px 0px 20px; border-top:1px dotted #acacac; padding: 10px 0px 5px 0px; color: #464646; font-size: 0.92em;} #footer a {color: #1643ae; text-decoration: underline;} #footer span {color: #1643ae;} #footer a:hover {text-decoration: none;} #contentl_holder {position: relative; display: block; width: 182px; height: auto; top:-57px; margin: 0px 0px 0px 18px; z-index:500;} #menu {position: relative; display: block; width: 162px; height: 329px; background: url(images/bg_menu.png) top left no-repeat; padding: 3px 14px 8px 6px; } #menu li {position: relative; display: block; width: 162px; height: 29px; line-height: 29px; border-bottom: 1px solid #5378d1; margin:0px 0px 0px 0px;} #menu li.last {border: 0px;} #menu li a {position: relative; display: block; width: 159px; height: 29px; color: #ffffff; font-size: 1.17em; text-decoration: none; padding: 0px 0px 0px 3px; text-indent: -10000px; cursor: pointer;} #menu li a em {position: absolute; display: none; width: 6px; height: 11px; text-indent: -10000px; overflow: hidden; background: url(images/bg_mma.gif) top left no-repeat; top:9px; right:1px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;} #menu li.mm1 a {background: url(images/bg_mm1.png) top left no-repeat;} #menu li.mm2 a {background: url(images/bg_mm2.png) top left no-repeat;} #menu li.mm3 a {background: url(images/bg_mm3.png) top left no-repeat;} #menu li.mm4 a {background: url(images/bg_mm4.png) top left no-repeat;} #menu li.mm5 a {background: url(images/bg_mm5.png) top left no-repeat;} #menu li.mm6 a {background: url(images/bg_mm6.png) top left no-repeat;} #menu li.mm7 a {background: url(images/bg_mm7.png) top left no-repeat;} #menu li.mm8 a {background: url(images/bg_mm8.png) top left no-repeat;} #menu li.mm9 a {background: url(images/bg_mm9.png) top left no-repeat;} #menu li.mm10 a {background: url(images/bg_mm10.png) top left no-repeat;} #menu li.mm11 a {background: url(images/bg_mm11.png) top left no-repeat;} #menu li a.sel em {display: block;} #menu li a:hover {color: #799ae8; text-decoration: none; background-position: 0px -29px;} #social {position: relative; display: block; color: #464646; padding: 10px 0px 0px 5px; font-size: 12px; line-height: 14px;} #social strong {position: relative; display: block;} #social ul {position: relative; display: block; padding: 5px 0px 0px 0px;} #social ul li {position: relative; display: block; width: 80px; height: 20px; float: left; padding: 0px 0px 0px 0px;} #social ul li a {position: relative; display: block; width: 55px; height: 20px; line-height: 20px; padding: 0px 0px 0px 25px; text-decoration: underline; color: #1643ae; } #social ul li a.twitter {background: url(images/ico_twitter.gif) top left no-repeat;} #social ul li a.facebook {background: url(images/ico_facebook.gif) top left no-repeat;} #social ul li a:hover {text-decoration: none;} #home_holder {position: relative; display: block;} #home_left {position: relative; display: block; width: 470px; height: auto; margin: 0px 10px 0px 0px; float: left;} #home_right {position: relative; display: block; width: 230px; height: auto; margin: 0px 0px 0px 0px; float: left;} #wrap .box_holder {position: relative; display: block;} #wrap .box {position: relative; display: block; margin: 0px 0px 20px 0px; border: 1px solid #ffffff;} #wrap .bw1 {width: 468px; height: auto;} #wrap .bw2 {width: 228px; height: auto;} #wrap .box_holder .box {float: left; margin: 0px 10px 0px 0px;} #wrap .box_holder .mr0 {margin-right: 0px;} #wrap .bc2 {border-color: #dc2028;} #wrap .bc1 {border-color: #d7d5cf;} #wrap .box h1 {position: relative; display: block; height: 35px; font-size: 2.33em; color: #464646; padding: 0px 0px 10px 5px; line-height: 1.00em;} #wrap .box h2 {position: relative; display: block; height: 35px; line-height: 35px; color: #363636; text-transform: uppercase; padding: 0px 5px 0px 5px; font-size: 16px;} #wrap .bc2 h2 {color: #ffffff; background-color: #dc2028;} #wrap .bc1 h2 {background-color: #d7d5cf;} #wrap .boxc {position: relative; display: block; padding:0px 5px 0px 5px;} #wrap .bc1 a.more {position: relative; display: block; width: 57px; height: 25px; background: url(images/btn_grey.gif) 0px 0px no-repeat; color: #ffffff; font-weight: bold; text-align: center; line-height: 25px; text-decoration: none; } #wrap .bc2 a.more {position: relative; display: block; width: 57px; height: 25px; background: url(images/btn_red.gif) 0px 0px no-repeat; color: #ffffff; font-weight: bold; text-align: center; line-height: 25px; text-decoration: none; } #wrap .bc1 a.more:hover, #wrap .bc2 a.more:hover {background-position: 0px -25px;} #wrap #home_copy {padding-right:20px;} #wrap h1.title {position: relative; display: block; height: 35px; font-size: 28px; color: #464646; padding: 0px 0px 10px 5px; line-height: 30px;} #content_full {position: relative; display: block; padding: 0px 20px 0px 5px; overflow: hidden;} #fsize {position: relative; display: block; width: 85px; height: 39px; left:-30px; background: url(images/bg_fsize.gif) top left no-repeat; padding: 8px 0px 0px 2px; margin: 30px 0px 0px 0px;} #fsize strong {position: relative; display: block; height: 11px; line-height: 11px; text-align: center; font-size: 10px; } #fsizea {position: relative; display: block; height: 22px; padding: 2px 0px 0px 0px; } #fsizea a {position: relative; display: block; width: 22px; height: 22px; float:left; text-indent: -10000px; background: url(images/bg_fsizea.gif) top left no-repeat;} a#fsizeas {margin: 0px 0px 0px 3px;} a#fsizeab {background-position: -22px 0px; margin: 0px 0px 0px 32px;} #hgroup {position: relative; display: block; width: 128px; height: 136px; padding: 0px 0px 0px 100px; background: url(images/bg_hgroup.gif) 10px 12px no-repeat; font-size: 12px; line-height: 14px;} #hgroup strong {position: relative; display: block; font-weight: bold; padding: 15px 0px 15px 0px;} #hgroup select {position: relative; display: block; width: 120px;} #hgroup em {position: relative; display: block; padding: 15px 20px 0px 0px;} #haffairs {position: relative; display: block;} #haffairs .haffairs_box {position: relative; display: block; border-bottom: 1px dotted #acacac; padding: 10px 8px 10px 8px;} #haffairs .haffairs_box em {position: relative; display: block; font-weight: bold; font-size: 0.92em; color: #464646; text-transform: uppercase;} #haffairs .haffairs_box strong {position: relative; display: block; font-weight: bold; color: #1643ae; font-size: 1.33em; line-height: 1.13em;} #haffairs .haffairs_boxc {position: relative; display: block; padding: 15px 0px 0px 0px; } #haffairs .haffairs_boxmore {position: relative; display: block; text-align: right; color: #1643ae; padding: 10px 0px 0px 0px;} #haffairs .haffairs_boxmore a {display: inline; padding: 0px 4px 0px 0px; } #haffairs .haffairs_all {position: relative; display: block; height: 35px; padding: 10px 10px 0px 0px; font-size:12px;} #haffairs .haffairs_all a {float: right;} #hgallery {position: relative; display: block; background-color: #d7d5cf;} #hgallery_holder {position: relative; display: block; width: 216px; height: 146px; padding: 0px 6px 0px 6px; overflow: hidden;} #hgallery_holderc {position: relative; display: block; width: 216px; height: 146px; overflow: hidden;} #hgallery_holder ul {position: relative; display: block; width: 1080px; height: 146px; overflow: hidden; left: 0px;} #hgallery_holder ul li {position: relative; display: block; width: 216px; height: 146px; float: left;} #hgallery_all {position: relative; display: block; height: 35px; padding: 10px 10px 0px 0px; font-size:12px;} #hgallery_all a {float:right;} #hgallery_prev {position: absolute; display: block; width: 16px; height: 33px; top:57px; left: 5px; text-indent: -10000px; background: url(images/bg_hgallery_nav.png) 0px 0px no-repeat; z-index:500;} #hgallery_next {position: absolute; display: block; width: 16px; height: 33px; top:57px; right: 5px; text-indent: -10000px; background: url(images/bg_hgallery_nav.png) -16px 0px no-repeat; z-index:500;} #hnews {position: relative; display: block;} #hnews .hnews_box {position: relative; display: block; border-bottom: 1px dotted #acacac; padding: 10px 8px 10px 8px;} #hnews .hnews_box em {position: relative; display: block; font-weight: bold; font-size: 0.92em; color: #464646; text-transform: uppercase;} #hnews .hnews_box strong {position: relative; display: block; font-weight: bold; color: #1643ae; font-size: 1.33em; line-height: 1.13em;} #hnews .hnews_boxc {position: relative; display: block; padding: 15px 0px 0px 0px; } #hnews .hnews_boxmore {position: relative; display: block; text-align: right; color: #1643ae; padding: 10px 0px 0px 0px;} #hnews .hnews_boxmore a {display: inline; padding: 0px 4px 0px 0px; } #hnews .hnews_all {position: relative; display: block; height: 35px; padding: 10px 10px 0px 0px; font-size:12px;} #hnews .hnews_all a {float:right;} #hnews .hnews_box:hover {background-color: #d7d5cf;} #hevents {position: relative; display: block;} #hevents .hevents_box {position: relative; display: block; border-bottom: 1px dotted #acacac; padding: 10px 8px 10px 8px;} #hevents .hevents_box em {position: relative; display: block; font-weight: bold; font-size: 0.92em; color: #464646; text-transform: uppercase;} #hevents .hevents_box strong {position: relative; display: block; font-weight: bold; color: #1643ae; font-size: 1.33em; line-height: 1.13em;} #hevents .hevents_boxc {position: relative; display: block; padding: 15px 0px 0px 0px; } #hevents .hevents_boxmore {position: relative; display: block; text-align: right; color: #1643ae; padding: 10px 0px 0px 0px;} #hevents .hevents_boxmore a {display: inline; padding: 0px 4px 0px 0px; } #hevents .hevents_all {position: relative; display: block; height: 35px; padding: 10px 10px 0px 0px; font-size:12px;} #hevents .hevents_all a {float:right;} #hnoticeboard {position: relative; display: block; background-color: #d7d5cf; } #hnoticeboardh {position: relative; display: block; border-top:1px dotted #acacac; border-bottom: 1px dotted #acacac; padding: 0px 0px 10px 0px;} #hnoticeboard .hnoticeboard_box {position: relative; display: block; padding: 10px 8px 5px 8px;} #hnoticeboard .hnoticeboard_box em {position: relative; display: block; font-weight: bold; font-size: 0.92em; color: #464646; text-transform: uppercase;} #hnoticeboard .hnoticeboard_box strong {position: relative; display: block; font-weight: bold; color: #1643ae;} #hnoticeboard .hnoticeboard_box p {position: relative; display: block;} #hnoticeboard .hnoticeboard_all {position: relative; display: block; height: 35px; padding: 10px 10px 0px 0px; font-size:12px;} #hnoticeboard .hnoticeboard_all a {float:right;} #wrap #home_content {position: relative; display: block; min-height: 172px; height: auto !important; height: 172px;} #home_contentc {position: relative; display: block; padding: 0px 20px 0px 0px;} #wrap .nonews_box {position: relative; display: block; padding: 10px 8px 10px 8px; text-align: center;} #groups_select {position: relative; display: block; margin: 0px 0px 20px 0px;} #groups_select label {font-weight: bold;} #groups_list {position: relative; display: block;} #groups_list p {position: relative; display: block; margin: 0px 0px 15px 0px;} #groups_list ul {position: relative; display: block;} #groups_list ul li {position: relative; display: block; margin: 0px 0px 30px 0px;} #groups_list ul li strong {position: relative; display: block; font-weight: bold; font-size: 1.17em; line-height: 1.14em; color: #1643ae;} #groups_list a {text-decoration: none;} #groups_list a:hover {text-decoration: underline;} #groups_list a.gpage {font-size: 1.08em;} #news {position: relative; display: block;} #noticeboard {position: relative; display: block;} #offers {position: relative; display: block;} #resources {position: relative; display: block;} #links {position: relative; display: block;} #faqs {position: relative; display: block;} #gallery {position: relative; display: block;} #gallery ul {position: relative; display: block;} #gallery ul li {position: relative; display: block; width: 216px; height: 176px; float: left; margin: 0px 9px 9px 0px; border:1px solid #d7d5cf; overflow: hidden;} #gallery ul li span {position: relative; display: block; width: 216px; height: 146px; overflow: hidden; margin:0px 0px 5px 0px;} #gallery ul li strong {position: relative; display: block; padding: 0px 5px 0px 5px; text-align: center; line-height: 20px; color: #464646;} #gallery ul li a {position: relative; display: block; text-decoration: none;} #wrap #resources .article_boxc {padding: 0px 0px 0px 0px;} #wrap #links .article_boxc {padding: 0px 0px 0px 0px;} #wrap #faqs .article_boxc {padding: 5px 0px 0px 0px;} #wrap .mr0 {margin-right: 0px;} #wrap .article_box {position: relative; display: block; border-bottom: 1px dotted #acacac; padding: 10px 8px 10px 8px;} #wrap .article_box_detail {border:0px;} #wrap .article_box em {position: relative; display: block; font-weight: bold; font-size: 0.92em; color: #464646; text-transform: uppercase;} #wrap .article_box strong {position: relative; display: block; font-weight: bold; color: #1643ae; font-size: 1.33em; line-height: 1.13em;} #wrap .article_boxc {position: relative; display: block; padding: 15px 0px 0px 0px; } #wrap .article_boxmore {position: relative; display: block; text-align: right; color: #1643ae; padding: 10px 0px 0px 0px;} #wrap .article_boxmore a {display: inline; padding: 0px 4px 0px 0px; } #wrap .article_boxback {position: relative; display: block; text-align: left; color: #1643ae; padding: 20px 0px 0px 0px;} #wrap .article_boxback a {display: inline; padding: 0px 0px 0px 4px; } #wrap .article_boxdwn {position: relative; display: block; text-align: left; color: #1643ae; padding: 10px 0px 0px 0px;} #wrap .article_boxdwn a {display: inline; padding: 0px 4px 0px 0px; } #wrap p.article_filter {position: relative; display: block; margin: 0px 0px 20px 0px; } #wrap p.article_filter a {position: relative; display: inline; margin: 0px 2px 0px 2px; text-decoration: none; color: #363636; font-weight: bold;} #wrap p.article_filter a.sel {color: #1643ae;} #wrap p.article_filter a:hover {text-decoration: none; color: #1643ae;} #xlg_holder {position: absolute; display: none; width: 100%; height: 100%; background: url(images/bg_xlg.png) top left repeat; z-index:1000;} #xlg {position: relative; display: block; width:100px; height: 100px; background-color: #ffffff; border: 1px solid #dadada; padding:15px 15px 15px 15px; margin: 0px auto 0px auto;} #xlg_close {position: absolute; display: block; top:0px; right:15px; color: #000000; text-decoration: none; font-size:1em; z-index:1500;} #xlgc {position: relative; display: block; width: 100%; height: 100%;} #xlgc img {display: none;} #xlgcaption {position: relative; display: none; padding: 10px 20px 0px 20px; text-align: center;} .loader {background-image:url(images/loader.gif); background-position: center center; background-repeat: no-repeat;} #wrap .dynamic_content {position: relative; display: block; font-family: Helvetica, Arial, Verdana, serif; font-size: 1.00em; color: #464646; line-height: 1.17em;} #wrap .dynamic_content h1 {position: relative; display: block; height: auto; font-weight: normal; font-size: 2.33em; color: #464646; padding: 0px 0px 10px 0px; line-height: 1.07em;} #wrap .dynamic_content h2 {position: relative; display: block; height: auto; font-weight: normal; font-size: 2.00em; color: #464646; padding: 0px 0px 10px 0px; line-height: 1.08em; text-transform: none;} #wrap .dynamic_content ul {list-style: square; padding-left:1em; margin-left:0px; margin-bottom: 0;} #wrap .dynamic_content ol {list-style: decimal; padding-left:1em; margin-left:0px; margin-bottom: 0;} #wrap .dynamic_content blockquote {margin-bottom: 0;} #wrap .dynamic_content p {margin-bottom: 0;} #wrap .dynamic_content div {margin-bottom: 0;}