/* Reset */
#SON div, #SON span, #SON applet, #SON object, #SON iframe, #SON h1, #SON h2, #SON h3, #SON h4, #SON h5, #SON h6, #SON p, #SON blockquote, #SON pre, #SON a, #SON abbr, #SON acronym, #SON address, #SON big, #SON cite, #SON code, #SON del, #SON dfn, #SON em, #SON img, #SON ins, #SON kbd, #SON q, #SON s, #SON samp, #SON small, #SON strike, #SON strong, #SON sub, #SON sup, #SON tt, #SON var, #SON b, #SON u, #SON i, #SON center, #SON dl, #SON dt, #SON dd, #SON ol, #SON ul, #SON li, #SON fieldset, #SON form, #SON label, #SON legend, #SON table, #SON caption, #SON tbody, #SON tfoot, #SON thead, #SON tr, #SON th, #SON td, #SON article, #SON aside, #SON canvas, #SON details, #SON embed, #SON figure, #SON figcaption, #SON footer, #SON header, #SON hgroup, #SON menu, #SON nav, #SON output, #SON ruby, #SON section, #SON summary, #SON time, #SON mark, #SON audio, #SON video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #SON article, #SON aside, #SON details, #SON figcaption, #SON figure, #SON footer, #SON header, #SON hgroup, #SON menu, #SON nav, #SON section { display: block; } #SON ol, #SON ul { list-style: none; } #SON blockquote, #SON q { quotes: none; } #SON blockquote:before, #SON blockquote:after, #SON q:before, #SON q:after { content: ''; content: none; } #SON table { border-collapse: collapse; border-spacing: 0; }
/* Clearfix */
.cf:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

#SON { min-width: 320px; margin: 0 auto; font-size: 100%; line-height: 1; font-family: "Trebuchet MS", sans-serif; background: white; }
#SON .content { background-color: #fff; }

/* Globals */
#SON h1 {margin: 0 0 10px;}
#SON h4 {text-transform: uppercase; padding: 5px; font-style: italic; letter-spacing: .1em; font-weight: 400;}
#SON h5 {font-size: 2em; border-bottom: 3px solid #f2bb4b; text-transform: uppercase; padding: 5px; margin: 0 0 5px;}
#SON h6 {margin: 8px 10px 4px; font-size: 1.5em; font-family: georgia, serif; font-style: italic; text-transform: uppercase; line-height: 1em;}
#SON h6 span {font-size: .6275em; display: block;}

#SON #LeftCol .wrapper p, #SON #LeftCol .wrapper li {margin: 0 0 15px;  font-size: 13px; color: #444; }
#SON #LeftCol .wrapper li {margin: 0 0 15px; list-style: disc; color: #444; }
#SON #LeftCol .wrapper ul {padding-left: 35px; color: #444; }

/* Inline Image Styles */
#SON #LeftCol .Left {float: left; margin: 0 15px 5px 0;}
#SON #LeftCol .Right {float: right; margin: 0 0 5px 15px;}

#SON #content.webpage {padding: 20px;}
#SON .webpage p { margin-bottom:15px }
#SON #RightCol .subscribe p {text-align: center; line-height: 16px;font-size: 11px; margin: 0 0 10px;}
#SON #RightCol .subscribe .sup {font-size: 10px;}

#SON .webpage h3 { font-size:15px; margin:10px 0 15px 0; font-weight:700  }
#SON .webpage strong { font-weight:700 }

#SON .PageTitle { text-transform:uppercase;  font-size:16px; color:#2C4D46;}
#SON a {text-decoration: none; color: #f2bb4b;}
#SON input {width: 100%; font-size: 100%;}
#SON table {width: 100%;}
#SON img {display: block;}
#SON fieldset, #SON form {width: 100%; overflow: hidden;}
#SON .left {float: left;}
#SON .right {float: right;}
#SON #LeftCol {float: left; width: 442px;}
#SON .red {color: #900;}
#SON .blue {color: #009;}
#SON .green {color: #090;}
#SON .linked { cursor:pointer }
#SON .clear {font-size: 11px; clear:both; }
#SON .alpha {background-color: rgb(44, 77, 70); background-color: rgba(44, 77, 70, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#802C4D46, endColorstr=#802C4D46); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#802C4D46, endColorstr=#8062C4D46)";}
#SON .superText {position: absolute; right: 0; bottom: 100%; font-size: 12px; color: #000;}

/* Layout */
#SON { width: 600px; min-width: 320px; margin: 0 auto; font-size: 100%; line-height: 1; font-family: "Trebuchet MS", sans-serif; background: #fff;}
#SON #homeLeftCol {float: left; width: 442px;}
#SON #homeRightCol {float: right; width: 158px; padding-top: 50px}
#SON #LeftCol {float: left; width: 430px;} 
#SON #RightCol {float: right; margin: 50px 0 0;}


