@charset "UTF-8";
/* CSS Document */


@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

body {
background: url(../images/body_bg.gif) 0 0 repeat;
font-family: Arial, Helvetica, sans-serif;
}

#top strong { font-weight: 700; }

h1, .panel h2, #subnav h2, #home-content h2, .block-link h2, #new-members h3 {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
}

.accessibility {
display: none;
}

.graphicreplacement {
display: block;
position: relative;
}

.graphicreplacement span {
display: block;
position: absolute; top: 0; left: 0;
}

.clickable-block {
cursor: pointer;
}

#container {
width: 975px;
margin: 0 auto;
border-top: 8px solid #EF3E42;
background: #FFFFFF;
-webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.3);
}

/***** Top *****/

#top {
width: 975px;
height: 150px;
position: relative;
}

#logo-tma { position: absolute; top: 25px; right: 25px;}

#logo {
width: 213px;
height: 114px;
position: absolute;
top: 21px;
left: 25px;
}

#logo a {
width: 213px;
height: 114px;
}

#logo a span {
width: 213px;
height: 114px;
background: url(../images/logo.gif) 0 0 no-repeat;
}

#phone {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
position: absolute;
top: 85px;
right: 35px;
text-align: right;
font-size: 1.5000em;
color: #808285;
line-height: 1;
text-transform: lowercase;
}

/***** Navigation *****/

#navigation {
width: 975px;
height: 31px;
list-style: none;
background: #00728F;
}

#navigation li {
float: left;
display: block;
width: 121px;
height: 31px;
text-align: center;
font-size: 0.8750em;
background: #00728F;
border-left: 1px solid #4E8A95;
font-weight: bold;
position: relative;
}

#navigation li:first-child, #navigation li.first {
border-left: 0;
}

#navigation li a {
color: #FFFFFF;
display: block;
width: 121px;
height: 31px;
line-height: 31px;
}

#navigation li a:hover,
#navigation li:hover > a,
#about-page #navigation #about-li a,
#membership-page #navigation #membership-li a,
#examinations-page #navigation #examinations-li a,
#fees-page #navigation #fees-li a,
#news-page #navigation #newsandpress-li a,
#events-page #navigation #events-li a,
#contact-page #navigation #contact-li a {
background: #4E8A95;
}

#navigation li.active a { background: #4E8A95;}

#navigation li ul {
display: none;
width: 187px;
z-index: 9000;
position: absolute;
top: 31px;
left: -1px;
-webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.3);
border-top: 1px solid #184F59;
}

#navigation li:hover ul {
display: block;
}

#navigation li ul li {
float: none;
width: auto;
text-align: left;
background: #29899A !important;
width: 187px;
border-left: 0;
border-bottom: 1px solid #184F59;
height: auto;
}

#navigation li ul li a {
width: 163px;
padding: 8px 12px;
background: #29899A !important;
line-height: 1.2;
height: auto;
}

#navigation li ul li a:hover {
background: #35B0C6 !important;
}

/***** Content *****/

#content {
z-index: 5000;
}

#subnav {
float: left;
width: 212px;
margin: 18px 0 0 30px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

#subnav h2 {
color: #EF3E42;
font-size: 1.7500em;
font-weight: normal;
padding: 8px 6px 8px 6px;
}

#subnav ul {
list-style: none;
padding: 0 12px 0 6px;
}

#subnav ul li {
font-size: 0.8125em;
border-top: 1px solid #CCCCCC;
}

#subnav ul li:first-child {
border-top: 0;
}

#subnav ul li a {
color: #313C45;
display: block;
padding: 9px 0 8px 20px;
line-height: 1.2;
background: url(../images/subnav_arrow.gif) 0 10px no-repeat;
}

#subnav ul li.active a { font-weight: bold;}
#subnav ul li.active a:hover { color: #313C45;}
#subnav ul li a:hover { color: #EF3E42;}

.history-page #subnav ul #history-li a,
.committees-page #subnav ul #committees-li a,
.board-page #subnav ul #board-li a,
.abouttma-page #subnav ul #abouttma-li a,

.apply-page #subnav ul #apply-li a,
.how-to-apply-page #subnav ul #applyhow-li a,
.apply-faq-page #subnav ul #applyfaqs-li a,
.membership-page #subnav ul #applymembership-li a,
.practising-page #subnav ul #applypractising-li a,
.template-page #subnav ul #template-li a,

