html {height: 101%}
body { margin: 0 0 20px 0; padding: 0 0 20px 0; font-family: arial, sans-serif; font-size: 81.25%; position: relative}

h1, h2, h3, h4 { margin: 0; padding: 0; color: #000; font-weight: bold; }
h1 {font-size: 150%; padding: 0 0 10px 0; margin: 0;  }
h2 {font-size: 115%; padding: 0; margin: 0 0 15px 0;  line-height: 11px}
.ltop h2 {font-size: 100%; line-height: 140%; color: #657574; margin: 0}
.lbot h2 {display: block }
h2 img {margin: 0 0 0 10px!important; float: none!important}
h2.likeh1 { font-size: 140%; }
.center h1 { font-size: 150%}
.center h1 img{margin: 0 0 0 10px!important; float: none!important}
h3 {font-size: 110%; padding: 0 0 10px 0; margin: 0;}
h2, h3 { clear: both; }
p {margin: 0; padding: 0 0 10px 0; color: #000}
li {color: #657675;}
li span {color: #000}
ol { margin: 0; padding: 0 0 0px 20px; counter-reset: item}
ol li { padding: 0 0 20px 0px}
a {text-decoration: none; color: #758483}
a:hover {text-decoration: underline}
h1 img {margin: 0!important; padding: 0}
.clear { clear: both; height: 0}
img a, a img, img {border: none; vertical-align: bottom}
a span {cursor: pointer}
.sg_left { float: left; padding: 0; margin: 0 10px 10px 0; clear: both; }
.sg_right { float: right; padding: 0; margin: 0 0 10px 10px; clear: both; }
.sg_center { display: block; margin: 0 auto; }
.sg_default { margin: 0 0 10px 0; }

.content table th { padding: 5px; text-align: left; background: #f2f2f2; color: #627271; vertical-align: top; }
.content table td { padding: 5px; text-align: left; background: #f2f2f2; vertical-align: top; }
.content table p { margin: 0; padding: 0 0 10px 0; color: #000; }
.content table a { color: #627271; }
.content ul {padding: 0 0 10px 16px; margin: 0}
.centreDefault .sg_left { float: left; padding: 0; margin: 0 10px 10px 0; clear: none; }
.centreDefault .sg_right { float: right; padding: 0; margin: 0 0 10px 10px; clear: none; }

hr { clear: both; height: 1px; border: none; background: #dadada; display: block; width: 100% }

.main {width: 980px; padding: 0; margin: 0px auto; }

.header {height: 87px; padding: 34px 0 0 0;}
.headerleft {width: 657px; float: left }
.headerright {width: 323px; float: left; padding: 0; }
.headerright a {display: block}
.celebrate {float: right; margin: 0 30px 10px 0}
.memberbox {border: 1px solid #dadada; background: #f5f5f5; width: 321px; font-size: 80%; padding: 6px 0 0 0; margin: 0 0 15px 0; height: 63px}
.memberbox p {padding: 0 0 5px 0; color: #667675}
.memberbox p.input {padding: 0; }
.mLeft p.input {border: 1px solid #e6e6e6; display: block; width: 131px; height: 18px; padding: 0}
.mLeft, .mRight {float: left; display: block}
.mLeft {width: 133px; margin: 0 5px 0 4px}
.mRight {width: 175px; }
.mRight span {float: left; padding: 0 0 5px 0; color: #667675}
.memberbox span.password {font-size: 90%; float: right}
.memberbox span.password a{color: #666; text-decoration: underline; }
.memberbox p span.input {display: block; width: 131px; height: 18px; border: 1px solid #e6e6e6; padding:0}
.memberbox input {width: 127px; border: none; background: #fff; height: 18px; font-size: 100%; padding: 0 2px }
.memberbox input#login {display: block; width: 37px; height: 20px; padding: 0; margin: 0 0 0 5px }
.memberbox input.remember {width: auto; border: none; background: #fff; height: auto; vertical-align: bottom; margin: 0 2px 0 4px; padding: 0; }

.searchbox { padding: 0px; width: 321px; height: 19px; margin: 0; border: 1px solid #a5adad; }
.searchbox p {background: #fff; width: 302px; height: 19px; padding: 0; display: block; float: left; margin: 0}
.searchbox p input {background: none; border: none; display: block; width: 298px; height: 19px; padding: 0 2px; color: #667675; line-height: 19px;}
.searchbox input#go {float: left}



.breadcrumb p {padding: 5px 0 10px 0; font-size: 80%; }
.breadcrumb p span{color: #006e6e}

.navigation {width: 980px; height: 35px; display: block}
.navigation ul {margin: 0; padding: 0; list-style-type: none}
.navigation li {display: block; float: left; text-align: center; border-right: 1px solid #000; border-left: 1px solid #657574}
.navigation li a {height: 35px; display: block; line-height: 35px; color: #fff; background-image: url(../images/nav.gif); background-repeat:repeat-x; background-position: 0 0; font-size: 100%; font-weight: bold}
.navigation li.selected a {background-position: 0 -35px}
.navigation li a:hover {background-position: 0 -35px}
.navigation li#home {width: 194px; border-left: none}
.navigation li#aboutus {width: 195px}
.navigation li#professionalbody {width: 194px}
.navigation li#instituteofcr {width: 194px}
.navigation li#partnerships {width: 195px}
.navigation li#contactus {width: 194px; border-right: none}
 

.snav ul {padding: 0 0 10px 0; margin: 0; list-style-type: none;}
.snav li {padding: 0 0 5px 0}
.snav li a{font-weight: bold; color: #758483}
.snav li a:hover{text-decoration: underline}
.snav li a.selected{color: #006d6d }

.content {margin: 8px 0 0 0; border-bottom: 1px solid #dadada; padding: 0 0 15px 0}
.content.home {margin: 8px 0 0 0; background: url(../images/content-back.gif) repeat-y top left; border-bottom: 1px solid #dadada; padding: 0 0 15px 0}
.content .lefthome {width: 424px; float: left}
.content .righthome {width: 556px; float: left}
.content .left {float: left; width: 123px; padding: 0 25px 20px 0}
.content div.center {float: left; width: 514px; padding: 0 25px 20px 25px; line-height: 150%}
.content div.center li {color: #000000;}
.content .centerwide {float: left; width: 687px; padding: 0 25px 20px 0; line-height: 150%}
.content .right {float: left; width: 268px; padding: 0; line-height: 150%}
.lefthome .ltop {min-height: 463px; padding: 0 24px 20px 0}
.lefthome .lbot {border-top: 1px solid #dadada; padding: 22px 24px 0 0}
.lefthome .lbot img {float: right}
.lbotLeft {width: 220px; float: left}

.memberLogo { width: 150px; float: left; margin: 0 32px 32px 0; height: 100px; text-align: center; }
.memberLogoLast { margin: 0 0 32px 0; }

.banner {background: #fff; height: 236px; padding: 0 0 15px 0; }
.bLeft {width: 704px; height: 236px; position: relative; float: left}
.bLeft img {position: absolute; top: 0; left: 0; z-index: 5000}
.bRight {float: left; margin: 0 0 0 8px; width: 268px}
.bRight a {display: block; height: 114px; width: 130px; float: left; margin: 0 8px 8px 0; background-repeat: no-repeat; background-image: url(../images/banner-squares.jpg)}
.bRight a#events { background-position: 0 0;}
.bRight a#resources { background-position: 0 -228px; margin: 0 0 8px 0}
.bRight a#forum { background-position: 0 -342px; margin: 0 0 8px 0}
.bRight a#members { background-position: 0 -114px;}
.bRight a:hover#members { background-position: -130px -114px;}
.bRight a:hover#forum { background-position: -130px -342px; margin: 0 0 8px 0}
.bRight a:hover#resources { background-position: -130px -228px; }
.bRight a:hover#events { background-position: -130px 0;}

.right .events h2 {background: url(../images/heading-green.gif) repeat-y top left; color: #fff; padding: 10px}
.right .events {border-bottom: 1px solid #dadada; margin: 0 0 18px 0}
.right .eventInner {padding: 0px 10px; }

.right .latestResources h2 {background: url(../images/heading-purple.gif) repeat-y top left; color: #fff; padding: 10px}
.right .resourcesInner {padding: 0px 10px}
.rtop img{border: 1px solid #dadada; margin-bottom: 10px}
.facts {background: #fff url(../images/facts-back.gif) no-repeat 26px 0; height: 75px; border-bottom: 1px solid #dadada; padding: 27px 0 0 26px; margin: 0 0 0 1px; position: relative;}
.facts .subfacts {position: absolute; bottom: -5px; right: 0; font-size: 85%}
.col1 {float: left; width: 287px}
.col2 {float: left; width: 268px}
.col1 .events {padding: 25px 10px 0 26px; border-bottom: 1px solid #dadada; height: 131px; font-size: 100%}
/*.events p, .events a {color: #959f9f; }*/
.events p {color: #454545; }
.events a {color: #959f9f; }
/*.events p.title, .events p.date {font-weight: bold; color: #657574; padding: 0}*/
.events p.title, .events p.date {font-weight: bold; color: #454545; padding: 0}
.resourceArea {padding: 25px 10px 0 26px; border-bottom: 1px solid #dadada; height: 197px; font-size: 110%}
.col1 .latestResources {padding: 25px 10px 0 26px; font-size: 100%}
.latestResources a{color: #667675}
.latestResources p {padding: 0 0 3px 0}
.latestResources p.link {margin: 5px 0 0 0}
.resourceArea img {margin-left: -8px}
a#becomeMember {display: block; color: #fff; background: #424d4c url(../images/button-back.gif) repeat-y top left; padding: 13px 25px; font-size: 110%; height: 17px;}



.news {padding: 25px 10px 0 26px; border-bottom: 1px solid #dadada; height: 397px}
.story {display: block; border-bottom: 1px solid #dadada; margin: 0 0 15px 0; height: 105px}
.story.last {border-bottom: none; margin: 0; height: 90px}
.newsImage {float: left; display: block; width: 75px; height: 75px; margin: 0 15px 15px 0}
.newstext {width: 140px; float: left; display: block}
.newstext p{padding: 0}
/*.newstext a{color: #424d4c}*/
.newstext a{color: #959F9F}
.newslink {padding: 0 0 20px 90px}
/*.newslink a{color: #006e6e}*/
.newslink a{color: #959F9F}
.newsDate { float: right; color: #aaa; font-size: 90%; padding: 0 0 10px 30px; }
.newsImg { float: left; width: 100px; }
.twitter {padding: 25px 10px 0 26px}
.twitterheading img {float: left}
.twitterheading {margin: 0 0 10px 0}
.twitterheading p {float: right}
/*.twitter a {color: #0092cc}*/
.twitter a {color: #959F9F}
.twitter p {padding: 0}
/*p.tweetDate {color: #667675; font-size: 80%}*/
p.tweetDate {color: #454545; font-size: 80%}

.content .rollingHome { list-style-type: none; margin: 0; padding: 0; }
.content .rollingHome li { list-style-type: none; margin: 0; padding: 0; }


/* DOCUMENT AREA */
.DAcomments { display: none; }
.DAcomments .comment { clear: both; }
.DAcomments .comment p { margin: 0; padding: 0; }
.DAcomments .comment .commentBy { float: left; padding: 0 10px 10px 0; }
.DAcomments .comment .commentDate { float: left; padding: 0 0 10px 0; }
.DAshowhidecomments { cursor: pointer; font-weight: bold; }
p.addacomment { cursor: pointer; }
#addCommentBox { display: none; position: absolute; background: #fff; border: 5px solid #999; padding: 5px; z-index: 5000 } 
#addCommentBox textarea { width: 300px; height: 100px; } 
#addCommentBox .close { cursor: pointer; }
.addcommentboxsubmit { cursor: pointer; }
.document { background: #f6f6f6; padding: 10px; margin: 0 0 5px 0; }
.documentDetails { float: left; }
.DAlike { clear: both;background: url(../images/like.gif) 0px 2px no-repeat; cursor: pointer; width: 125px}
.DAdislike { float: left; margin: 0 0 0 5px; padding: 0 0 0 20px; border-left: 1px solid #999; background: url(../images/dislike.gif) 5px 5px no-repeat; cursor: pointer; }
.DAtags { float: right; max-width: 335px}
#newComment { clear: both; }
.DAtagcloud { border: 1px solid #dadada; padding: 10px; margin: 0 0 10px 0; font-size: 120% }
.docAreaMenu ul {padding: 0 0 10px 0; margin: 0; list-style-type: none;}
.docAreaMenu ul ul {padding: 0 0 0 10px; margin: 0; }
.docAreaMenu li {padding: 0 0 5px 0; }
.docAreaMenu li a{font-weight: bold; color: #758483; }
.docAreaMenu li a:hover{text-decoration: underline}
.docAreaMenu li a.selected{color: #006d6d }
.docLibrary h2 {padding: 0 0 10px 0; margin: 0}
.addDoc a{color: #4b4b4b}
.catDoc {padding: 0 0 10px 0; border-bottom: 1px solid #dadada; margin: 0 0 10px 0}
.catDoc select{width: 377px; margin: 0 5px 0px 0; }
.rating {display: block; width: 125px; float: left }
.rating p {clear: both}
.rating p span{ float: left; margin: 0 1px 2px 1px; font-weight: normal; display: block; line-height: 13px}
.rating p span.star{display: block; height: 13px; width: 14px; background-image: url(../images/stars.png); background-repeat: no-repeat; float: left; margin: 0 1px; background-position: 0 0}
.rating p span.star.half{background-position: -14px 0}
.rating p span.star.blank{background-position: -28px 0}
.rating a, .rating p {color: #504e53}
p.documentDetails {display: block; float: left; width: 320px}
p.DAshowsidecomments {display: block; clear: both}
p.DAlike {width: 125px; display: block; padding: 0 0 25px 20px; }
.document {position: relative;}

/* FORUM */
p.forumbutton {  }
p.forumbutton a { background: #627271; color: #fff; padding: 2px 5px; text-decoration: none; font-size: 95%; }
p.forumbutton a:hover { text-decoration: underline; }

.forumtopiclist { margin: 0 0 10px 0; }
.forumtopiclist th { background: #627271; color: #fff; padding: 5px; vertical-align: top; text-align: left }
.forumtopiclist td { background: #ddd; padding: 5px; vertical-align: top; }
.forumdate { background: #eee; padding: 5px; font-size: 95%; margin: 0 0 5px 0; }
.forumpost { border: 1px solid #ccc; padding: 5px; margin: 0 0 5px 0; }

.forumBoard { width: 100%; }
.forumThread { width: 100%; margin: 0 0 10px 0; }




.footer {padding: 30px 0 30px}
/*.footer p {color: #657675; padding: 0 0 5px 0}*/
.footer p {color: #000000; padding: 0 0 5px 0}
.footer a {color: #959F9F; }
.footer p.small {font-size: 80%}
.footerleft {width: 600px; float: left}
.footerright {width: 380px; float: left; text-align: right}
.footerright a {color: #a0a0a0}

.BasicRTE_controls { background: #ccc; padding: 8px 8px 0 8px; }
.BasicRTE_controls .rte-bold { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-bold.gif) no-repeat; cursor: pointer; }
.BasicRTE_controls .rte-italic { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-italic.gif) no-repeat; cursor: pointer; }
.BasicRTE_controls .rte-underline { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-underline.gif) no-repeat; cursor: pointer; }
.BasicRTE_controls .rte-numlist { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-numlist.gif) no-repeat; cursor: pointer; }
.BasicRTE_controls .rte-bullist { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-bullist.gif) no-repeat; cursor: pointer; }
.BasicRTE_controls .rte-link { border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-link.gif) no-repeat; cursor: pointer; }
.iframeEditor { background: #fff; border: 1px solid #ccc; margin-bottom: 10px; }

/* Additional fields */
table.userregistration {padding: 0; border-spacing: 0; border-collapse: collapse}
table.userregistration th, table.userregistration td {background: #fff; vertical-align: top; padding: 0}
table.userregistration th {width: 196px}
table.userregistration input {width: 250px; }
.af_data {width: 196px; color: #627271; font-weight: bold}
.af_set h3 {margin: 20px 0 0 0}
.af_set {clear: both}
.af_set h3, .af_set p {color: #627271}
.af_checkbox, .af_text, .af_textarea { clear: both; padding: 0 0 10px 0; display: block}
.af_field, .af_data { float: left; display: block }
.af_field input { width: 250px}
.af_field select {width: 254px}
.af_field textarea { width: 248px}
.af_checkbox .af_field input {width: 16px; margin: 2px 10px 0 0}

.twitter {padding-bottom: 20px }
.col2 .news {border-bottom: none!important}

.hidden {display:none!important}