/* Header */
#SON header {position: relative;}

/* Social Nav */
#SON .socialNav {padding: 12px 0 0 11px; position: absolute; z-index: 1;}
#SON .socialNav li {float: left; position: relative; margin: 0 4px 0 0;}
#SON .socialNav a {display: block; width: 26px; height: 26px; padding: 0; background: url(../images/socialNav.png) no-repeat; overflow: hidden; text-indent: 9999px;}
#SON .socialNav ul ul {display: none;}

/* Social Links */
#SON .socialLink li  { float:left; margin-right:4px; padding:0 }
#SON .socialLink a {display: block; width: 26px; height: 26px; padding:0; background: url(../images/socialNav.png) no-repeat; overflow: hidden; text-indent: 9999px; }

#SON a.icnFacebook {background-position: -26px 0;}
#SON a.icnTwitter {background-position: -52px 0;}
#SON a.icnRSS {background-position: -78px 0;}
#SON a.icnYouTube {background-position: -104px 0;}
#SON a.icnAddThis {background-position: -130px 0;}

#SON .socialNav li:hover ul {display: block; position: absolute; top: 100%; left: -20px; background: #2c4d46; box-shadow: 10px 10px 10px #000; border-radius: 5px;}
#SON .socialNav ul ul li {float: none;}
#SON .socialNav ul ul a {text-indent: 0; background-image: none; min-width: 100px; height: auto; padding: 4px 12px; font-size: .75em; color: #fff; font-variant: small-caps; text-decoration: none; overflow: visible;}
#SON .socialNav ul ul a:hover {text-decoration: underline;}
#SON .AddThis span {background: none;}

/* Program Unit */
#SON #programUnit {position: relative; z-index: 2; background: #fff; padding-left: 28px;}

/* AdSense */
#SON .adsense.top { height: 60px; margin: 12px 12px 0 285px; overflow: hidden; }
#SON .adsense.middle,
#SON .adsense.bottom { clear: both; text-align: center; }

/* Logo */#SON #footerText h3 {width: 100px; color: #2C4D46; float: left; font-size: 24px; font-variant: small-caps; line-height: 24px; padding: 50px 10px 0; text-shadow: -1px 1px 0pt #333333;}
#SON #logo {display: block; width: 100%; height: 122px; clear: both; padding-top:10px;}

/* Search Form */
#SON #searchForm {position: relative; float: right; top: 50px; width: 156px; border: 1px solid #f2bb4b; margin: 5px 0 0 0;}
#SON #searchForm input {font-family: georgia, serif;border: none; padding: 2px 4px; font-size: .75em; padding: 2px; display: block; font-weight: 700; font-style: italic;}

/* Nav */
#SON .yellowNav  {width: 100%; height: 43px; position: relative; margin:0 }
#SON .yellowNav li {float: left;}
#SON .yellowNav a {position: absolute; display: block; height: 43px; overflow: hidden; text-indent: -9999px;}
#SON .yellowNav .item1 a {left: 0; width: 85px;}
#SON .yellowNav .item1 a:hover {background-position: 0 -43px;}
#SON .yellowNav .item2 a {left: 85px; width: 120px; background-position: -85px  0;}
#SON .yellowNav .item2 a:hover {background-position: -85px -43px;}
#SON .yellowNav .item3 a {left: 205px; width: 122px; background-position: -205px  0;}
#SON .yellowNav .item3 a:hover {background-position: -205px -43px;}
#SON .yellowNav .item4 a {left: 327px; width: 54px; background-position: -327px  0;}
#SON .yellowNav .item4 a:hover {background-position: -327px -43px;}
#SON .yellowNav .item5 a {left: 381px; width: 135px; background-position: -381px  0;}
#SON .yellowNav .item5 a:hover {background-position: -381px -43px;}
#SON .yellowNav .item6 a {left: 516px; width: 84px; background-position: -516px  0;}
#SON .yellowNfont-size: 11px;av .item6 a:hover {background-position: -516px -43px;}

/* Subscribe Promo */
#SON .subscribe p {text-transform: uppercase;}
#SON .subscribe { width: 411px; padding: 15px 0 0 8px; box-shadow: -5px 5px #333; margin: 25px 0 20px 5px; position: relative; min-height: 90px;}
#SON .subscribe  input {border: none; padding: 15px 2px 2px; display: block; float: left; margin: 0 5px 0 0; font-size: 11px; width: 90px;}
#SON #footer .subscribe {background-position: 50% 97%; padding-bottom: 45px;} 
#SON .formfields {float: left; text-align: left; margin: 10px 0 8px 0;}