.overview-page #subnav ul #overview-li a,
.levels-page #subnav ul #levels-li a,
.corporate-page #subnav ul #corporate-li a,
.fees-page #subnav ul #fees-li a,
.cpd-page #subnav ul #cpd-li a,
.code-page #subnav ul #code-li a,

.examoverview-page #subnav ul #examoverview-li a,
.timetable-page #subnav ul #timetable-li a,
.training-page #subnav ul #training-li a,
.terms-page #subnav ul #terms-li a,

.latest-page #subnav ul #latest-li a,
.events-page #subnav ul #events-li a,
.knowledge-page #subnav ul #knowledge-li a,

.certificates-page #subnav ul #members-li a,
.testimonial-page #subnav ul #testimonial-li a {
font-weight: bold;
}

#main-content {
float: right;
width: 430px;
padding-right: 270px;
position: relative;
padding-top: 17px;
padding-bottom: 130px;
background: url(../images/content_bg.gif) 100% 100% no-repeat;
min-height: 450px;
}

.full-width {
min-height: 0 !important;
padding-right: 25px !important;
width: 675px !important;
}

#main-content h1 {
font-size: 1.7500em;
color: #626564;
font-weight: normal;
padding: 10px 0 12px 0;
}

#main-content h1#news {
font-size: 1.7500em;
line-height: 1.0000em;
color: #626564;
font-weight: normal;
padding: 10px 0 12px 0;
}

#main-content p, #main-content li, #right-home li {
color: #313B45;
font-size: 0.8125em;
}

#main-content p {
padding: 0 0 1em 0;
}

#directory-page.testimonial-page #main-content p {
padding: 0 0 0.2em 0 !important;
margin: 0 0 0 0;
}

#directory-page.testimonial-page #main-content h3 {
padding: 0 0 1.2em 0;
margin: 0 0 0 0;
color:#EF3E42;
}


#directory-page.testimonial-page #main-content h3+p {

margin: 0 0 0.2em 0;

}

#main-content p a {
text-decoration:underline;
}

#main-content h2 {
color: #616564;
font-size: 0.9375em;
border-bottom: 1px solid #CCC;
margin: 0 0 12px 0;
padding: 12px 0 0 0;
}

#main-content h3 {
font-size: 0.8125em;
margin: 1em 0 0 0;
color:#666666;
}



#main-content h4 {
font-size: 0.8125em;
font-weight: normal;
font-style: italic;
padding-bottom: 0.5em;
}

#main-content ul, #main-content ol, #right-home ul {
list-style: none;
margin: 0 0 1em 0;
}

#main-content ol li {
list-style: none;
margin: 0 0 1em 0;
}

#main-content ol li ol li {
font-size: 1em;
list-style: none;
margin: 0 0 1em 0;
}

#apply-page #main-content ol ol {
margin: 0.2em 0 0.5em 0;
list-style-type:lower-alpha;
}

#apply-page #main-content li li {
font-size: 1em;
list-style: none;
margin: 0 0 0.3em 10px;
}


#main-content ol li a, #main-content ul li a {
text-decoration:underline;
}

#main-content ul li, #right-home ul li {
padding: 0 0 0 18px;
background: url(../images/list_bullet.gif) 0 4px no-repeat;
}

#main-content #forms ul li {
padding: 0 0 0 18px;
background: url(../images/list_bullet.gif) 0 11px no-repeat;
}

.how-to-apply-page #main-content ul li {
padding: 0 0 3px 18px;
background: url(../images/basic-bullet-1.gif) 0 7px no-repeat;
}

.how-to-apply-page #main-content ol li {
padding: 0 0 0 18px;

}

.how-to-apply-page #main-content ul li ul li {
padding: 0 0 0 18px;
background: url(../images/basic-bullet-2.gif) 0 7px no-repeat;
}

#main-content img.right {
float: right;
margin: 0 0 20px 20px;
border-left: 0;
}

#main-content img.left {
float: left;
margin: 0 20px 20px 0;
border-right: 0;
}

table {
width: 100%;
border-bottom: 3px solid #CCC;
margin: 0 0 20px 0;
}

table td, table th {
font-size: 0.8125em;
padding: 8px 13px;
border-top: 1px solid #CCC;
color: #313B45;
}

table th {
text-align: left;
background: #CCC;
font-weight: bold;
}

