body {margin: 0; padding: 0;}

#son_default_container {margin: 0 auto;}

/* -- Default Settings */
#SON * {margin: 0; padding: 0; font-family: arial, helvetica, verdana, sans-serif; color: #5e5d5d; font-size: 12px; font-weight: normal; font-style: none;  position: static; float: none; background-repeat: no-repeat; background-position: 0 0; border: none; letter-spacing: normal; line-height: normal; clear: none; overflow: visible;  text-indent: 0; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal;}

/* -- Standard Elements */
#SON a {cursor: pointer;}
#SON a img {border: none;}
#SON p, #SON ul {margin-bottom: 15px;}
#SON li {margin-bottom: 10px;}
#SON ul {padding-left: 20px;}
#SON a:link, #SON a:visited{color: #6da0cb; font-size: 12px;}
#SON a:hover { color: #FD7E02; }
#SON em, #SON i {font-style: italic;}
#SON strong, #SON b {font-weight: bold;}

#SON {position: relative; width: 600px; text-align: left; margin: 0 auto; background: #fff;}
#SON .Header {width: 600px; height: 118px;}
#SON .Header h1 {display: none;}
#SON .Header .Logo {float: left;}
#SON .Header .SponsorUnit {float: right;}
#SON .LeftColumn .PromoRecentContentContainer p {padding-right: 5px;}

/*--Headers*/
#SON h1, #SON h1 * {font-size: 18px; color: #620061; margin: 0 0 10px;} 
#SON h1 a:link, #SON h1 a:visited {font-size: 18px; margin: 0 0 10px; color: #620061; text-decoration: none;}
#SON h2, #SON h2 a:link, #SON h2 a:link *, #SON h2 a:visited, #SON h2 a:visited * {font-size: 14px; color: #620061; text-decoration: none; font-weight: bold; margin: 0 0 10px;}
#SON h1 a:hover, #SON h2 a:hover, #SON h1 a:hover *, #SON h2 a:hover * {color: #960194;}
#SON h3, #SON h3 a:link, #SON h3 a:visited {font-size: 12px; font-weight: bold; margin: 0 0 10px; color: #620061; text-decoration: none;}
#SON h3 a:hover {color: #960194;}
#SON h4, #SON h4 a:link, #SON h4 a:visited {text-transform: uppercase; font-size: 11px; margin: 0 0 5px; font-weight: bold; color: #0080be; text-decoration: none;}
#SON h4 a:hover {color: #fd7e02;}



#SON .Navigation {float: left; width: 598px; height: 30px; border: 1px solid #001d87; margin-bottom: 3px; overflow: hidden;}
#SON .Navigation ul {padding: 1px; overflow: hidden; height: 27px;}
#SON .Navigation li {float: left; list-style: none; width: 25%;}
#SON .Navigation li a:link, #SON .Navigation li a:visited {height: 25px; padding-top: 7px; text-align: center; display: block; text-decoration: none; color: #ff5700; font-weight: bold;}
#SON .Navigation li a:hover, #SON .Navigation li a.Current {color: #fff; background: #001d87;}
#SON .Navigation li a.Current:link, #SON .Navigation li a.Current:visited {color: #fff;}

#SON #Search {float: left; width: 600px; padding-bottom: 10px;}
#SON #Search #SearchBox {float: right;}
#SON #Search #SearchBox label {color: #006; font-weight: bold; padding-right: 5px;}
#SON #Search #SearchBox input {width: 128px; border-top: #555 2px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #555 2px solid; height: 16px;}

#SON .NewestFeature {float: left; width: 600px; background: url(../images/bg.newest_feature.gif) 252px 0 no-repeat;}
#SON .NewestFeature h4 {padding-top: 5px;}
/*--Cascading Styles*/
#SON .PhotoSpot {float: left; padding: 0 5px 5px 0;}
#SON .Box {padding: 3px; border: solid 1px #66187e; margin-bottom: 3px;}
#SON .Wrapper {padding: 15px;}
#SON .BottomBorder {border-bottom: solid 1px #66187e;}
#SON .MoreLink {float: right;}