#SON .formButtons {min-width: 110px; float: left; margin: 10px 0 0;}
#SON .formButtons a {color:green;}
#SON .formButtons div {text-align:center; padding:1px 0px; font-size:10px; cursor: pointer; display: block;}
#SON .OptionsBtn {background: #000; color: #fff;  border:1px solid #666; margin: 0 0 3px; border-radius: 10px;}
#SON .SubscribeBtn {background: #FBEF21; cursor: pointer; border: 1px solid #000;}
#SON .subscribe h6 {font-style: normal; font-family: trebuchet ms, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 2px; margin: 0;}
#SON .subscribe h5 {font-size: 16px; border: none; margin: 0; padding: 0;}
#SON .sup { vertical-align: super; font-size: medium; }
#SON #homeLeftCol .formfields {margin: 10px 0 0; float: left;}

/*Subscription Form Page */
#SON #SubscriptionPage {background:none; padding: 20px 0; text-align: center; box-shadow: none;}
#SON #SubscriptionPage .IntelLogo{background: url(../images/largeintel.png) 50% 0 no-repeat; height:166px;}
#SON #LeftCol #SubscriptionPage h5 {text-align: center; float: none; margin: 20px 0; color:#2c4d46;}
#SON #SubscriptionPage .formfields {float: none;}
#SON #SubscriptionPage input { border:1px solid; float: none; margin: 20px auto; padding: 15px 2px 2px; width: 300px;}
#SON #SubscriptionPage .formButtons {width: 100%;}
#SON #SubscriptionPage .formButtons div {margin: 5px auto; padding:10px; font-size:18px; cursor: pointer;float:none; width:300px;}
#SON #SubscriptionPage .OptionsBtn {background: #000; color: #fff;  border:1px solid #666; margin: 0 0 3px; border-radius: 10px;}
#SON #SubscriptionPage .SubscribeBtn {background: #FBEF21; border: 1px solid #000;}
#SON #Subscrifont-size: 11px;ptionPage h6 {font-style: normal; font-family: trebuchet ms, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 2px; margin: 0;}
#SON #SubscriptionPage .hidden{display:none;}
#SON #RightCol #SubscriptionForm.subscribe a {color: #000;}
#SON #RightCol #SubscriptionForm.subscribe a:hover {text-decoration: underline;}

#SON #SubscriptionPage #SponsorUnitMessages {background:none; width:300px;margin:0 auto;padding:5px;}
#SON #SubscriptionPage #SponsorUnitMessages .boxError{background:none;}
#SON #SubscriptionPage #intelCheckList {width: 380px; color: #f2bb4b;}
#SON #SubscriptionPage #intelCheckList {background: none; border-radius:0; box-shadow:none;}


#SON #SubscriptionPage #intelCheckList td {width: 50%; font-size: 11px; color: #f2bb4b; vertical-align: top;}
#SON #SubscriptionPage #intelCheckList input, #SON #SubscriptionPage #intelCheckList label {width: auto; float: left; margin: 5px;}
#SON #SubscriptionPage #intelCheckList label {max-width: 150px; text-align: left;}
#SON #SubscriptionPage #intelCheckList .SubscribeBtn {color: #000;}

/* Intel Submisions */
#intelCheckList {background: #CCC; border-radius: 10px; box-shadow: 0 0 10px; padding: 10px;}
#intelCheckList input {float: left; display: block; clear: both;}
#intelCheckList label {display: block; float: left;}
#intelCheckList button { float: left; margin: 10px 0 10px 45px;}
#intelCheckList #submitCheckboxes {clear: left; float: left;}
#intelCheckList label {position: relative; top: 2px;}

/* SideBar Integrate */
#SON #SBIntegrate {width:156px; background: none repeat scroll 0 0 #2C4D46;color: #F2BB4B;  padding: 10px 0;text-align:center;margin:10px 0;}
#SON #SBIntegrate #emailButton {background-color: #F2BB4B; color: #000;cursor: pointer;display: block;float: right;height: 26px;  margin:0 10px;width: 134px;font-size:.75em; border:0; }
#SON #SBIntegrate #IntegrateMessages p {color: #fff; font-weight: 600;}
#SON #SBIntegrate h3 {font-size: 1.3em; text-transform: uppercase;}
#intelCheckList {background: #CCC; border-radius: 10px; box-shadow: 0 0 10px; padding: 10px;}
#intelCheckList input {float: left; display: block; clear: both;}
#intelCheckList label {display: block; float: left;}
#intelCheckList button { float: left; margin: 10px 0 10px 45px;}
#intelCheckList #submitCheckboxes {clear: left; float: left;}
#intelCheckList label {position: relative; top: 2px;}
#SON #SBIntegrate .OnSite {text-transform:uppercase;font-size: 0.75em;}
#SON #SBIntegrate .FormContainer {margin:0 auto;}
#SON #SBIntegrate .textElement {color: #000000; font-size: 11px; font-style: italic;font-weight: bold; height: 20px; margin: 10px 0;text-align: center;width: 120px;}