#main-content table p, #main-content table li {
font-size: 1em;
}

.right {
float: right;
margin: 0 0 10px 20px;
border-left: 4px solid #CCCCCC;
padding-left: 10px;
}

.left {
float: left;
margin: 0 20px 10px 0;
border-right: 4px solid #CCCCCC;
padding-right: 10px;
}

#main-content .quote {
width: 200px;
background:url(../images/quote-open.gif) no-repeat 10px 0;


}

#main-content .quote p {
font-weight: bold;
text-indent: 50px;
padding: 10px 0 0.2em 0;
}

#main-content .quote h3 {
background:url(../images/quote-close.gif) no-repeat top right;
color: #EF3E42;
margin: 0.2em 0 0 0;
padding: 0 30px 0 0;

}

/*.news-item h2 {
width: 116px;
float: left;
padding: 25px 0 8px 0 !important;
margin: 0 0 10px 0 !important;
line-height: 1;
border-bottom: 1px solid #CCC;
color: #CE2235 !important;
}*/

.news-item {
position: relative;
margin-top: 1em;
border-bottom: 1px solid #CCC;
}

.news-item h2 {
width: 61px;
height: 59px;
border-bottom: 0 !important;
background: #CCC;
position: absolute;
top: 0;
left: 0;
font-size: 12px !important;
text-align: center;
text-transform: uppercase;
color: #C90000 !important;
line-height: 1.2;
padding: 2px 0 0 0 !important;
margin: 0 0 0 0 !important;
font-weight: normal;
}

.news-item h2 strong {
font-size: 23px;
font-family: Georgia, serif;
display: block;
}

.news-item h2 em {
display: block;
background-color: #CE2034;
position: absolute;
bottom: 0;
left: 0;
width: 61px;
color: #FFF;
font-style: normal;
}

.news-item h3 {
font-size: 0.8125em !important;
line-height: 1;
padding: 0 0 8px 80px !important;
margin: 0 0 0 0 !important;
color: #313C45 !important;
}

.news-item h3 a {
color: #313C45;
}

.news-item p {
padding: 0 0 1em 80px !important;
}

.board-item {
border-bottom: 1px solid #CCC;
margin-top: 15px;
}

.board-item div {
background:url(../images/board-img-bg.jpg) no-repeat 0 0;
width: 142px;
height: 177px;
float: left;
margin: 0 15px 0 -9px;
}

.board-item h2 {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
color: #EF3E42 !important;
font-size: 1.2em!important;
border-bottom: 0 !important;
margin: 0 0 3px 0 !important;
padding: 0 0 0 0 !important;
}

.board-item img {
margin: 14px 0 0 14px;
}

#pagenav {
background: #CCC;
height: 29px;
}

#pagenav li {
float: left;
padding: 0 0 0 0 !important;
background: none !important;
line-height: 29px;
color: #CE2235 !important;
font-weight: bold;
}

#pagenav li a {
color: #313C45;
border-left: 2px solid #313C45;
margin: 0 0 0 6px;
padding: 0 0 0 6px;
}

#pagenav #pageback a, #pagenav #pagenext a {
border-left: 0 !important;
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
}

#pageback, #pagenext {
width: 29px;
height: 29px;
overflow: hidden;
font-size: 10px !important;
text-align: center;
}

#pageback {
margin-right: 6px !important;
}

#pagenext {
margin-left: 6px !important;
}

#pageback a, #pagenext a {
width: 29px;
height: 29px;
}

#pageback a span, #pagenext a span {
width: 29px;
height: 29px;
background-image: url(../images/pagenav.gif);
background-repeat: no-repeat;
}

#pageback a span {
background-position: 0 0;
}

#pagenext a span {
background-position: 0 -29px;
}

#features {
width: 228px;
position: absolute;
top: 17px;
right: 14px;
}

#rcImage { margin:0 0 15px 0;}

.panel {
width: 198px;
/*height: 177px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;*/
padding: 14px;
margin-bottom: 19px;
}

.panel h2 {
font-size: 32px !important;
border-bottom: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0.25em 0 !important;
line-height: 1;
font-weight: normal;
color: #626565 !important;
}

.panel h3 {
color: #313C45;
}

.panel p a, .home-panel p a {
color: #313B45;
text-decoration: underline;
}

.pdf {
background: url(../images/pdf.gif) 0 7px no-repeat !important;
}