/*--Left Column*/
#SON .LeftColumn {float: left; width: 390px;}

#SON .PromoPodcast {background: #fdeeb1 url(../images/bg.podcast.gif) 305px 100px no-repeat;}
#SON .PromoPodcast h1 {color: #fff; padding: 10px; background: #66187e url(../images/hdr.bg.podcast.gif) no-repeat;}
#SON .PromoPodcast .PlayerXML {float: left;}
#SON .PromoPodcast .Duration {float: left; padding: 12px 0 0 5px; font-weight: bold;}
#SON .PromoPodcast h3 {width: 200px; text-align: right;}
#SON .DownloadPodcast {padding-top: 20px;}
#SON .DownloadPodcast p {color: #620061; font-weight: bold;}
#SON .PlayButton {float: right; margin-top: -15px;}
#SON .PromoRecentContent .PlayButton img {padding: 0 0 0 8px;}

#SON .PromoRecentContent {border-right: solid 1px #66187e; border-top: solid 1px #66187e; border-left: solid 1px #66187e;}
#SON .PromoRecentContent h1 {color: #fff; padding: 10px; margin: 3px; background: #001d87 url(../images/hdr.bg.recent_features.gif) no-repeat;}
#SON .PromoRecentContent h3 a:link, #SON .PromoRecentContent h3 a:visited {color: #0080be;}
#SON .PromoRecentContent h3 a:hover {color: #fd7e02;}
#SON .PromoRecentContent img {float: left; padding: 0 10px 0 3px;}
#SON .PromoRecentContentWrapper {border-bottom: solid 1px #66187e; float: left; width: 100%; padding: 20px 0 0;}
#SON .PromoRecentContentContainer {float: right; width: 248px;}

/*--Left Column Backgrounds*/
#SON .Background1 {background: url(../images/bg.recent_feature1.gif) 253px 74px no-repeat;}
#SON .Background2 {background: url(../images/bg.recent_feature2.gif) 94px 2px no-repeat;}
#SON .Background3 {background: url(../images/bg.recent_feature3.gif) 130px 82px no-repeat;}

/*--Feature Page*/
#SON .Feature {background: url(../images/bg.feature.gif) 0 185px no-repeat;}
#SON .Feature h4 a:link, #SON .Feature h4 a:visited {text-transform: none;}
#SON .Bio p a:link, #SON .Bio p a:visited {color: #001d87; font-weight: bold; font-style: normal; text-decoration: none;}
#SON .ExpertInfo {margin-top: 30px; border: 2px dotted #00aaa6; padding: 10px 10px 0 10px;}
#SON .ExpertInfo p {margin-bottom: 5px;}
#SON .ExpertInfo img {float: left; padding: 0 10px 10px 0;}

/*--Quiz */
#SON .Quiz {padding: 20px; background: url(../images/bg.recent_feature1.gif) 70px 60px no-repeat;}
#SON .Quiz h1 {color: #ff5800;}
#SON .Quiz h3 {color: #0080be; cursor: pointer;}
#SON .Quiz ul {list-style: none; margin-bottom: 10px;}
#SON .Quiz li {margin-bottom: 5px;}
#SON .Quiz input {margin-right: 5px;}

/*--Poll Pages */
#SON .Poll {padding: 20px 0 20px 20px;}
#SON .Poll h3 a:link, #SON .Poll h3 a:visited {color: #0080be;}
#SON .Poll h3 a:hover {color: #fd7e02;}
#SON .PollResults {background: #fdeeb1; width: 358px; padding: 15px 5px 5px; border: 1px solid #b07fb0; margin-bottom: 10px;}

