html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin: 0; padding: 0;} /* Note for MS: LH = Unitless for proper inheritance */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
ul {list-style:none;}
/*------------------------------------------------------------
GENERAL PAGE DECLARATIONS/ Typography (Style & Colour)
--------------------------------------------------------------*/
body {color:#535353; font:13px/1.231 Arial, Verdana, sans-serif; }
h1 { font-family:Georgia, serif; font-size:20px; color:#999; margin-bottom:36px; }
h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; color:#333; }
h1 {font-size:197%;line-height:1;margin-bottom:0.5em;}
h2 {font-size:123.1%;line-height:1;margin-bottom:0.5em;}
h3{font-size:167%; margin-bottom:0.75em;}
h4 {font-size:138.5%;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
li {font-size:100%;margin-bottom:5px}
p { padding: 0; margin:0 0 1.5em; line-height: 1.6em;}
a:link, a:visited { color: #00b5e6; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #6385a1; padding: 0; text-decoration: none;}
a:focus, a:hover {color:#000;}
a {color:#6385a1;text-decoration:underline;}
h1.splash { color:#999999; font-size:307.8%; margin-top:10px; font-weight:normal;}
ul#skiplinks {display: none;}
/*--------------------------------------
Core structure
---------------------------------------*/
#banner { position:relative; background:#292824; width:100%; height:150px;}
#bannerContent{ position:relative; margin: 0 auto; margin-top:0; margin-bottom:0; padding:0 0 0 0; width:830px; height:150px; }
#main { position: relative; margin: 0 auto; margin-bottom:0; margin-top:50px; width: 830px; font-size: 95%; line-height: 1.6em;}
#mainSixCol {position: relative; margin: 0 auto; margin-bottom:0; margin-top:50px; width: 830px; font-size: 95%; background: url(/m/cr/img/bgs/main.gif) 0 0 repeat-y; line-height: 1.6em;}
#mainFiveCol {position: relative; margin: 0 auto; margin-bottom:0; margin-top:50px; width: 830px; font-size: 95%; background: url(/m/cr/img/bgs/main_news.gif) 0 0 repeat-y; line-height: 1.6em;}
#mainSixCol ul { list-style:circle; margin-left:10px; margin-bottom:10px; }
#mainSixCol ul li{ }
/*--------------------------------------
Column Structures
---------------------------------------*/
/*8 col grid of 95px each. all floated left and margined seperately*/
.oneCol {float:left; width:95px;}
.twoCol {float:left; width:198px;}
.threeCol {float:left; width:305px;}
.fourCol {float:left; width:410px;}
.fiveCol {float:left; width:515px; }
.fiveCol div{padding-right:10px;}
.fiveCol p{padding-right:10px;}
.sixCol {float:left; width:620px;}
.sixCol p{padding-right:10px;}
.sevenCol {float:left; width:725px;}
.eightCol {float:left; width:830px;}
/*adjustments*/
.contentPadR {padding-right:10px;}
.contentPadL {padding-left:10px;}
.newsPosts { float:left; display:inline; width: 170px; margin-bottom:20px; padding:0 15px 0 15px; }
* html #post {height: 1%;}
.post_h3 { margin:0 0 5px 0; width:170px; font-size:12px;}
.post_h3 a{ text-decoration:none; color:#7aaa1b;}
.post p{font-size:12px;}
div.pubdate { margin-left:0; margin-bottom:5px; font-weight:bold;color:#CCCCCC; font-style:italic;}
h2.sectionH2Top {padding-bottom:10px; color:#464942; font-size:18px; padding-top:0; margin-bottom:15px;}
h2.sectionH2 { border-top:1px solid #DCDCDC; padding-bottom:10px; color:#464942; font-size:18px;padding-top:30px; margin-bottom:15px;}
h2.sectionH2Top span.right, h2.sectionH2 span.right{padding-left:10px; display:block;}
#content ul { padding-left:10px; }
#content ol { padding-left:30px; padding-right:20px; margin-bottom:20px;}
/*--------------------------------------
Header
---------------------------------------*/
#logo { float:left; width:317px; height:80px; clear:both; overflow: hidden; margin:0 0 0 0; background:url(/m/cr/img/logo.jpg) top left no-repeat;}
#logo { text-indent:-5000px;}
#search { overflow: hidden; position: absolute; top:20px; right:0; margin:0 0 0 0; width:200px; text-transform:uppercase;}
/*--------------------------------------
Banner
---------------------------------------*/
/*Navigation*/
/*--------------------------------------
Navigation //using sprites//
---------------------------------------*/
#nav { overflow: hidden; position: absolute; top:112px; right:0; margin:0 0 0 0; width:830px; clear:left; }
#nav ul {margin:0;padding:0;}
#nav ul li {list-style:none;float:left;margin-right:1px;}
#nav ul li{ text-align:center; text-indent:-5000px;}
#nav ul li a {height:38px;display:block; text-decoration:none; color:#fff;}
#nav ul li.home a {width:95px;background:transparent url(/m/cr/img/nav/nav_sprite.png) 0 0 no-repeat;}
#nav ul li.home a:hover, #nav ul li.home a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) 0 -38px no-repeat;}
#nav ul li.about a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -96px 0 no-repeat;}
#nav ul li.about a:hover, #nav ul li.about a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -96px -38px no-repeat;}
#nav ul li.docs a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -201px 0 no-repeat;}
#nav ul li.docs a:hover, #nav ul li.docs a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -201px -38px no-repeat;}
#nav ul li.links a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -306px 0 no-repeat;}
#nav ul li.links a:hover, #nav ul li.links a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -306px -38px no-repeat;}
#nav ul li.views a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -411px 0 no-repeat;}
#nav ul li.views a:hover, #nav ul li.views a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -411px -38px no-repeat;}
#nav ul li.news a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -516px 0 no-repeat;}
#nav ul li.news a:hover, #nav ul li.news a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -516px -38px no-repeat;}
#nav ul li.contact a {width:104px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -621px 0 no-repeat;}
#nav ul li.contact a:hover, #nav ul li.contact a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -621px -38px no-repeat;}
#nav ul li.message a {width:103px;background:transparent url(/m/cr/img/nav/nav_sprite.png) -726px 0 no-repeat;}
#nav ul li.message a:hover, #nav ul li.message a#active{background:transparent url(/m/cr/img/nav/nav_sprite.png) -726px -38px no-repeat;}
/*--------------------------------------
Home Page
---------------------------------------*/
div.quote {background:#F7F5D1; font-style:italic; padding:10px 10px 2px 10px; margin:10px 0 10px 0; font-weight:bold;}
div.p { padding:0 0 0 0; margin:0 0 0 0;}
.introText{ font-size: 20px; font-weight: normal; padding-top: 10px; padding-right:10px; line-height: 28px; font-family: Georgia, Times, Serif; }
/*--------------------------------------
Links
---------------------------------------*/
.row{ clear: both; display: block; }
.item{ float: left; width: 172px; padding:14px; background: #F2F2F2; margin-bottom:20px;}
* html .item{ margin: 0 10px 20px 0; }
.item:hover{ background: #292824; }
.item:hover a{ color: #fff; }
.item a{ padding: 0; border: none; margin: 0; }
.item img{ margin-bottom: 7px; }
.item p{ font-size: 11px; line-height: 14px; color: #666; margin: 0; }
.item p a{ color: #666; padding: 0; border: none; }
/*--------------------------------------
Documents
---------------------------------------*/
div.documentContainter { background:#F5FAFE; border:1px solid #EEEEEE; margin:20px 20px 20px 10px; padding:20px 20px 16px 20px;}
div.documentContainter h3 { padding-left:15px; font-size:138.5%}
div.documentContainter h3.closed {background:url(/m/cr/img/generic/close-arrow.gif) center left no-repeat;}
div.documentContainter h3.open {background:url(/m/cr/img/generic/open-arrow.gif) center left no-repeat;}
div.documentContainter div.innerLinks { margin: 20px 20px 20px 20px; padding:10px 10px 10px 10px; border:1px solid #EEEEEE; background:#fff;}
ul.fileinfo { list-style:none; }
ul.fileinfo li { padding:0 0 20px 0;}
ul.fileinfo dl {position:relative; width: 100%;}
/* hide from mac \*/
* html ul.fileinfo dl {height: 1%;}
/* end hide */
ul.fileinfo dd, ul.fileinfo dt { margin-left:40px; margin-bottom:5px;}
ul.fileinfo dd.category { color:#777777; font-style:italic;}
ul.fileinfo dd.image { position:absolute; top:0; left:0; margin:0; padding:0;}
/*--------------------------------------
News & Events
---------------------------------------*/
h3.newsH3 { border-top:1px solid #DCDCDC; padding-bottom:10px; color:#464942; font-size:16px; padding-top:30px; margin-bottom:15px;}
h3.newsH3 span{ display:block; padding-left:10px;}
.blogSidePanelSmall { width:147px; float:left;}
.blogSideLinks ul{ margin:0 0 20px 0; padding:0 0 0 0;}
.blogSideLinks ul li{ margin:0 0 0 0; padding:0 0 0 0;}
img.blogImgMain { margin-bottom:20px;}
/*--------------------------------------
Buttons
---------------------------------------*/
.button, .formbutton, .searchbutton , .threadButton, .replyButton {display: block; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -5000px; outline: none; cursor: pointer;}
.button { width: 620px; height: 269px;}
.button:hover { background-position: 0 -269px;}
.button.static:hover { background-position: 0 0;}
#btn_poster{ width: 620px; background-image: url(/m/cr/img/posters/joinNsue.jpg); margin-bottom:30px;}
button.formbutton, button.searchbutton { margin: 0 0 10px 0; padding: 0; background: transparent; outline: none; cursor: pointer;}
.formbutton {width: 95px; height: 30px;}
.formbutton:hover { background-position: 0 -30px;}
.formbutton.static:hover { background-position: 0 0;}
#btn_signin{ width: 95px; background-image: url(/m/cr/img/buttons/login.png); margin-bottom:30px;}
.searchbutton {width: 50px; height: 30px; margin-left:10px;}
.searchbutton:hover { background-position: 0 -30px;}
.searchbutton.static:hover { background-position: 0 0;}
#btn_search{ width: 50px; background-image: url(/m/cr/img/buttons/search.png); margin-bottom:30px;}
.threadButton {width: 200px; height: 30px;}
.threadButton:hover { background-position: 0 -30px;}
.threadButton.static:hover { background-position: 0 0;}
#btn_thread{ width: 200px; background-image: url(/m/cr/img/buttons/newThread.png); margin-bottom:10px; margin-top:10px;}
.replyButton {width: 160px; height: 30px;}
.replyButton:hover { background-position: 0 -30px;}
.replyButton.static:hover { background-position: 0 0;}
#btn_reply{ width: 160px; background-image: url(/m/cr/img/buttons/postReply.png); margin-bottom:10px; margin-top:10px;}
h2.h2join {padding:20px 20px 20px 20px; background:#38B5EA; color:#fff; font-weight:bold;}
h2.h2ThreadTitle {padding:10px 20px 10px 20px; background:#38B5EA; color:#fff; font-weight:bold;}
/*--------------------------------------
Forms
---------------------------------------*/
fieldset {border: none; padding:0 0 0 0; margin: 0 0 30px 0;}
fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
fieldset label { float:left; width:250px; padding-top:5px; display:block;}
fieldset p.helptext { margin-left:200px; color:#979888; font-weight:normal; font-size:.9em;}
fieldset span.errors { display: block; margin-bottom:5px; color:#C92B2B; font-weight:normal; font-style:italic;}
fieldset input, fieldset textarea {font-size:13px; font-weight:normal; width:340px; line-height:18px; margin:3px 0 8px 0; padding: .3em; border: 1px solid #CFCEC4;}
fieldset select {margin:3px 0 8px 0; width:240px;}
fieldset input.news { width:170px}
div#joinForm { background:#F5FAFE; border:1px solid #eeeeee; width:420px; margin-left:90px; margin-top:20px; margin-bottom:20px; }
div#joinForm form { padding:30px 30px 30px 30px; }
#joinForm div.successBox { display: inline-block;margin:0 0 0 0; background: #38B5EA; padding: 10px; color:#fff}
#joinForm div.successBox div{ padding: 10px;}
#joinForm div.successBox div a{ color:#fff; font-weight:bold;}
#joinForm div.errorBox { display: inline-block;margin:0 0 0 0; background: #C92B2B; padding: 10px; color:#fff}
#joinForm div.errorBox div{ padding: 10px;}
fieldset input {background: #fff url(/m/cr/img/bgs/inputBG.jpg) top left repeat-x; font-size:13px; font-weight:normal; margin:3px 0 8px 0; padding: .3em; border: 1px solid #CFCEC4; border-bottom: 1px solid #E9E9E6;}
#formSignIn { width:188px; margin-bottom:25px;}
#formSignIn fieldset input { width:168px; }
form#search_form { widows:200px; }
form#search_form fieldset { float:left; width:120px; float:left; }
form#search_form fieldset input { width:120px; float:left;}
/*--------------------------------------
Footer
---------------------------------------*/
#footer {clear: both; margin: 0 0 0 0; padding:0 0 0; color:#fff; height:130px; background: #F2F2F2 url(/m/cr/img/bgs/footer.jpg) bottom left repeat-x; width:100%; border-top:1px dotted #999999; overflow: hidden; }
#footerInner {position: relative; margin: 0 auto; margin-top:0; padding:0 0 15px 0; width:830px; overflow: hidden; font-size: 95%; text-align:left; border-top:1px solid #EEEEEE;}
#footerLower { margin-top:90px;}
#footerLower a {color:#8d8d85}
#footerLower a:hover {color: #fff;}
ul.extraLinks { float: left; padding: 0px; width: 200px; margin-top: 0px; margin-right: 20px; margin-bottom: 30px; border-top: 2px solid #cccccc; border-bottom: 1px solid #cccccc; list-style: none; text-transform: uppercase; font-size: 9px;}
ul.extraLinks li { border-bottom: 1px solid #cccccc; line-height: 25px; float: left; padding:0 0 0 0; margin:0 0 0 0;}
ul.extraLinks li a { color: #666666; width: 200px; height: 25px; display: block; background-color: #ffffff; padding:0 0 0 0;}
ul.extraLinks a:hover { background-color: #e5e5e5; padding:0 0 0 0;}
ul.footLnks {font-size: 80%; list-style: none; position: relative; padding: 10px 0px 0px 0px; margin-top: 15px; float: left;}
ul.footLnks li { list-style: none; display: inline; padding: 0px 10px; font-size: 100%; margin: 0px; float:left;}
ul.footLnks li a { display: block; font-weight: bold; font-size: 117%; padding: 0px 0px; color:#8d8d85}
ul.footLnks li a:hover { color: #141414;}
/*--------------------------------------
Misc Classes
---------------------------------------*/
.commentTxt { float:left; display:inline; width: 450px; margin-top:20px; padding:15px 15px 15px 15px; background: #F2F2F2;}
.commentDetails { float:left; display:inline; width: 470px; background:#fff; margin-bottom:20px; margin-top:5px; padding-left:30px; font-weight:bold;}
.marg10L { margin-left:10px;}
.pad5L { padding-left:5px; }
.pad5R { padding-right:5px; }
.marg95L { margin-left:95px;}
.marg10R { margin-right:10px;}
.italic { font-style:italic;}
.floatRight { float:right;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
/*clearfix*/
.cf:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.cf { display: inline-block;}
html[xmlns] .cf { display: block;}
* html .cf { height: 1%;}
/*end clearfix*/
/*Links*/
.sphboard_categories { border-collapse: collapse; width: 100%; }
.sphboard_categories td { border-bottom: 1px dotted gray; padding: 20px 5px 20px 5px; }
.sphboard_categories th { white-space: nowrap; border: 1px solid #38B5EA; background:#38B5EA; color:#fff; font-weight:bold; padding: 5px ;}
.sphboard_threadcount, .sphboard_postcount, .sphboard_threadcount, .sphboard_viewcount { width: 5%; text-align: center; }
.sphboard_latestpost { width: 40%; }
.sphboard_postform { width: 80%; border-collapse: collapse; border: 1px solid black; }
.sphboard_postform td, .sphboard_postform th { padding: 3px; }
.sphboard_postform input[type='text'], .sphboard_postform textarea { width: 80%; }
.sph_captcha input[type='text'] { width: 100px; }
.sphboard_post_list { width: 100%; border-collapse: collapse; }
.sphboard_post_list td { border-bottom: 1px dotted #00b5e6; border-top: 1px dotted #00b5e6; padding: 20px 5px 20px 5px; }
.sphboard_post_list th { border: 1px solid gray; padding: 5px; }
.sphboard_post_list td.sphboard_post_subject { height: 10px; }
.sphboard_post_list td.sphboard_post_body { min-height: 100px; vertical-align: top; }
.sphboard_post_list td.sphboard_post_authorinfo { vertical-align: top; padding-top: 2em; width: 150px; }
table.sphboard { background:#F5FAFE;}
table.form { background:#F5FAFE; padding:20px 10px 20px 10px;}
dl.sphboard_post_authorinfo_details dt { margin:0px; padding:0px; font-weight: bold; }
dl.sphboard_post_authorinfo_details dt:after { content: ': '; }
dl.sphboard_post_authorinfo_details dd { margin:0px; margin-left: 1em; padding:0px; }
.sphboard_thread_list { width: 100%; border-collapse: collapse; }
.sphboard_mainhead { background-color: #eee; }
.sphboard_thread_list td{ border-bottom: 1px dotted gray; padding: 20px 5px 20px 5px; }
.sphboard_thread_list th { white-space: nowrap; border: 1px solid #38B5EA; background:#38B5EA; color:#fff; font-weight:bold; padding: 5px ;}
.sphboard_post_body .signature { margin-top: 20px; padding-left: 10px; border-top: 1px solid gray; font-size: smaller; color: gray; display: block;}
.sphboard_post_body .annotation_not_hidden { font-size: smaller; border-bottom: 1px solid gray; }
.sphboard_post_body .attachments { font-size: smaller; border-top: 1px solid black; margin-top: 20px; padding-left: 10px; }
.sphboard_post_body .attachments:before { content: attr(title); }
.sphboard { width: 100%; } .sphboard textarea { width: 100%; }
.sphboard input { width: 100%; }
.board_previewarea { /* it must be invisible in thebeginning */ display:none; visibility:hidden; border: 2px solid gray; overflow:scroll; max-height: 500px; padding: 5px;}
.board_threadcount { float:left;}
.board_pagination { display:block; float:right;}
.board_postdate { float:left;}
.board_controls { float:right;}
.polls_percent { white-space:nowrap;}
.polls_percentbar { background-color:#cccccc; font-size:5px; height:10px;}
.polls_choices { list-style: none;}
ul.sphboard_post_summary { padding:0px;margin:0px; list-style-type: none; display:block;}
.sphboard_post_summary li { border-bottom: 1px dotted gray; display:block; margin: 0px; padding: 1em;}
.sphboard_post_summary li:hover { background-color: #ddf}
.sphboard_post_summary dt { padding: 0px;}
.sphboard_post_summary dd.category { display:none;}
.sphboard_post_summary .postdate { font-size: x-small; font-weight: bold; margin-bottom: 1em;}
.sphboard_post_summary .subject {}
.sphboard_post_summary .body { max-height:4em; overflow:hidden;}
.sphboard_post_summary li:hover .body { max-height:20em;}
/* new-style thread list */
table.sphlist_threadlist { width: 100%; border-collapse: collapse;}
table.sphlist_threadlist th { font-size: smaller; }
table.sphlist_threadlist td, table.sphlist_threadlist th { border: 1px solid gray; padding: 5px;}
.sphlist_threadlist_newpost { width: 20px;}
td.sphlist_threadlist_views, td.sphlist_threadlist_posts { text-align: right; width: 5%;}
th.sphlist_threadlist_views { white-space: nowrap;}
div.sortorder_desc::after { content: "\2193";}
div.sortorder_asc::after { content: "\2191";}
.sphlist_threadlist_object_count { float:left;}
.sphlist_threadlist_pagination { display:block; float:right;}
.breadcrumb { border-bottom: 1px dotted gray; padding:10px 0 10px 0;}
h3.threadTitle {font-size: 19px; padding:0 0 0 0; margin:0 0 0 0; }
.underH2 { margin:-55px 0 0 0; padding:0; float:right; }
.underH2Txt{ margin:-70px 0 0 0; padding:0; float:right; }
div#forumquicklinks{}
div#forumquicklinks ul.quicklist{list-style-type: none;margin:0 0 20px 0;padding:0;}
div#forumquicklinks ul.quicklist li{background:#f2f2ee;padding:6px 0 6px 8px;margin-bottom:1px;}
div#forumquicklinks ul.quicklist span{font-size:10px;color:#99b6bf;}
div#forumquicklinks ul.quicklist li.current{background:#34b0ff;margin:5px 0;}
div#forumquicklinks ul.quicklist li.current a{color:#fff;font-weight:bold;}
div#forumquicklinks ul.quicklist li.current span{color:#b9d6df;}