#main-content p.word {
background: url(../images/word.gif) 0 0 no-repeat !important;
padding-left: 20px;
}

.panel ul {
margin: 0 0 0 0 !important;
}

.panel ul li {
padding: 4px 0 4px 18px !important;
border-top: 1px solid #CCC;
background: url(../images/link_arrow.gif) 0 50% no-repeat !important;
}

.panel ul li:last-child {
border-bottom: 1px solid #CCC;
}

.panel ul li a {
color: #313B45;
font-weight: bold;
display: block;
}

#forms.panel {
height: auto;
}

#forms.panel h2 {
height: 68px;
margin: -14px -14px 0 -14px !important;
background: url(../images/forms_panel_h2_bg.gif) 0 0 no-repeat;
padding: 17px 0 0 20px !important;
color: #FFF !important;
}

#alert {
position: relative;
}

#alert p {
padding: 0 0 0 0 !important;
}

.stamp {
width: 108px;
height: 78px;
position: absolute;
top: 0;
right: 6px;
text-indent: -9999px;
}

.stamp span {
width: 108px;
height: 78px;
}

.endsdec2014 span {
background: url(../images/endsdec2014.png) 0 0 no-repeat;
}

.endsnov2013 span {
background: url(../images/endsnov2013.png) 0 0 no-repeat;
}

.endsdec2013 span {
background: url(../images/endsdec2013.png) 0 0 no-repeat;
}

.save10-a span {
background: url(../images/save10.png) 0 0 no-repeat;
}

#factsheet.panel h2 {
height: 92px;
margin: -14px -14px 0 -14px !important;
background: url(../images/factsheet_panel_h2_bg.gif) 0 0 no-repeat;
padding: 22px 0 0 100px !important;
color: #FFF !important;
line-height: 0.7 !important;
}

#factsheet.panel h2 strong {
font-weight: normal;
font-size: 24px !important;
}

#factsheet h2 {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 26px 0 10px 75px !important;
border-bottom: 0 !important;
}

#factsheet p {
padding: 0 0 0 0 !important;
}

#news.panel h2 {
height: 75px;
margin: -14px -14px 0 -14px !important;
background: url(../images/news_panel_h2_bg.gif) 0 0 no-repeat;
padding: 17px 0 0 20px !important;
color: #FFF !important;
font-size: 28px !important;
line-height: 0.8 !important;
}

#news.panel .update-item, #news.panel .other-item {
border-bottom: 1px solid #CCC;
}

#news.panel .update-item:last-child {
border-bottom: 0;
}

#news.panel .other-item h3 {
margin-top: 0;
}

#news.panel .other-item h3 a {
color: #333;
}

#news.panel .other-item h4 {
font-style:normal;
padding-bottom: 0;
color: #CE2034;
font-weight: bold;
}

#news.panel p {
padding-bottom: 0;
}

#news.panel .other-item {
padding-bottom: 1em;
margin-bottom: 1em;
}

#directory.panel h2 {
height: 185px;
margin: -14px -14px 0 -14px !important;
background: url(../images/directory_panel_h2_bg.gif) 0 0 no-repeat;
padding: 17px 0 0 20px !important;
color: #FFF !important;
line-height: 0.9 !important;
}

#directory p {
padding: 0 0 0 0 !important;
font-weight: bold;
}

#directory p a {
text-decoration: none;
color: #0099D8;
}

.accent {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
color: #EF3E42;
}

.news-detail #share {
position: absolute;
top: 30px;
right: 30px;
}

#share.news-detail {
position: absolute;
top: 30px;
right: 30px;
}

#share {
padding-bottom: 1em;
}

#share p {
padding-bottom: 7px;
font-size: 11px;
font-weight: bold;
}

/***** Footer *****/

#footer {
width: 975px;
height: 130px;
background: url(../images/footer_bg.gif) 0 0 repeat-x;
position: relative;
}

#contact {
position: absolute;
top: 26px;
left: 40px;
font-size: 0.6875em;
color: #313B45;
}

#contact a {
color: #313B45;
}

#tma {
position: absolute;
top: 0;
right: 87px;
background: url(../images/footer_divider.gif) 0 50% no-repeat;
height: 105px;
padding: 25px 0 0 60px;
}

#tma p {
color: #313B45;
font-size: 0.7500em;
font-weight: bold;
}