/* Outbrain Sidebox */
#SON #outbrain {text-align: left;}
#SON #outbrain h3 {font-size: 29px; text-transform: uppercase; margin-top: 5px; text-align: center}
#SON #outbrain div {padding: 0 5px;}
#SON #outbrain li {margin: 0 0 5px;}
#SON #outbrain a:hover {text-decoration: underline;}

/* Horizontal Promotion */
#SON .promotion { position: relative; width:426px; height:52px; display:block; clear: both; margin-top: 20px; float: left;}
#SON .superTextLeft { bottom: 100%; color: #000000; font-size: 12px; position: absolute; left: 0;}

/* Footer */
#SON #footer {clear: both; background: url(../images/bgGridWhite.png); position: relative; padding: 10px 10px 64px;}
#SON #footer .logoFooter {padding:0px; position: absolute; bottom: 20px; right: 80px; font-size: 12px; }
#SON #footer table {width: 410px; float: right; margin-top: 10px;}
#SON #footer .first td {padding: 0 23px 5px 10px; background: url(../images/bgSlashes.png) right 1px no-repeat; font-size: 1em;}
#SON #footer .first .last {padding-right: 0; background: none;}
#SON #footer td {padding-left: 13px; font-size: .75em;}
#SON #footer a {color: #000; display: block;}
#SON #footer a:hover {text-decoration: underline;}/* Right Column */

/* Footer Subscribe Box */
#SON #footer .subscribe {width:156px; margin: 0 0 0 5px; float: left; background-position: 50% 97%; padding-bottom: 45px;}
#SON #footer .subscribe p { text-align: center; font-size: 12px; line-height: 16px; margin: 0 0 10px;}
#SON #footer .subscribe .sup { font-size: 10px;}
#SON #footer .subscribe .textElement {width: 140px;}

#intelCheckList {background: #CCC; border-radius: 10px; box-shadow: 0 0 10px; padding: 10px;}
#intelCheckList input {float: left; display: block; clear: both;}
#intelCheckList label {display: block; float: left;}
#intelCheckList button { float: left; margin: 10px 0 10px 45px;}
#intelCheckList #submitCheckboxes {clear: left; float: left;}
#intelCheckList label {position: relative; top: 2px;}t; padding-bottom: 80px; background-position: 50% 90%;}
#SON #footer .subscribe .textElement { padding:5px 0 2px 0; width:140px; border: 1px solid #000; margin: 0 0 5px;}
#SON #footer .formButtons {width: 140px; margin: 0 0 10px;}
#SON #footer .formButtons div {margin: 0 0 5px; padding: 4px; font-size: 12px;}

#SON .sideBox {color: #f2bb4b; margin: 10px 0; width: 156px; border: 1px solid #a1a2a2; background: url(../images/bgSideGreen.png); text-align: center;}
#SON .sideBox:first-child {margin-top: 0;}
#SON .sideBox p {text-align: left; font-size:12px; word-spacing: .12em; line-height: 1.5em; padding: 8px 16px;}
#SON .sideBox img { margin:0 auto;}

#SON #footerText h3 {color: #2C4D46; float: left; font-size: 24px; font-variant: small-caps; line-height: 24px; padding: 50px 10px 0; text-shadow: -1px 1px 0pt #333;}

/*Side bar YOU MIGHT LIKE */
#SON #sidestrip {  background: #2C4D46; }
#SON .strip-like { color:#fff; text-transform:uppercase; padding-left: 6px;}
#SON #ob_strip_container_rel_0_stripBox { min-height:300px; padding: 10px 0 10px 6px;}
#SON #ob_strip_container_0_stripBox .item-container { padding: 0 0 20px;}
#SON #ob_strip_container_rel_0_stripBox  img { width:100%; height:100%; }
#SON #ob_strip_container_rel_0_stripBox .strip-rec-link-img { width:50px; height:40px; padding:0px; border: 3px solid #F2BB4B; float:left; margin-right:3px }
#SON #ob_strip_container_rel_0_stripBox .strip-text-content {float: left; width:68px; padding:0;}
#SON #ob_strip_container_rel_0_stripBox .strip-text-content  a { padding: 0; font-size: 10px; color: #F2BB4B; font-size: 11px; font-weight: normal; line-height: 14px; text-decoration: none; }

/* Program Tool */
#SON #programTool {display: block; position: relative; margin-top: 10px;}

/* Share Content */
#SON .btnSubmit {display: block; width: 133px; height: 21px; margin: 5px auto 12px; text-indent: -9999px; border: none;}
#SON .txtLine {margin: 0 auto; display: block; width: 120px; border: none; font-size: .6875em; font-family: georgia, serif; padding: 2px; font-weight: 700; font-style: italic;}