/* Begin Poll Results Styles */
#SON .SONPollResultsTextCell {padding: 0 5px 0 0; margin: 0; text-align: right; color: #ff6b17; font-weight: bold;}
#SON .SONPollResultsBar {background-color: #ff6b17; height: 16px; }
#SON .SONPollResultsTable td {padding-bottom: 10px; }
#SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable {width: auto; background: none; }
#SON .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable td {padding-bottom: 0;}
#SON .SONPollResultsValueCell { font-size: 12px; font-weight: bold; color: #ff6b17; padding-left: 5px; }

/*--Podcast Pages */
#SON .PodcastArchiveHeader {padding-top: 20px;}
#SON .PodcastArchive {list-style: none; display: block;}
#SON .PodcastArchive li {padding-bottom: 10px;}
#SON .PodcastArchive li a:link, #SON .PodcastArchive li a:visited {font-size: 14px; font-weight: bold; text-decoration: none;}
#SON .PodcastArchive .CurrentPodcast a:link, #SON .PodcastArchive .CurrentPodcast a:visited {text-decoration: underline; color: #FD7E02;}
#SON .PromoRecentPodcastContainer {padding: 0 20px;}
#SON .PromoRecentPodcastContainer h2 {float: left;}
#SON .PromoRecentPodcastContainer .Duration {float: right; clear: none; font-weight: bold;}
#SON .PromoRecentPodcastContainer p {clear: both;}

/*--Right Column*/
#SON .RightColumn {float: right; width: 207px;}
#SON .RightColumn * {font-size: 11px; font-weight: bold;}
#SON .RightColumn * a:link, #SON .RightColumn * a:visited {color: #5e5d5d;}
#SON .RightColumn * a:hover {color: #fd7e02;}
#SON .RightColumn h3 {color: #fff; margin: 0; font-size: 14px; text-transform: uppercase;}
#SON .RightColumn ul {margin: 0 0 10px 0; padding: 0;}
#SON .RightColumn li {list-style: none; margin-bottom: 5px;}
#SON .RightColumn .FormList li {padding-left: 20px; position: relative;}
#SON .RightColumn .FormList input {position: absolute; left: 0px; top: -1px;}
* html #SON .RightColumn .FormList input {position: absolute; left: -20px; top: -2px;}
#SON .RightColumn .SideBoxBlue {background: url(../images/bg.sidebox1.gif) 81px 103px no-repeat;}
#SON .RightColumn .SideBoxOrange {background: url(../images/bg.sidebox1.gif) 139px 47px no-repeat;}
#SON .RightColumn .SideBoxBlue h3 {background: #001d87; padding: 7px 15px;}
#SON .RightColumn .SideBoxBlue h4 span {cursor: pointer; width: 50px; display: block;  text-align: center; background: #001d87; padding: 2px; color: #fff;}
#SON .RightColumn .SideBoxOrange h3 {background: #ff5800; padding: 7px 15px;}
#SON .RightColumn .SideBoxOrange h4 span {cursor: pointer; font-size: 11px; display: block; text-align: center; width: 50px; background: #ff5800; padding: 2px; color: #fff; font-weight: bold;}
#SON .RightColumn .SideBoxOrange h4 span a:link, #SON .RightColumn .SideBoxOrange h4 span a:visited {text-transform: uppercase;}
#SON .RightColumn .SideBoxOrange a:link, #SON .RightColumn .SideBoxOrange a:visited {text-transform: none; color: #5e5d5d; text-decoration: none;}
#SON .RightColumn .SideBoxTeal {background: #fdeeb1;}
#SON .RightColumn .SideBoxOrange a:hover {color: #fd7e02;}
#SON .RightColumn .SideBoxTeal h3 {background: #007dbc; padding: 7px 15px;}
#SON .RightColumn .SideBoxTeal .Wrapper {padding-top: 5px;}
#SON .RightColumn .SideBoxTeal .Wrapper h3 {background: none; margin: 0; padding-left: 0;  padding-bottom: 0;}
#SON .RightColumn .SideBoxTeal .Wrapper h3 a:link, #SON .RightColumn .SideBoxTeal .Wrapper h3 a:visited {background: none; color: #007dbc; text-transform: uppercase; margin-bottom: 0; padding-top: 3px;}
#SON .RightColumn .SideBoxTeal .Wrapper h3 a:hover {color: #fd7e02;}
#SON .RightColumn .SideBoxTeal .Wrapper a:link, #SON .RightColumn .SideBoxTeal .Wrapper a:visited {display: block; color: #5e5d5d; margin-bottom: 5px; text-decoration: none;}
#SON .RightColumn .SideBoxTeal .Wrapper a:hover {color: #fd7e02;}
#SON .RightColumn .SideBoxYellow h3 {background: #ff0000; padding: 7px 15px;}
#SON .RightColumn .SideBoxYellow p { font-size:14px; color:#313131; }
#SON .RightColumn .SideBoxYellow p em { font-size:14px; color:#313131; }
#SON .RightColumn .SideBoxYellow a {font-size: 14px; color: #3881b4;}
#SON .RightColumn .LWID {background: none;}
#SON .LWID img {border: 1px solid #0A3B9D; width: 124px; margin: 0 0 10px 21px;}
* HTML #SON .LWID img {margin-left: 11px;}
#SON .LWID p {margin-bottom: 5px;}
#SON .LWID a {text-decoration: none;}