#tma p a {
width: 195px;
height: 64px;
}

#tma p a span {
width: 195px;
height: 64px;
background: url(../images/tma.gif) 0 0 no-repeat;
}



/***** Home page *****/

#home-feature {
width: 975px;
height: 291px;
position: relative;
}

#home-feature-image {
position: absolute;
top: 17px;
left: 17px;
width: 628px;
z-index: 1000;
}

#home-feature-links {
position: absolute;
top: 17px;
right: 17px;
width: 300px;
border-top: 1px solid #CCC;
}

.block-link {
border-bottom: 1px solid #CCC;
height: 84px;
background: url(../images/homepage/feature_link.gif) 100% 50% no-repeat;
}

.block-link h2 {
font-size: 2.2500em;
color: #808285;
font-weight: normal;
line-height: 1;
padding: 12px 0 0 12px;
}

.block-link h2 a {
color: #808285;
}

.block-link p {
color: #4F606F;
font-size: 0.8125em;
font-weight: bold;
padding: 0 0 0 12px;
}

#home-content {
width: 975px;

}

#home-content h1, #right-home h2 {
font-size: 1.7500em;
color: #808285;
font-weight: normal;
padding: 17px 0 6px 0;
}

#home-content h2 {
padding: 15px 35px 0 35px;
}

#home-content .feature-panel p, #home-content .date-feature p { padding: 0 0 1em 0;} 
#home-content .feature-panel h2 { padding: 0 0 15px 0; line-height: 26px;}

#home-content p {
font-size: 0.8125em;
color: #313C45;
padding: 0 35px 1em 35px;
}

#left-home {
float: left;
width: 570px;
padding: 0 52px 0 40px;
background: url(../images/homepage/home_divider.gif) 100% 0 no-repeat;
}

.home-panel {
width: 542px;
height: 69px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
padding: 14px;
margin-bottom: 19px;
margin-top: 19px;
position: relative;
}

.home-panel h2 {
font-size: 1.7500em !important;
font-weight: normal !important;
}

#alert.home-panel h2 {
margin-top: -10px;
padding: 6px 0 30px 75px !important;
}

#alert.home-panel {
background: #c83438; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MzQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2VmM2U0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjMyM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #c83438 0%, #ef3e42 26%, #c2323a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c83438), color-stop(26%,#ef3e42), color-stop(100%,#c2323a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #c83438 0%,#ef3e42 26%,#c2323a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #c83438 0%,#ef3e42 26%,#c2323a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #c83438 0%,#ef3e42 26%,#c2323a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #c83438 0%,#ef3e42 26%,#c2323a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c83438', endColorstr='#c2323a',GradientType=0 ); /* IE6-8 */
}


.home-panel p {
position: absolute;
left: 89px;
top: 47px;
}

#right-home {
width: 264px;
padding: 0 40px 0 0;
float: right;
}

#right-home li {
font-weight: bold;
padding: 0 0 0.5em 18px !important;
font-size: 0.7500em !important;
}

#home-page #content {
background: none;
}

/* New Homepage stuff */

.slideshow {
width: 909px;
height: 279px;
margin-left: 35px;
margin-top: 16px;
overflow: hidden;
position: relative;
}

.slides {
width: 2727px;
height: 279px;
}

.slide {
width: 909px;
height: 279px;
float: left;
position: relative;
}

.slide-left {
position: absolute;
top: 0;
left: 0;
width: 559px;
height: 279px;
}

.slide-left h3 {
position: absolute;
bottom: 0;
left: 0;
width: 519px;
background: rgba(0, 0, 0, 0.4);
line-height: 1.2;
padding: 20px;
font-size: 32px;
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
}

.slide-left h3 a {
color: #FFF;
}

.slide-right {
position: absolute;
top: 0;
right: 0;
width: 289px;
height: 237px;
overflow: hidden;
padding: 21px 24px;
}

#slide1 .slide-right {
padding-top: 41px;
height: 217px;
background: #a1b429; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYjQyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2MxZDgyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWI0MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a1b429 0%, #c1d82f 25%, #a1b429 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1b429), color-stop(25%,#c1d82f), color-stop(100%,#a1b429)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a1b429 0%,#c1d82f 25%,#a1b429 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a1b429 0%,#c1d82f 25%,#a1b429 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a1b429 0%,#c1d82f 25%,#a1b429 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a1b429 0%,#c1d82f 25%,#a1b429 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b429', endColorstr='#a1b429',GradientType=0 ); /* IE6-8 */

}