/* Accordion */
#SON #accordion {clear: both;}
#SON #accordion li {text-indent: -9999px; z-index: 1; height: 180px; width: 48px; position: relative; float: left; background-position: 50% 0;}
#SON #accordion li:hover {z-index: 2; box-shadow: 0 0 15px yellow;}
#SON #accordion h1 {padding: 5px 10px 0;  color: #000; margin: 0; font-family: georgia, serif;}
#SON #accordion p {font-size: .6875em; font-family: georgia, serif; padding:  5px 10px; color: #333; line-height: 1.2em; letter-spacing: .1em;}
#SON #accordionWrapper {min-height: 220px; background: #e6e5e4; border-left: 2px solid #f2bb4b;}
#SON #accordionText {clear: both;}

#SON #channelBlock li {float: left; margin: 0 8px 8px 0; border: 1px solid #f2bb4b; background-position: 50% 0; cursor:pointer; }
#SON #channelBlock a {display: table-cell; vertical-align: bottom; width: 174px; background: #2c4d46; color: #f2bb4b; text-decoration: none; padding: 4px 30px 4px 2px; font-size:12px; line-height:15px}
#SON #channelBlock li:hover a { color:#2c4d46; background:#f2bb4b; }

/* Pages */
#SON .Related a {background: none repeat scroll 0 0 #2C4D46;color: #F2BB4B;cursor: pointer; font-size: 1.25em; padding: 4px 16px 3px 22px;text-transform: uppercase;}

/* Channel Page*/
#SON #channelPage {margin: 34px 0 0;}
#SON .articleText {background:  #2C4D46;}
#SON .channelboxTop {margin: 0 0 40px;}
#SON .channelboxTop h2 { text-transform:uppercase;  font-size:20px; color:#2C4D46; margin-left: 10px;}
#SON .channelboxTop .articleText {min-height: 95px;}
#SON .channelboxTop p { padding:10px 40px 6px 15px; color:#F2BB4B; font-size:12px; line-height:18px }
#SON .channelboxTop .imgbox { width:430px; height:249px; background-color: #2c4d46; background-position: 50% 50%; background-repeat: none;}
#SON .channelbox {width:210px; float:left; margin-bottom:15px; }
#SON .channelbox  h2 { text-transform:uppercase; font-size:18px; color:#2C4D46; display: table-cell; vertical-align: bottom}
#SON .channelbox .imgbox {width:210px; height:130px;  background-color: #2c4d46; background-position: 50% 50%; background-repeat: no-repeat;}
#SON .channelbox.right {float: right;}
#SON .channelbox  .articleText {min-height:70px; background-position: bottom right;}
#SON .channelbox  .articleText .showText { padding:10px 30px 6px 15px; color:#F2BB4B; font-size:12px; line-height:18px;}
#SON .PreviousLink {clear: left; float: left;}
#SON .NextLink {clear: right; float: right;}
#SON .NextLink, #SON .PreviousLink { background: #2C4D46; color: #F2BB4B;cursor: pointer;font-size: 1.25em;padding: 4px 16px 3px 22px;text-transform: uppercase;}
#intelCheckList {background: #CCC; border-radius: 10px; box-shadow: 0 0 10px; padding: 10px;}
#intelCheckList input {float: left; display: block; clear: both;}
#intelCheckList label {display: block; float: left;}
#intelCheckList button { float: left; margin: 10px 0 10px 45px;}
#intelCheckList #submitCheckboxes {clear: left; float: left;}
#intelCheckList label {position: relative; top: 2px;} 0 0 #2C4D46;color: #F2BB4B;cursor: pointer; font-size: 1.25em; padding: 4px 16px 3px 22px;text-transform: uppercase;}

/* Article Page */
#SON #articleContent .articleImage  {background-color: #2c4d46; background-repeat: no-repeat; background-position: 50% 50%; }
#SON #articleContent .articleImage  .block { min-height:60px; width:200px; color:#fff; top:40px; position:relative; padding:8px }
#SON #articleContent .articleImage  .block h1 { text-transform:uppercase; font-size:18px; padding:6px  }
#SON #articleContent .wrapper { font-size:14px; padding:0px 0px 4px 36px;}
#SON #articleContent p { color:#444; margin-bottom:10px; font-size:13px; line-height:16px }
#SON #articleContent .ByLine { padding-left:36px; margin:6px 0; text-transform:uppercase; font-size:13px;  }
#SON #articleContent .articleAuthorBio p, #SON #blogpageContent .blogpageBlock .articleAuthorBio p { font-style: italic; color: #A0A0A0; }
#SON #blogpageContent .ByLine {margin-bottom: 10px;}
#SON #TagList { background: none repeat scroll 0pt 0pt #2C4D46; color: #F2BB4B; display: inline-block; font-size: 1.25em; margin: 5px 0 20px; overflow: hidden; padding: 0pt 20px 0pt 50px;}
#SON #TagList h6 { text-transform: lowercase;}
#SON #TagList a:hover { text-decoration: underline; }

