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

body{background-color:#c1ecff; width:100%; margin:0 auto 0 auto; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
img {border:none;}
img a{border:none;}
a {color:#0202cf; text-decoration:none;}

.top-wrapper{background-image:url(graphics/bg-repeat.gif); background-repeat:repeat-x; height:auto;}	/*height:972px;*/
.tc-wrapper{width:808px; height:auto;}	/*height:972px;*/

.bottom-wrapper{background-image:url(graphics/footer-bg-repeat.gif); background-repeat:repeat-x; background-color:#000066; height:200px;}
.bc-wrapper{width:808px; height:200px;}

/*-------------------------- top banner ------------------------------------*/

.top-banner{width:800px; height:128px; /*border:1px solid #FF0000;*/}
.tb-main{width:800px; height:79px;}
.tb-logo{width:308px; height:79px; float:left;}
.tb-right-wrapper{width:470px; height:79px; float:right;}
.dda-wrapper{width:450px; height:25px; margin-top:3px;}
.tmc-link a{width:150px; height:18px; float:right; color:#FFFFFF; padding-top:7px;}
.ts-large{width:21px; height:25px; float:right;}
.ts-medium{width:19px; height:25px; float:right;}
.ts-small{width:17px; height:25px; float:right;}
.change-text{width:250px; height:25px; color:#FFFFFF; padding-top:5px;}
.font-resize{width:350px;}

.login-wrapper{width:470px; height:30px; margin-top:14px;}
.login-wrapper form{margin:0px; padding:0px;}
.login-box{width:110px; height:30px; background-image:url(graphics/login-repeat.gif); background-repeat:repeat-x; float:right;}
.login-left{width:9px; height:30px; background-image:url(graphics/login-left.gif); background-repeat:no-repeat; float:left;}
.login-centre{width:auto; height:30px; float:left;}
.login-right{width:9px; height:30px; background-image:url(graphics/login-right.gif); background-repeat:no-repeat; float:right;}
.pw-text{width:72px; height:30px; color:#FFFFFF; float:right; padding-top:7px;}
.un-text{width:125px; height:30px; color:#FFFFFF; float:right; padding-top:7px;}
.submit-btn{width:32px; height:30px; float:right; margin:1px 0px 0px 4px;}

.login-inputstyle{width:80px; font-size:11px; border:0px; margin-top:8px;}

.tb-nav-wrapper{width:800px; height:41px; margin-top:8px;}
.tb-nav{width:435px; height:32px; float:left; padding:5px 0px 0px 0px;}
 

.tb-search{width:300px; height:41px; float:right;}
.tb-search form{margin:0px; padding:0px;}

.search-wrapper{width:300px; height:35px; background-image:url(graphics/search-repeat.gif); background-repeat:repeat-x; margin-top:3px;}
.search-left{width:16px; height:35px; background-image:url(graphics/search-left.gif); background-repeat:no-repeat; float:left;}
.search-centre{width:auto; height:35px; float:left;}
.search-right{width:91px; height:35px; background-image:url(graphics/search-right.gif); background-repeat:no-repeat; float:right;}

.inputstyle{width:190px; font-size:11px; border:0px; margin-top:9px;}

/*-------------------------- sliding navigation ------------------------------------*/

#home  a {
display: block; width:61px; height:32px; background-image:url(graphics/home-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#home  a:hover {
display: block; padding: 0px 0px 0px 0px; width:61px; height:32px; background-image:url(graphics/home-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}

#register-login  a {
display: block; width:101px; height:32px; background-image:url(graphics/register-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#register-login  a:hover {
display: block; padding: 0px 0px 0px 0px; width:101px; height:32px; background-image:url(graphics/register-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}

#about-us  a {
display: block; width:72px; height:32px; background-image:url(graphics/about-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#about-us  a:hover {
display: block; padding: 0px 0px 0px 0px; width:72px; height:32px; background-image:url(graphics/about-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}

#contact-us  a {
display: block; width:81px; height:32px; background-image:url(graphics/contact-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#contact-us  a:hover {
display: block; padding: 0px 0px 0px 0px; width:81px; height:32px; background-image:url(graphics/contact-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}

#forum-link  a {
display: block; width:56px; height:32px; background-image:url(graphics/forum-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}

#forum-link  a:hover {
display: block; padding: 0px 0px 0px 0px; width:56px; height:32px; background-image:url(graphics/forum-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}
#blog  a {
display: block; width:61px; height:32px; background-image:url(graphics/blog-btn.gif);
background-repeat: no-repeat; background-position: left; margin:0px 0px 0px 0px;
text-decoration:none; font-size:6px; color:#FFFFFF; float:left;}
 
#blog  a:hover {
display: block; padding: 0px 0px 0px 0px; width:61px; height:32px; background-image:url(graphics/blog-btn.gif);
background-repeat: no-repeat; background-position: right; margin:0px 0px 0px 0px; color:#6f6fa8; float:left; text-align:center;}


/*-------------------------- main area ------------------------------------*/

.content-wrapper{width:808px; height:auto; background-color:#FFFFFF;}	/*height:844px;*/
.shadow-left{width:4px; background-image:url(graphics/shadow-left.gif); background-repeat:repeat-y;}
.shadow-right{width:4px; background-image:url(graphics/shadow-right.gif); background-repeat:repeat-y;}
.flash-advert{width:800px; height:302px; background-image:url(graphics/flash-placeholder.jpg); background-repeat:no-repeat;}
.advert-break{width:800px; height:22px; background-image:url(graphics/advert-break-repeat.gif); background-repeat:repeat-x;}

.main-area{width:800px; height:auto; overflow:visible; margin-top:14px;}	/*height:520px;*/

.left-panel{width:205px; height:auto; margin-left:5px;}
.left-nav{width:205px; height:auto;}
.message-wrapper{width:202px; height:95px;}
.fb-btn{width:56px; height:95px; float:left; padding-left:35px;}
.twitter-btn{width:56px; height:95px; float:right; padding-right:35px;}

.ads-wrapper{width:192px; height:100px; margin-top:9px;}

.right-panel{width:550px; height:auto; margin-left:8px;}
.main-section{width:550px; height:auto;}
.ms-bg-repeat{width:548px; height:auto; background-image:url(graphics/main-article-repeat.gif); background-repeat:repeat-y;}
.ms-wrapper{width:548px; height:auto; background-image:url(graphics/main-article-top.gif); background-repeat:no-repeat; background-position:top;}
.article-wrapper{width:548px; height:auto;padding:10px;}
.article-wrapper *{
max-width:528px;
}
.ms-base{width:548px; height:17px; background-image:url(graphics/main-article-base.gif); background-repeat:no-repeat; background-position:bottom;}
.article-header{font-size:24px; font-weight:bold; color:#004f9c;}

.topics-section{width:550px; height:auto; overflow:visible; margin-top:7px;}
.all-panels-wrapper{width:548px; height:auto;}
.panel-bg{width:168px; height:auto; background-image:url(graphics/small-panel-repeat.gif); background-repeat:repeat-y; background-position:left;}
.panel-wrapper{width:168px; height:auto;}
.panel-base{width:168px; height:18px; background-image:url(graphics/small-panel-base.gif); background-repeat:no-repeat; background-position:center;}
.panel-header{width:168px; height:96px;}
.panel-text-wrapper{width:168px; height:auto;}
.panel-text{padding:12px;}
.panel-btn{width:168px; height:29px; padding-bottom:8px;}

.cr-wrapper{width:548px; margin-top:4px;}
.copyright{width:548px; height:30px; background-color:#f2f2f2; border:1px solid #d2d1d1;}
.cr-text{padding:8px 0px 0px 15px;}

/*-------------------------- footer ------------------------------------*/

.base-wrapper{width:808px; height:83px; background-image:url(graphics/base-repeat.gif); background-repeat:repeat-x;}
.base-left{width:22px; height:83px; background-image:url(graphics/base-left.gif); background-repeat:no-repeat; float:left;}
.base-right{width:22px; height:83px; background-image:url(graphics/base-right.gif); background-repeat:no-repeat; float:right;}
.footer-logos{width:808px; height:85px;}
.does-logo{width:358px; height:85px; float:left; padding-left:30px;}
.membership-logo{width:170px; height:57px; float:right; padding-right:30px;}

/*-------------------------- collapsible menu ------------------------------------*/

.applemenu{margin-top:2px; margin-bottom:15px; padding:0px; width: 203px; /*width of menu*/ /*border-bottom: 1px solid #CCCCCC;*/ background-image:url(graphics/nav-bg-repeat.gif); background-repeat:repeat-y; background-position:center;}

.applemenu div.silverheader a{
background-image:url(graphics/left-nav-btn.gif); background-repeat:no-repeat; background-position:left;
height:31px;
/*background: black url(graphics/silvergradient.gif) repeat-x center left;*/
color:#FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
/*width: auto;*/
/*padding: 5px 0;*/
padding-left:18px;
text-decoration: none;
text-align:left;
}

.top-nudge{padding-top:6px;}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{color:#FFFFFF;}

.applemenu div.selected a, .applemenu div.silverheader a:hover{/*background-image: url(graphics/silvergradientover.gif);*/
background-image:url(graphics/left-nav-btn.gif); background-repeat:no-repeat; background-position:right; color:#FFFFFF;}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
/*background: white; padding: 5px;*/ height:auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
text-align:left;}

.applemenu div.submenu ul{ margin:0px; padding:5px 20px 5px 32px; list-style-position:outside;}

.applemenu div.submenubottom{background-image:url(graphics/nav-bg-base.gif); background-repeat:no-repeat; background-position: bottom center;}