#slide2 .slide-right {
background: #c83438; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MzQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2VmM2U0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTMyM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c83438 0%, #ef3e42 26%, #c1323a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c83438), color-stop(26%,#ef3e42), color-stop(100%,#c1323a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c83438 0%,#ef3e42 26%,#c1323a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c83438 0%,#ef3e42 26%,#c1323a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c83438 0%,#ef3e42 26%,#c1323a 100%); /* IE10+ */
background: linear-gradient(to bottom, #c83438 0%,#ef3e42 26%,#c1323a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c83438', endColorstr='#c1323a',GradientType=0 ); /* IE6-8 */
}

#slide3 .slide-right {
background: #007eb0; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2ViMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwOWRkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #007eb0 0%, #009ddc 25%, #0083b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007eb0), color-stop(25%,#009ddc), color-stop(100%,#0083b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #007eb0 0%,#009ddc 25%,#0083b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #007eb0 0%,#009ddc 25%,#0083b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #007eb0 0%,#009ddc 25%,#0083b7 100%); /* IE10+ */
background: linear-gradient(to bottom, #007eb0 0%,#009ddc 25%,#0083b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007eb0', endColorstr='#0083b7',GradientType=0 ); /* IE6-8 */
}

.slide-right h2 {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 32px;
font-weight: normal;
line-height: 1;
padding-bottom: 10px;
}

#slide1 .slide-right h2 {
color: #233E99;
font-weight: bold;
}

.slide-right p {
font-size: 12px;
font-weight: bold;
color: #FFF;
padding-bottom: 1em;
}

#slide1 .slide-right p {
color: #333;
}

.slide-right ul {
list-style: none;
}

.slide-right li {
font-size: 13px;
font-weight: bold;
}

.fontawesome-angle-right {
color: #FFF;
font-size: 15px;
}

.slide-right li a {
color: #F9AE2E;
}

#slide1 .slide-right li a, #slide1 .fontawesome-angle-right {
color: #233E99;
}

.date-banner {
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
width: 162px;
height: 40px;
position: absolute;
top: 20px;
right: 10px;
background-color: #233E99;
color: #FFF !important;
font-size: 22px !important;
text-align: center;
line-height: 0.9;
padding-bottom: 0 !important;
padding-top: 5px;
font-weight: bold;

-webkit-transform: rotate(10deg); /* Safari */
-moz-transform: rotate(10deg); /* Firefox */
-ms-transform: rotate(10deg); /* IE */
-o-transform: rotate(10deg); /* Opera */
transform: rotate(10deg);
}

.ss-nav {
position: absolute;
bottom: 9px;
right: 13px;
list-style: none;
}

.ss-nav li {
float: left;
width: 20px;
height: 20px;
}

.ss-nav li a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
text-indent: -9999px;
background: url(../images/homepage/ss_nav.png) 0 0 no-repeat;
}

.ss-nav li.current-ss a {
background: url(../images/homepage/ss_nav.png) 0 -20px no-repeat;
}

#feature-panels {
width: 930px;
padding-left: 35px;
}

.feature-panel {
width: 251px;
margin-right: 21px;
float: left;
padding: 18px;
min-height: 310px;
}

.feature-panel h2 {
color: #626564;
font-size: 27px;
font-weight: normal;
padding-bottom: 4px;
}

.feature-panel h2 a {
color: #626564;
}

.feature-panel ul {
list-style: none;
}

.feature-panel ul li {
background: url(../images/list_bullet.gif) 0 4px no-repeat;
font-size: 13px;
padding: 0 0 0.5em 17px;
color: #313C45;
}

.feature-panel #new-members {
background: #EDEDED;
border-radius:15px;
margin-top: 20px;	
}

.feature-panel #new-members h3 {
padding: 10px 0 0 20px;
margin: 0 0 0 0;
color: #C90000;
font-weight:normal !important;
font-size:	20px;
}

.feature-panel #new-members p {
padding: 0 0 0 20px;
margin: 0 0 5px 0;
}

.feature-panel #new-members ul {
padding-bottom: 15px;
margin: 0 20px 0 20px;
}

.feature-panel #new-members ul li {
background: none;
padding: 3px 0 3px 0;
margin: 0 0 0 0;
border-top: 1px dotted #C4C2C2;
}