/* Article Page Resets */
#SON #articleContent strong, #SON #articleContent b, #SON #blogpageContent strong, #SON #blogpageContent b  { font-weight: 700; }
#SON #articleContent em, #SON #articleContent i, #SON #blogpageContent em, #SON #blogpageContent i { font-style: italic; }

#SON #articleContent h1, #SON #articleContent h2, #SON #articleContent h3, #SON #articleContent h4, #SON #articleContent h5, #SON #articleContent h6, #SON #blogpageContent h1, #SON #blogpageContent h2, #SON #blogpageContent h3, #SON #blogpageContent h4, #SON #blogpageContent h5, #SON #blogpageContent h6  { font-style: normal; font-weight: 700; letter-spacing: 1px; padding: 5px 0; text-transform: none; border: none; margin: 0; font-family: "Trebuchet MS",sans-serif; line-height: 100%; }

#SON #articleContent h1, #SON #blogpageContent h1 { font-size: 200%; }
#SON #articleContent h2, #SON #blogpageContent h2 { font-size: 180%; }
#SON #articleContent h3, #SON #blogpageContent h3 { font-size: 160%; }
#SON #articleContent h4, #SON #blogpageContent h4 { font-size: 140%; }
#SON #articleContent h5, #SON #blogpageContent h5 { font-size: 120%; }
#SON #articleContent h6, #SON #blogpageContent h6 { font-size: 100%; }

/* Video Archive Page */
#SON #video { margin: 12px auto 10px; width: 400px; }

/* Tag Page */
#SON #TagPage { margin: 15px 0; }
#SON #TagPage .PageTitle { color: #2C4D46; font-size: 16px; text-align: center; text-transform: uppercase; }
#SON #TagPage .SubTitle { color: #2C4D46; font-size: 16px; margin: 10px 5px;}
#SON #TagPage p { margin: 0 0 0 5px;}
#SON #TagPage h4 a {font-size: 14px; }
#SON #TagPage a:hover { color: #2C4D46; }

/*Comments */
#SON #Form_Comment {padding: 10px;background:#ccc;border:1px solid #254f45;width: 625px;color:#254F45}
#SON .Comments{text-transform: uppercase;clear: both; padding: 1#intelCheckList {background: #CCC; border-radius: 10px; box-shadow: 0 0 10px; padding: 10px;}
#intelCheckList input {float: left; display: block; clear: both;}
#intelCheckList label {display: block; float: left;}
#intelCheckList button { float: left; margin: 10px 0 10px 45px;}
#intelCheckList #submitCheckboxes {clear: left; float: left;}
#intelCheckList label {position: relative; top: 2px;}0px 36px;}
#SON .Comments input, #SON .Comments textarea {font:inherit;color:#254F45;border-radius: 20px 20px 20px 20px; margin: 5px 0 10px; padding: 10px 0 10px 15px;font-size:1em;}
#SON .Comments textarea {font-size:1em;width:600px;}
#SON .Comments input {width:600px;}
#SON .Comments h3{color:#254f45; font-size: 1.2em;padding: 5px 10px;}
#SON .Comments .SubmitButton {width: 80px;border-radius: 10px 10px 10px 10px;background:#f3bb4c; cursor: pointer; float: right;padding:5px;color:#000;}
#SON .Comments .CommentList {text-transform:none;padding: 20px 0; width: 650px;}
#SON .Comments .CommentList .Wrapper{background: none repeat scroll 0 0 #CCC; border: 1px solid #254F45;padding: 5px;margin:20px 0;}
#SON .Comments .CommentList h2{padding:5px;color:#254F45;}
#SON .Comments .CommentList .Wrapper p{padding: 5px;}

/* Feedback Page */
#SON #FeedbackPage {padding: 10px;}
#SON #FeedbackPage #RatingTable {border-collapse: collapse;}
#SON #FeedbackPage #RatingTableRow td {vertical-align: top; padding: 0;}
#SON #FeedbackPage #RatingTableRow .Label {width: 140px;}

/* Search Page */
#SON #LeftCol #PageSearch strong {font-weight: 700; font-weight: normal;}
#SON #LeftCol #PageSearch p {font-style: italic; color: #333; font-size: 13px; clear: both; margin: 0 0 15px;}
#SON #LeftCol #PageSearch a:hover {text-decoration: underline;}
#SON #SearchResults h4 {clear: both;}
#SON #SearchResults #pager {padding: 10px;}
#SON #LeftCol #PageSearch .last {border: none;}
#SON #SearchResults #pager li {border-right: 1px solid #CCC; float: left; list-style: none; margin: 0;padding: 0pt 5px;}
#SON #SearchResults .Wrapper {margin: 15px 0;}
#SON #SearchResults .Wrapper h4 {font-size: 14px; font-style: normal; letter-spacing: 0; padding: 0; text-transform: none;}