#SON .Tip {padding: 3px 3px 10px; margin: 5px 0; border: 2px dotted #ff5800; background: #ffe8dc;}
#SON .Tip h2 {padding: 10px 15px 0;}
#SON .RightColumn .Tip h3 {background: #ff5800; padding: 7px 12px; margin-bottom: 10px;}
#SON .Tip p strong {font-size: 12px;}
#SON #TipsArchive .Tip {margin-bottom: 30px; width: 355px;}
#SON #TipsArchive h3 {margin-bottom: 0;}
#SON .Tip p {padding: 0 15px; margin-bottom: 5px; font-weight: normal;}
#SON .RightColumn .Tip a {padding: 0 15px; text-decoration: none;}

#SON #Footer .footer { float: left; width: 561px; padding-bottom: 10px; margin-top: 20px; text-align: center; padding-bottom: 10px; height: 50px; background: #FFF; }
#SON #Footer .footer img {margin-bottom: 5px; }
	#SON #Footer a:link {font-size: 10px; color: #333; text-decoration: underline; }
	#SON #Footer a:visited {font-size: 10px;  color: #333; text-decoration: underline; }
	#SON #Footer a:hover {font-size: 10px;  color: #333;}
	#SON #Footer a:active {font-size: 10px;  color: #333;}

/* Star Ratings */
#SON .Title {font-weight: bold; margin-bottom: 5px;}
#SON .Stars {float: left; height: 12px;}
#SON .Ratings {float: left; margin-top: 5px; padding-left: 40px; height: 12px;}
#SON .Low {float: left; padding-top: 2px;}
#SON .High {float: left; padding-top: 2px;}
#SON .StarsWrapper .StarLink {display: none;}
#SON .Stars .StarOn {float: left; display: block; width: 17px; height: 18px; background: url(../images/stars_on.gif) no-repeat;}
#SON .Stars .StarOff {float: left; display: block; width: 17px; height: 18px; background: url(../images/stars_off.gif) no-repeat;}
#SON .Directions {clear: both;}

#SON #EnterForm td {padding-bottom: 10px;}
#SON #EnterForm p {margin-bottom: 0; text-align: right;}
#SON #EnterForm textarea {margin-bottom: 15px; width: 350px; height: 200px;}
#SON #EnterForm input, #SON #EnterForm select, #SON #EnterForm textarea {position: relative; z-index: 1000; border: 1px solid #666; background: #eee;}
#SON #EnterForm #bottom p {text-align: left;}
#SON #EnterForm .submit_button {padding: 2px 5px; width: 80px; text-align: center;}
#SON #EnterForm input, #SON #EnterForm select {width: 235px;}