.shadowed {
border: 1px solid #CCC;
box-shadow: 0 0 5px 3px #F0F0F0;
}

.update-date {
width: 39px;
height: 44px;
background: #CCC;
float: left;
font-size: 12px !important;
margin-right: 12px !important;
text-align: center;
text-transform: uppercase;
color: #C90000 !important;
line-height: 1.2;
padding: 2px 0 0 0 !important;
}

.update-date strong {
font-size: 21px;
font-family: Georgia, serif;
}

.update-item {
padding-bottom: 1em;
}

.update-item:last-child {
padding-bottom: 0;
}

.update-item h3 {
font-size: 12px;
}

.update-item h3 a {
color: #313C45;
}

.update-item p {
font-size: 12px !important;
padding: 0 0 0 0 !important;
}

#date-features {
padding: 30px 0 30px 5px;
}

.date-feature {
width: 310px;
height: 110px;
background: url(../images/homepage/date_feature_bg.gif) 0 0 no-repeat;
overflow: hidden;
float: left;
margin: 0 30px;
position: relative;
padding: 10px 25px 0 90px;
}

.date-feature h2 {
width: 70px;
height: 74px;
position: absolute;
top: 6px;
left: 10px;
line-height: 74px;
text-align: center;
}

.date-feature .img {
position: absolute;
top: 6px;
left: 10px;
}

.date-feature h2 span {
width: 70px;
height: 74px;
}

.year2013 span {
background: url(../images/homepage/calendar2013.png) 0 0 no-repeat;
}

.year2014 span {
background: url(../images/homepage/calendar2014.png) 0 0 no-repeat;
}

.save10 span {
background: url(../images/homepage/save-homepage.png) 0 0 no-repeat;
}

.date-feature h3 {
font-size: 24px;
font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.2;
}

.date-feature h3 a {
color: #FFF;
}

.date-feature p {
color: #fff !important;
font-weight: bold;
}

#home-content h1 {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #313C45;
padding: 1em 35px 2em 35px;
}

#directorySearch { background:#eeeeee; margin:0 0 20px 0; padding:15px 20px;}
#directorySearch h2 { color:#636363; margin:0 0 10px 0; padding:0; border:none;}
#directorySearch .input { border:1px solid #bbbbbb; background:#fff; font-size:12px; color:#acacac; width:200px; padding:6px 8px 5px 8px; border-radius:4px; float:left;}
#directorySearch #btn { float:left; margin:0 0 0 7px;}

#memberDetail { padding:10px 0 0 0;}
#memberDetail #photo {float:left; padding: 10px; margin:0 20px 20px 0; border: 1px solid #CCC; box-shadow: 0 0 5px 3px #F0F0F0;}
#memberDetail #info { float:right; width:400px;}
#memberDetail table#member {width: 100%;border-bottom: none;margin: 0 0 15px 0;}
#memberDetail table#member td, table#member th {font-size: 0.8125em;padding: 0px 0px;line-height:14px;border-top: none;color: #313B45;}
#memberDetail #name { padding:0; margin:0 0 3px 0; font-size: 1.0000em; font-weight:bold; color:#888888;}
#memberDetail #title { padding:0; margin:0 0 3px 0;}
#memberDetail #company { color:#f23e41; padding:0; margin:0 0 15px 0;}
#memberDetail #memberContent { margin:30px 0 10px 0; padding:10px 0 20px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#memberDetail #memberContent #left { float:left; width:360px; padding:10px 0 0 0;}
#memberDetail #memberContent #right { float:right; width:280px;}
table.tablesorter thead tr .header { cursor: pointer;}

#applyTable td p { background: url(../images/tick.gif) 0 10px no-repeat; padding:8px 13px 8px 25px; margin:0;}

/***** Forms *****/
form label { width:185px; display:inline-block;}
form label:hover { cursor:default;}
form .error { color:#D0191C; font-size: 0.8125em;}
form ol li ul { margin:5px 0 0 15px !important;}
form ol li ul li { font-size: 1em !important; margin: 0 0 0.5em 0 !important;}
form input[type=submit]:hover { cursor:pointer;}
form .screen-reader { display: block !important; left: -9999px !important; position: absolute !important;}
form select { width:145px;}
form #terms-box { background:#f4f4f4; padding:15px 15px 1px 15px; margin-bottom:15px;}