/* Modal Boxes */
.boxSuccess {background: #ccc; text-align: center; padding: 10px; border-radius: 10px; border: 3px solid #060;}
.boxSuccess h6 {color: #060}
.boxError {background: #ccc; text-align: center; padding: 10px; border-radius: 10px; border: 3px solid #900}
.boxError h6 {color: #900}


/*
################################
###############################
*/


/* Right Column */
#SON .sideBox {color: #f2bb4b; margin: 10px 0; width: 156px; border: 1px solid #a1a2a2; background: url(../images/bgSideGreen.png); text-align: center;  padding-bottom:15px}
#SON .sideBox p {text-align: left; font-size: .75em; word-spacing: .12em; line-height: 1.5em; padding: 8px 16px;}
#SON a { text-decoration: none; color: #F2BB4B;}

#SON .Quote { background-color:#F2BB4B; width:210px; clear:both; margin:8px 12px; border-radius:4px; -moz-border-radius:4px  }
#SON .Quote p { padding:15px; font-size:16px; line-height:18px; color:#333; margin:0 }

#SON #videoPromo { display: block; position: relative; margin: 40px 0 20px; }

/* subscribe in Right col */
#SON #RightCol .subscribe {width:150px; margin: 15px 0; padding-bottom: 80px; background-position: 50% bottom;}
#SON #RightCol .subscribe .textElement { padding:5px 0 2px 0; width:140px; border: 1px solid #000; margin: 0 0 5px;}
#SON #RightCol .formButtons {width: 140px;}
#SON #RightCol .formButtons div {margin: 0 0 5px; padding: 4px; font-size: 12px;}

#SON .sideBox {color: #f2bb4b; margin: 10px 0; width: 156px; border: 1px solid #a1a2a2; background: url(../images/bgSideGreen.png); text-align: center;}
/* Page Home */
/* Channel Block */
#SON #channelBlock li {float: left; margin: 0 8px 8px 0; border: 1px solid #f2bb4b;}
#SON #channelBlock a {display: table-cell; vertical-align: bottom; width: 174px; background: #2c4d46; color: #f2bb4b; text-decoration: none; padding: 4px 30px 4px 2px; font-size: .75em;}
#SON #channelBlock1 {padding-top: 152px;}
#SON #channelBlock2 {padding-top: 152px;}
#SON #channelBlock3 {no-repeat; padding-top: 152px;}
#SON #channelBlock4 {padding-top: 152px;}
#SON #channelBlock5 {padding-top: 258px;}
#SON #channelBlock5 a { width: 390px; }

/* Accordion */
#SON #accordion {padding: 0 0 0 33px; width: 391px; margin: 0 0 8px;}
#SON #accordion li {text-indent: -9999px; z-index: 1; height: 180px; width: 48px; position: relative; float: left; background-position: 50% 0;}
#SON #accordion li:hover {z-index: 2; box-shadow: 0 0 15px yellow;}
#SON #accordion h1 {padding: 5px 10px 0;  color: #000; margin: 0; clear: both;}
#SON #accordion p {font-size: .6875em; font-family: georgia, serif; padding:  5px 10px; color: #333; line-height: 1.2em; letter-spacing: .1em;}
#SON #accordionWrapper {min-height: 220px; background: #e6e5e4; border-left: 2px solid #f2bb4b;}
#SON #accordionText {clear: both;}

/* Dev Tools Page*/
#SON #devtools #rotateBars {background: #2C4D46; width: 430px; }
#SON #devtools  #devheader { position: relative; z-index:2; height:60px; text-align:right;  }
#SON #devtools h1 {  position: relative; z-index:2; height:45px; text-indent:-10000px }
#SON #devtools  ul {padding: 0; position: relative; top:-20px; }
#SON #devtools li { list-style: none; float: left; text-transform: uppercase; background:#F2BB4B; font-size: 13px; color:#2C4D46; padding:2px; cursor:pointer }
#SON #devtools li:hover, #SON #devtools li.active { background:#2C4D46; color:#F2BB4B; }
#SON #devtools button {display: block; margin: 100px auto;}


#SON #devtools li { 
	-webkit-transform-style: preserve-3d; 
	transform: rotate(2deg);
    	-ms-transform: rotate(2deg); /* IE 9 */
    	-webkit-transform: rotate(2deg); /* Safari and Chrome */
    	-o-transform: rotate(2deg); /* Opera */
    	-moz-transform: rotate(2deg); /* Firefox */ 
}

#SON #devtoolsContent { border-left:3px solid #F2BB4B; padding-top:120px; min-height:500px; top:-30px; position:relative }
#SON #devtoolsContent .devtoolBlock { clear:both; margin-bottom:20px }
#SON #devtoolsContent .devtoolBlock  .blocktext { padding:10px; width:260px; background:#F2BB4B; float:left; margin-right:10px }
#SON #devtoolsContent .devtoolBlock  .blocktext a { color:#2C4D46; font-size:13px; }
#SON #devtoolsContent .devtoolBlock  p { color:#2C4D46; font-size:13px; margin-bottom:10px }
#SON #devtoolsContent .devtoolBlock  h2{ font-size:16px; text-transform:uppercase; color:#2C4D46; line-height:16px; text-decoration:underline }
#SON #devtoolsContent .devtoolBlockImage { width:120px; float:left; }
#SON #devtoolsContent .devtoolBlock  .socialLinks { height:33px; margin-top:5px; width:305px }
#SON #devtoolsContent .next { text-align:center; width:140px; float:right; }
#SON #devtoolsContent .prev { text-align:center; width:140px; float:left }
#SON #devtoolsContent .nav { cursor:pointer; padding:4px 0; text-transform:uppercase; background: #2C4D46; color:#F2BB4B; }
#SON #devtoolsContent .nav:hover { background: #F2BB4B; color:#2C4D46; }
#SON #devtoolsContent a {text-decoration: underline;}

#SON #blogpageBanner { height:400px; width:50px; float:left; } 
#SON #blogpageContent {border-left:3px solid #F2BB4B; min-height:400px; width:357px; float:left;}
#SON #blogpageContent .blogpageBlock { clear:both; margin-bottom:35px;cursor:pointer; }
#SON #blogpageContent .blogpageBlock  .blocktext { width:370px; background:#F2BB4B; }
#SON #blogpageContent .blogpageBlock  .blocktext div { padding:10px }
#SON #blogpageContent .blogpageBlock  p { color:#000; font-size:13px; margin-bottom:10px }
#SON #blogpageContent .blogpageBlock  h2{ font-size:16px; text-transform:uppercase; color:#000; line-height:22px; cursor:pointer }
#SON #blogpageContent .blogpageBlockImage { height:220px;  }
#SON #blogpageContent .fulltext { padding:6px 10px }

/* Admin */
#AdminHome{margin:20px;}
.AdminHome {margin:20px;}
#RatingsChart{margin:20px;}
#AdminHome .Item input{ width:20px;}
#AdminHome .Item {margin:30px;}

#SON #AdminHome { padding: 50px; }
#SON #AdminHome h1 { font-size: 20px; }
#SON #AdminHome ul { margin: 0 0 0 25px; }
#SON #AdminHome li { font-size: 16px; padding: 10px 0;}
#SON #AdminHome a:hover { color: #2C4D46; }
#SON #AdminHome input.Btn_Submit { margin: 0px 0px 0px 35px; width: auto; }
#SON #AdminHome .Item h1 { font-size: 14px; padding: 0 0 5px; }
#SON #AdminHome h2 { padding: 0px 0px 15px; }
#SON #AdminHome p { padding: 2px 0px; }

#SON #RatingsChart { border: 1px solid #CCCCCC; }
#SON #RatingsChart td { border: 1px solid #CCCCCC; padding: 5px; }
#SON #RatingsChart th { border: 1px solid #CCCCCC; padding: 5px; text-align: left; background-color: #2C4D46; color: #FFF; font-weight: 700;  }
#SON #RatingsChart .RatingTitle { font-weight: bold; }

/* Splitski */
#SON #LeftCol .paginate-me .splitski-nav {padding: 0; margin: 20px 0;}
#SON #LeftCol .paginate-me .splitski-nav:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#SON #LeftCol .paginate-me .splitski-nav li {float: left; list-style: none; padding: 5px; color: #2C4D46; border: 1px solid #2C4D46; margin: 0 2px 0 0;}
#SON #LeftCol .paginate-me .splitski-nav li:hover, #SON #LeftCol .paginate-me.splitski-nav .activeNav {color: #fff; background: #f2bb4b; cursor: pointer;}

/* Inline Images */
#SON .inlineImage {clear: both;}
#SON .inlineImage img {float: none !important; width: auto !important;}
#SON .floatLeft {float: left; margin-right: 10px;}
#SON .floatRight {float: right; margin-left: 10px;}
#SON .alignLeft {display: block; text-align: left; width: 100%;}
#SON .alignCenter {display: block; text-align: center; margin: 0 auto; width: 100%;}
#SON .alignRight {display: block; text-align: right; width: 100%;}
#SON .inlineImage span {font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #000; display: block;}