#SONGallery {width: 390px; background: url(../images/bg.outer.lwid.gif) repeat-y;}
#SONGallery #SONGalleryTopCap {width: 390px; height: 26px; background: url(../images/topcap.lwid.gif) no-repeat;}
#SONGallery #SONGalleryInner {padding-left: 15px; background: url(../images/bg.inner.lwid.gif) 15px 0 repeat-y;}
#SONGallery #SONGalleryInner img {margin-left: 17px; border: 1px solid #000;}
* HTML #SONGallery #SONGalleryInner img {margin-left: 8px;}
#SONGallery #SONGalleryBottomCap {position: relative; width: 361px; height: 22px; padding-top: 8px; background: url(../images/navigation.lwid.gif) no-repeat;}
#SON #SONLWID * {color: #024261;}
#SON #SONLWID {padding-bottom: 14px; background: url(../images/bottomcap.lwid.gif) bottom no-repeat;}
#SON #SONLWID h1 {font-weight: bold; margin-top: 15px;}
#SON #SONLWID h6 {color: #666666; margin: 10px 0 10px; font-weight: bold; font-size: 14px;}
#SON #SONLWID #SONGallery h6 {color: #024261; font-weight: bold; font-size: 14px; text-align: center;}
#SON #SONLWID p {margin-bottom: 0; padding-bottom: 10px; text-align: center; font-weight: bold;}
#SON #SONGalleryBottomCap img {padding: 0; border: none;}
#SON #PreviousImage {float: left;}
#SON #NextImage {float: right; padding-right: 20px;}
#SON #SONLWID .Ratings * {margin: 0; padding: 0;}
#SON #SONLWID .Ratings {position: absolute; left: 65px; top: -1px;}
#SON #SONLWID .Ratings img {padding-top: 5px;}
#SON #SONLWID .Stars .StarOn {background: url(../images/on.lwid.gif) no-repeat;}
#SON #SONLWID .Stars .StarOff {background: url(../images/off.lwid.gif) no-repeat;}

#SON .FormTable * {margin: 0; padding: 0; vertical-align: top;}
#SON .FormTable input, #SON .FormTable textarea {border: 1px solid #ddd; width: 270px; margin-bottom: 5px;}
#SON .FormTable textarea {height: 100px;}
#SON .FormTable .FormLabel {width: 100px; text-align: right; padding-right: 10px;}
#SON .FormTable .FormInput p {margin-bottom: 15px;}
#SON .FormSubmit input {margin: 0 0 15px 0; width: 80px;}
#SON .FormSubmit font {color: #6da0cb; font-weight: bold;}

/* Feature Comments */
#SON .FeatureComments .Comment { font-size: 12px; background: #ffe8dc; margin-bottom: 8px; border: #ff5800 1px dashed; padding: 10px; }
#SON .FeatureComments .Comment .Subject { font-weight: bold; margin-bottom: 8px; }
#SON .FeatureComments .Comment .Byline { font-size: 11px; color: #001d87;}

/*Admin Styles*/
#SON #Content #web_message_form #Submit {border: solid 1px #333; background-color: #A9DBF6;}




/* Search Results */
#SON .SearchResults #SearchForm {margin-bottom: 5px;}
#SON .SearchResults ul {list-style: none;}
#SON .SearchResults .HorizList {margin-bottom: 15px; width: 100%;}
#SON .SearchResults .HorizList li {float: left; padding: 0 3px; border-right: 1px solid #ccc;}
#SON .SearchResults .HorizList .Next {border: none;}
#SON .SearchResults .HorizList li.Current a, #SON .SONSearch .SONSearchLink {font-weight: bold;}
#SON .SearchResults ul, #SON .SearchResults li {padding: 0;}
#SON .SearchResults .Wrapper {padding: 0;}

#SON #TipsArchive .Tip {margin-bottom: 30px; width: 355px;}
#SON #TipsArchive h3 {margin-bottom: 0;}

#SON #Iframe1 * { overflow: hidden }

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}