/* Insider Media Main Style Sheet */


/***** Global Reset *****/

@import "reset.css";


div#leftcol {width: 190px; float: left;}
div#centercol {float:right; width: 760px; padding:0px; border:none }
div#splitleftcol, div#splitrightcol {font-family:Verdana, Arial, sans-serif; font-size:10px; line-height:150%}
div#splitleftcol p {padding-bottom:10px; font-size:11px}
div#splitleftcol p.text-only img {padding-bottom:10px; font-size:11px; display:none}
body#threecol div#splitleftcol h2.secondary { font-size:17px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#1f6694; background:url(/images/h2_530px.jpg) no-repeat scroll left top; padding: 6px 0 4px 23px }
body#twocol div#splitleftcol h2.secondary { font-size:17px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#1f6694; background:url(/images/h2_760px.jpg) no-repeat scroll left top; padding: 6px 0 4px 23px }
h3.lg_orange { font-size:15px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#1f6694; background:url(/images/h2_large_orange.png) no-repeat; background-position:0 1px; padding: 0 0 2px 20px; margin:0 0 10px 8px}
div.openrightcol h3 {font-size:130%; color:#FFFFFF; padding: 10px 0 10px 42px; margin-bottom:7px}
h3.information, h3.expert {background:url(/images/h3_info.png) no-repeat scroll left top}
h3.question, h3.directory {background:url(/images/h3_question.png) no-repeat scroll left top}
h3.shop {background:url(/images/h3_shop.png) no-repeat scroll left top}
h3.shop a {color:#FFFFFF; font-weight:bold; font-size:10px;}
h3.inprint {background:url(/images/h3_inprint.png) no-repeat scroll left top}
h3.inperson {background:url(/images/h3_inperson.png) no-repeat scroll left top}
h3.online {background:url(/images/h3_online.png) no-repeat scroll left top}
h3.email {background:url(/images/h3_email.png) no-repeat scroll left top}
h3.profile {background:url(/images/h3_profile.jpg) no-repeat scroll left top}
h3.telephone {background:url(/images/h3_telephone.png) no-repeat scroll left top}
h3.syb {background:url(/images/h3_syb.png) no-repeat scroll left top}
h3.casestudies {background:url(/images/h3_casestudies.jpg) no-repeat scroll left top}
h3.video {background:url(/images/h3_video.png) no-repeat scroll left top; _background:url(/images/h3_video.jpg) no-repeat scroll left top}
h3.twitter {background:url(/images/h3_twitter.png) no-repeat scroll left top}
h3.eventlisting {font-size:120%; font-family:Verdana, Arial, sans-serif; width: 735px; padding:7px 0 9px 25px; margin:0px;  background-image:url(/images/h2_eventlisting.jpg); background-repeat:no-repeat; background-color:transparent}
h3.blue a, h4.blue a { color:#000000; font-size:11px; background-image:url(/images/li_blue.png); background-repeat:no-repeat; padding-left:15px; font-weight:bold}
h3.eventlisting a {font-weight:bold; color:#000000}
body#threecol div#centercol div#splitleftcol h3.bluesquare {font-size:120%; font-family:Verdana, Arial, sans-serif; width: 510px; padding:7px 0 9px 25px; margin:0px;  background-image:url(/images/h3_bluesquare_530px.png); background-repeat:no-repeat; background-color:transparent}
body#twocol div#centercol div#splitleftcol h3.bluesquare {font-size:120%; font-family:Verdana, Arial, sans-serif; width: 735px; padding:7px 0 9px 25px; margin:0px;  background-image:url(/images/h3_bluesquare_760px.jpg); background-repeat:no-repeat; background-color:transparent}
body#threecol div#centercol div#splitleftcol h4.video {background-image:none;  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#000000; font-weight:bold; font-size:18px; color:#780e13; padding:0px 0 5px 12px}
h3.bluesquare a {font-weight:bold}
body#threecol div#centercol div#splitleftcol h2 { font-size:120%; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; width: 475px; padding:7px 0 9px 60px; margin:0px; text-transform:uppercase; background-image:url(/images/h2_530px.jpg); background-repeat:no-repeat; background-color:transparent }
body#threecol div#centercol div#titlebar { width:760px; margin:5px 0px 0px; padding-left:0px; padding-top:0px }
body#threecol div#centercol div#titlebar h2 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#000000; font-weight:bold; font-size:20px; background-image:none; background-color:#FFFFFF; margin:0px; padding-left:0px; padding-top:0px }
body#threecol div#centercol div#splitleftcol h2.topstory { font-size:130%; color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; width: 528px; height:12px; padding:7px 0 9px 7px; margin:0px; text-transform:uppercase; background-image:url(/images/h2_topstory.png); background-repeat:no-repeat; background-color:transparent }
body#threecol div#centercol div#splitleftcol h2.childlist {width: 535px; height:13px; padding:0px; background-image:url(/images/h2_530px_blank.png); background-repeat:no-repeat; background-color:transparent }
body#twocol div#centercol div#splitleftcol h2.childlist {width: 760px; height:13px; padding:0px; background-image:url(/images/h2_760px_blank.png); background-repeat:no-repeat; background-color:transparent }
body#twocol div#centercol div#splitleftcol h2 { font-size:130%; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; width: 700px; padding:7px 0 10px 60px; margin:0px; text-transform:uppercase; background-image:url(/images/h2_760px.jpg); background-repeat:no-repeat; background-color:transparent }
body#threecol div#centercol #titlebar h2.sectionhead { width: 535px; padding:0 0 10px 0; text-transform:none; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:16px; background-image:none; background-color:#fff; margin-left:8px}
body#twocol div#centercol #titlebar h2.sectionhead {width: 760px; padding:0 0 10px 0; text-transform:none; color:#999999;  font-family:Arial, Helvetica, sans-serif; font-size:16px; background-image:none; background-color:#fff; margin-left:8px}
body#threecol div#centercol div#splitleftcol h2.sectionhead { width: 535px; padding:0 0 10px 0; text-transform:none; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:16px; background-image:none; background-color:#fff; margin-left:8px}
body#twocol div#centercol div#splitleftcol h2.sectionhead {width: 760px; padding:0 0 10px 0; text-transform:none; color:#999999;  font-family:Arial, Helvetica, sans-serif; font-size:16px; background-image:none; background-color:#fff; margin-left:8px}
body#threecol div#centercol div#splitleftcol h2.article {width: 535px; padding:7px 0 10px 20px; height:13px; background-image:url(/images/h2_530px_orange.jpg); background-repeat:no-repeat; background-color:transparent }
body#twocol div#centercol div#splitleftcol h2.article {width: 760px; padding:7px 0 10px 20px; height:13px; background-image:url(/images/h2_760px_orange.jpg); background-repeat:no-repeat; background-color:transparent }
.content, .content p { padding:0px 5px; font-size:11px; margin-bottom:0px; line-height:140%;}
.content h3 { padding: 0px 5px; }
body#twocol div#centercol div#splitleftcol .content img {background-color:#FFFFFF; border:1px solid #CCCCCC; padding:5px; margin-top:0px}
body#twocol div#centercol div#splitleftcol .content .inpersonevent img {background-color:#FFFFFF; border:none; padding:0px; margin-top:0px}
body#threecol div#splitleftcol .content {position:relative; width: 525px; background-image:url(/images/bg_530px.jpg); background-repeat:repeat-y }
/*body#threecol div#splitleftcol .content p { margin-left:25px;}*/
.clear-both {clear:both}
body#twocol div#splitleftcol .content {position:relative; width: 750px; background-image:url(/images/bg_760px.jpg); background-repeat:repeat-y }
body#twocol div#splitleftcol .bdcontent { padding:0px; width: 760px; background-image:url(/images/bg_760px.jpg); background-repeat:repeat-y }
body#threecol div#splitleftcol .formcontent {width: 505px; height:30px; padding:6px 15px 0px 15px; margin-bottom:10px; background-image:url(/images/formbg_530px.jpg); background-repeat:no-repeat }
.videocopy {padding:2px 0px 0px 0px; float:right; width:100%; font-weight:normal; color:#666666; font-weight:bold}
.tscontent {width: 525px; height:150px; padding:5px; background-image:url(/images/bg_topstory.png); background-repeat:repeat-y }
.tscontent p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:120%; line-height:130%}
.tscontent ul li a:link, .tscontent ul li a:hover, .tscontent ul li a:visited { color:#ffff00; font-weight:bold; font-size:130%; line-height:130%}
body#threecol div#splitleftcol .contentclose {width: 535px; height:11px; margin-bottom:10px; background-image:url(/images/bg_530px_lower.jpg) }
body#twocol div#splitleftcol .contentclose {width: 760px; height:11px; margin-bottom:10px; background-image:url(/images/bg_760px_lower.jpg) }
.blueclose {width: 535px; height:6px; margin-bottom:10px; background-image:url(/images/blueclose.png); background-repeat:no-repeat }
body#twocol div#splitleftcol {float:left; width: 760px; padding:5px 0px 0 0px; }
body#threecol div#splitleftcol {float:left; width: 535px; padding:5px 0px 0px; }
body#threecol div#splitrightcol {float:right; width: 212px; padding:4px 0 5px; }

div#splitrightcol ul li a {color:#0078c7;font-weight:bold; font-size:10px; background-image:none; padding:0px}
li.orange a:link, li.orange a:visited {font-family:'Trebuchet MS',Helvetica,sans-serif; color:#1f6694; font-size:130%; background-image:url(/images/li_orange.png); background-repeat:no-repeat; background-position:0px 3px; padding-left:15px; font-weight:bold; margin-left:4px}
li.subblue a {color:#666; font-size:90%; background-image:url(/images/li_smallblue.png); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px; font-weight:bold; margin-left:12px}
li.blue a { color:#000000; font-size:11px; background-image:url(/images/li_blue.png); background-repeat:no-repeat; padding-left:15px; font-weight:bold; margin-left:10px }
.openrightcol {background:url(/images/bg_upper_rightcol.png) no-repeat left top; _background:url(/images/bg_upper_rightcol.jpg) no-repeat left top;}
.openrightcol p {line-height:13px; margin-bottom:4px}
.orc_content {height:185px; width:200px; overflow:hidden; padding:0px 5px 1px}
.orc_content a:link, .orc_content a:visited {color:#0078c7; font-weight:bold}
.closerightcol {height:16px; margin-bottom:10px; background:url(/images/bg_lower_rightcol.jpg) no-repeat scroll left bottom; }
p.subheading, h3.subheading {font-size:140%; font-weight:bold; margin:10px 0 5px 0; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
.inpersonevent {border:1px solid #cccccc; -moz-border-radius:10px; background-color:#FFFFFF; padding:5px; width:190px; margin:0 0 10px 0}
.inpersonevent img {display: block; margin-left: auto; margin-right: auto}

/* ############# NEWS TICKER ############### */
*HTML .ticker { display:none}
.ticker { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width: 505px; height:30px; padding:3px 15px; margin-bottom:10px; background-image:url(/images/ticker_bg.jpg); background-repeat:no-repeat}
.tickercontainer { /* the outer div with the black border */
border: 1px solid #ccc; width: 405px; height: 24px; margin: 2px 0 0 10px; background-color:#FFFFFF; padding:0; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative; left: 2px; top: 3px; width: 405px; overflow: hidden;}
ul.newsticker { /* that's your list */
position: relative; none; margin: 0; padding: 0px;}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0; padding: 0}
ul.newsticker a {
white-space: nowrap; padding: 0; color: #000; font-weight:bold; margin: 0 50px 0 0;} 
ul.newsticker span { margin: 0 10px 0 0;} 

/* ############# CENTER COLUMN - THREE COLUMN SPLIT STYLING (NEWS, ADVICE, COMMUNITY) ############# */
div#splitleftcol div.surround { float: left; width: 168px; margin-right: 15px; }
div#splitleftcol h3.contenthead_168 { background: white url('/images/h3_168px_31px.jpg') no-repeat scroll 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; width: 148px; height: 21px; padding: 8px 10px 3px; margin: 0px; }
div#splitleftcol div.surround h3.news { color: #0179c7; border-bottom: 4px #0179c7 solid; }
div#splitleftcol div.surround h3.advice { color: #f37f0e; border-bottom: 4px #f37f0e solid; }
div#splitleftcol div.surround h3.community { color: #cc0000; border-bottom: 4px #cc0000 solid; }
div#splitleftcol div.surround img.news { border-bottom: 4px #0179c7 solid; }
div#splitleftcol div.surround img.advice { border-bottom: 4px #f37f0e solid; }
div#splitleftcol div.surround img.community { border-bottom: 4px #cc0000 solid; }

div#splitleftcol div.surround div.content_168 { background: white url('/images/content_168px.jpg') repeat-y scroll 0 0; width: 168px; padding: 5px 0 0 0; }
div#splitleftcol div.surround div.content_168 h3.accordion { background: #E6E6E6 url('/images/arrow-square.gif') no-repeat scroll right -50px; border-bottom: 1px solid lightGrey; color: #0179c7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; width: 148px; padding: 7px 10px; margin: 0px; }
div#splitleftcol div.surround div.content_168 h3.active { background-position: right 6px; }
div#splitleftcol div.surround div.content_168 div.list { width: 148px; padding: 0 10px; }
div#splitleftcol div.surround div.content_168 div ul, div#splitleftcol div.surround div.content_168 div ul li { list-style: none; list-style-image: none; padding: 0px 5px; margin: 7px 0px 0px; }
div#splitleftcol div.surround div.content_168 div ul li a { font-weight: normal; text-transform: none; }
div#splitleftcol div.surround div.content_168 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0px; margin: 8px 0px 0px; }
div#splitleftcol div.surround div.news a { color: #0179c7; }
div#splitleftcol div.surround div.advice a { color: #f37f0e; }
div#splitleftcol div.surround div.community a { color: #cc0000; }
div#splitleftcol div.surround div.content_168 div.list p { background: none; border: none; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 7px 0px 0px; }
div#splitleftcol div.surround div.contentclose_168 { background: white url('/images/foot_168px_31px.jpg') repeat-y scroll bottom left; display: block; font-size: 1px; width: 168px; height: 15px; }

/* ############# ARCHIVE ACCORDION ############### */
.accordion {width: 100%;}
.accordion h3 {background: url(/images/arrow-square.gif) no-repeat left -46px; padding: 10px 15px 10px 25px; margin: 0; cursor: pointer;}
.accordion h3:hover { text-decoration:underline}
.accordion h3.active { background-position: left 8px;}
.accordion p { background: #f7f7f7; margin: 0; padding: 10px 15px 20px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4;}

/* ############# CONTACT US AND NEWSLETTER SUBSCRIPTION BANNER ############### */
#leftcol #contact-us { padding: 0 5px; margin: 20px 0px; }
#leftcol #contact-us h3 {background: transparent url(/images/home-images/icon-telephone.png) no-repeat scroll top right; font-size: 14px; text-transform: uppercase; line-height:17px}
#leftcol #contact-us ul {margin: 5px 0;}
#leftcol #contact-us ul li { margin-bottom: 5px; font-size: 11px;}
#leftcol #contact-us ul li span {float: right;}
#contact-us ul li a:link, #contact-us ul li a:visited {color:#0078c7; font-weight:bold}
#leftcol h2.ad { background: white url(/images/home-images/ad-top-bg-190.jpg) no-repeat scroll 0 0; width: 170px; padding: 10px 10px 0; margin: 0;}
#leftcol div.ad-content { background: white url(/images/home-images/ad-content-bg-190.jpg) repeat-y scroll 0 0; width: 170px;padding: 10px 10px 0;}
#leftcol div.ad-close {background: white url(/images/home-images/ad-bottom-bg-190.jpg) no-repeat scroll 0 0; width: 190px;}