/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the programmers. */

/* our main container that holds the site in the centre of the body is called "uber"
and will generally be margin:auto auto and be 960 or 970 pixels wide */

/* ----- comment styles well for better reference later! ----- */
/* ----- lay these styles out in sections, and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {margin:auto auto; width:960px; background:none; padding:0;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;}
#uber dl {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;}
#uber ol {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;}
#uber ul li {font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;}
#uber ol li, #uber ul li {/*add margin or padding as needed*/}

#content ul {list-style-type:square; padding:0 0 0 15px; margin:0 0 14px 0;list-style-position:outside; color:#000;}
#content ol {list-style-type:decimal; padding:0 0 0 15px; margin:0 0 14px 0;list-style-position:outside; color:#000;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#000;}
#content dl  {padding:0 0 0 14px; margin:0 0 14px 0; color:#000;}

/* any containers inside #uber for floating or padding */

/* header that has the banner image, SSN logo and join now callout */
#header {position:relative; height:191px; width:960px; margin:0; padding:0; border-bottom:1px solid #94b0c3; background-color:#FFF; z-index:2;}
	#homebutton {position:absolute; top:115px; left:0px; width:400px; height:50px; overflow:hidden; z-index:10;}
		#homebutton a {display:block; width:400px; height:60px; border:none;}
	#bannerimage {position:absolute; top:0; left:0; height:191px; width:649px; overflow:hidden; z-index:5;}
		#bannerimage img, #bannerimage img a {border:none;}
	#mini_login {
	position:absolute; top:0; right:0; background:url(/theme/Redwood/i/bkgnd-login.gif) top left no-repeat; width:290px; height:170px; text-align:center; margin:0; padding:10px 10px 11px 10px; border-left:1px solid #FFF;
	font:13px/12px Arial, Helvetica, sans-serif; color:#FFF;
	}
	
#mainnav {margin-top:10px;}
.nav {width:960px; height: 43px; margin:0; padding:0; background:none; position:relative; z-index:200; float:left;}

/* content area usually three columns -- let's use 960 as a base width */
/* re-arrange elements within right and left sidebars as required */
#main {width:960px; padding:0; margin:10px 0 0 0; background:url(/theme/Redwood/i/bkgnd-main.gif) top left repeat-y; float:left; overflow:hidden;}

/* main left content column */
#content {float:left; width: 485px; margin:0 0 0 10px !important; margin:0; padding:0 !important; padding:0 0 0 10px; background:url(/theme/Redwood/i/bkgnd-content.gif) top left repeat-x; overflow:hidden;}
	#pageStatus {}
	
/* small ads column between content and 300px wide right column */
#narrowads {float:left; width:135px; margin:0; padding:0 10px; text-align:center;}
	#connector-link {width:135px; height:43px; border-bottom:1px dotted #5f666a; padding:0; margin:0;}
	#daily-pic {width:135px; margin:0 0 6px 0; padding:10px 0; background-color:#dfe7ed; font:11px/13px Helvetica, Arial, sans-serif; color:#666; border-bottom:1px dotted #5f666a;}
		#daily-pic img {width:122px; height:100px; border:1px solid #9cb6c8; margin:8px 0; padding:0;}
		#daily-pic a {font-weight:bold; color:#2d648a; text-decoration:none;}
	#radio-brands {width:135px; border-bottom:1px dotted #5f666a; padding:0; margin:5px 0 0 0;}

/* right */
#right {float:left; width:300px; padding:0 0 15px 0; margin:0 9px 0 0;}
	#search {width:300px; height:43px; background:url(/theme/Redwood/i/bkgnd-search.gif) top left no-repeat; overflow:hidden; border-bottom:1px solid #FFF; margin:0; padding:0; position:relative;}
		#search input {position:absolute; top:16px; left:14px; width:222px; height:14px; background:none; border:none; color:#999; font:12px Helvetica, Arial, sans-serif;}
		#search .searchbutton {position:absolute; top:10px; left:241px; background:url(/theme/Redwood/i/button-search-background.gif) top left no-repeat; width:45px; height:23px;}
	#wecreate-weather {width:300px; /*height:250px;*/ text-align:center; margin:0 0 0 0; padding:6px 0; border-bottom:1px solid #FFF; overflow:hidden; position:relative; z-index:10;}
		#weather-sponsors {margin:17px 0 0 0; padding:0; width:300px; text-align:center; font:12px Arial, Helvetica, Geneva, san-serif; color:#FFF;}
	#agnews {width:288px; text-align:center; margin:0 0 0 0; padding:14px 6px 6px 6px; border-bottom:1px solid #FFF; background-color:#bbccd9; font:14px Arial, Helvetica, Geneva, sans-serif; color:#2d648a; text-align:left; font-weight:bold; position:relative; z-index:50;}
		#agnews ul {margin:0 10px 6px 10px; padding:0; width:268px;}
		#agnews ul li {margin:0; padding:4px 0; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #2d648a;}
		#agnews ul li a {text-decoration:none; padding:4px 0; margin:0; color:#161616; font:12px/11px Arial, Helvetica, Geneva, san-serif;}
		#agnews ul li a:hover {color:#2d648a;}
		#agnews ul li p{display: none;}
		#agnews-sponsors {margin:0; padding:0; width:288px; text-align:center; font:12px Arial, Helvetica, Geneva, san-serif; color:#FFF;}
	#rectanglead {height:250px; width:300px; border:none; margin:0; padding:6px 0; border-bottom:1px solid #FFF;}
	#apvideo {width:300px; text-align:center; margin:0 0 0 0; padding:6px 0; border-bottom:1px solid #FFF;}
	
/* leaderboard above footer -- opposite of Mankato News Online */
#leaderboard {position:relative; width:960px; height:90px; margin:6px 0; padding:0;}
	#leaderboardad {position:absolute; top:0px; left:10px; width:728px; height:90px; overflow:hidden;}
	#coupon {position:absolute; top:0px; right:10px; width:205px; height:90px; overflow:hidden;}

/* footer at bottom of page */
#footer {position:relative; width:960px; height:132px; padding:0; margin:0 0 10px 0; background:url(/theme/Redwood/i/bkgnd-footer.gif) top left no-repeat;}
	#footer_nav {position:absolute; top:16px; left:128px; width:650px; margin:0; padding:0; text-align:left; color:#FFF;}
		#footer_nav ul {margin:0; padding:0; list-style-type:none;}
		#footer_nav li {margin:0; padding:0; list-style-type:none; display:inline;}
	#footer_text {position:absolute; top:35px; left:134px; width:650px; text-align:left; color:#FFF;}
	#footer_social {position:absolute; top:54px; left:134px; width:650px; text-align:left; color:#FFF;}
#logo_connectorlocal {position:absolute; bottom:10px; right:27px; width:160px; height:32px;}


/* STYLES HOME PAGE ONLY */
#image_cycler_container {margin:0 0 7px 0; padding:0; width:485px; height:286px; background:url(/theme/Redwood/i/bkgnd-image-cycler.gif) top left no-repeat; overflow:hidden;}
#welcome {margin:0 0 17px 0; padding:0; width:635px;}

#spotlightUber {position:relative; height:530px; margin:0; padding:0;}
#spotlighttabs {margin:0 0 0 -15px; padding:0; width:505px; height: 60px; position:absolute; top:0; left:0;}
#spotlighttabs h2 {margin:12px 0 0 15px; padding:0 0 7px 0; color:#2d648a; font-size:30px; text-align:center;}
	#spotlightabs ul {margin:0; padding:0; width:505px; text-align:left;}
	#spotlighttabs ul li {margin:0; padding:0; list-style-type:none; height:30px; width:160px; float:left; margin:0 2px 1px 0;}
	#spotlighttabs ul li a {font:16px Georgia, "Times New Roman", Times, serif; color:#2d648a; text-decoration:none; display:block;
		/* added this to make long titles like Dining/Entertainment actually fit in the tab */ letter-spacing: -1px;
		background-color:#FFF; /*666d70*/ height:22px; width:153px; margin:0; padding:6px 0 0 5px; 
		-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-radius-topleft: 5px;
		border:1px solid #d4d9dd;
	}
	#spotlighttabs ul li a:hover, #spotlighttabs ul li a.active {color:#FFF; text-decoration:none; background-color:#2d648a; /*93d6ed*/}
#spotlight {position:absolute; top:82px; left:0; border-top:1px solid #94b0c3; margin:20px 0 12px 0; padding:0 0 10px 12px; width:473px; height:407px; border-bottom:1px solid #CCC; background:url(/theme/Redwood/i/bkgnd-spotlight.gif) top left no-repeat; overflow:hidden;}
	#spotlightbusiness {float:left; width:127px; height:194px; text-align:center; margin:7px 36px 0 0; padding:0; color:#2d648a; overflow: hidden;}
	#spotlightbusiness-right {float:left; width:127px; height:194px; text-align:center; margin:7px 0 0 0; padding:0; color:#2d648a; overflow: hidden;}
	#spotlightbusiness h3, #spotlightbusiness-right h3 {font:13px/14px Arial, Helvetica, Geneva, san-serif; font-weight:bold; color:#2d648a; margin-bottom:6px;}
	#spotlightbusiness p, #spotlightbusiness-right p {font:12px/14px Arial, Helvetica, Geneva, san-serif; color:#000; padding:0; margin:0;}

#localnews {margin:0 0 12px 0; padding:0 0 10px 0; width:485px; border-bottom:1px solid #CCC; position:relative; clear:both;}
	.byline {padding:0; margin:0 0 0 13px; text-transform:uppercase; font:8pt Arial, Helvetica, sans-serif; color:#999;}
	#localnewslisting {width:450px; margin:0 20px 0 13px; padding:0 0 0 0;}
	#localnewslisting ul {width:450px; margin:0; padding:0;}
	#localnewslisting ul li {width:450px; margin:0; padding:8px 0 8px -15px; list-style-type:none; list-style-position:outside; font:12px/16px Helvetica, Arial, sans-serif; color:#333;}
	#localnewslisting ul li a {color:#2d648a; text-decoration:none;}
	#localnewslisting ul li a:hover {color:#2d648a; text-decoration:underline;}
	#localnewslisting ul li ul {width:354px; margin:0 0 0 96px; padding:0; list-style-type:none; list-style-position:outside; font:12px/16px Helvetica, Arial, sans-serif; color:#333;}
	#localnewslisting ul li ul li {width:354px;}
	/*#localnewslisting ul li p.rss_description {display: none;}*/
	#localnews ul li {padding:8px 0;}
		#localnews a {font-weight:bold; color:#2d648a;}
		#localnews em {color:#999;}
		#localnews ul li img {border:none; height:84px; width:84px; overflow:hidden; float:left; margin:3px 12px 17px 0;}
		
/* new local news and sports two column design added August 12, 2009 by DJJ */
#local-news-sports {margin:0 0 12px 0; padding:0 0 14px 0; width:485px; border-bottom:1px solid #CCC; position:relative; float:left;}
	#local-news {float:left; width:215px; margin:0 20px 0 17px; padding:0; /* padding:90px 0 0 0; background:url(/theme/Columbus/i/bkgnd-localnews.jpg) top left no-repeat;*/}
	#local-sports {float:left; width:215px; margin:0; padding:0; /* padding:90px 0 0 0; background:url(/theme/Columbus/i/bkgnd-localsports.jpg) top left no-repeat;*/}
		#local-news img, #local-news img a, #local-sports img, #local-news sports a {border:none;}
		#local-news ul, #local-sports ul {width:215px; margin:0; padding:0;}
		#local-news ul li, #local-sports ul li {width:215px; margin:0; padding:4px 0 4px -15px; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #2d648a; font:12px/14px Helvetica, Arial, sans-serif; color:#333;}
		#local-news ul li a, #local-sports ul li a {color:#333; text-decoration:none;}
		#local-news ul li a:hover, #local-sports ul li a:hover {color:#3784aa;}
		#local-news ul li p.rss_description, #local-sports ul li p.rss_description {display: none;}
	#local-news-sports h3 {font:14pt Georgia, "Times New Roman", Times, serif; color:#2d648a; margin:0 0 0 13px; padding:0;}
	#local-news-sports ul li {padding:4px 0;}

#national-state-news {margin:0 0 12px 0; padding:0 0 10px 0; width:485px; border-bottom:1px dotted #000; position:relative; float:left;}
	#national {float:left; width:215px; margin:0 20px 0 17px; padding:90px 0 0 0; background:url(/theme/Redwood/i/bkgnd-national.jpg) top left no-repeat;}
	#state {float:left; width:215px; margin:0; padding:90px 0 0 0; background:url(/theme/Redwood/i/bkgnd-state.jpg) top left no-repeat;}
		#national ul, #state ul {width:215px; margin:0; padding:0;}
		#national ul li, #state ul li {width:215px; margin:0; padding:4px 0 4px -15px; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #2d648a; font:12px/14px Helvetica, Arial, sans-serif; color:#333;}
		#national ul li a, #state ul li a {color:#333; text-decoration:none;}
		#national ul li a:hover, #state ul li a:hover {color:#3784aa;}
		#national ul li p.rss_description, #state ul li p.rss_description {display: none;}
	#national-state-news h3, #localnews h3 {font:14pt Georgia, "Times New Roman", Times, serif; color:#2d648a; margin:0 0 0 13px; padding:0;}
	#national-state-news ul li {padding:4px 0;}

/* STYLES FOR CONTENT PAGES ONLY */
/* NOW WE ADD THE STYLES FOR THE INSIDE POLL PAGE */
#content .frame {width:485px; padding:0; margin:0; overflow:hidden;}
#ui-datepicker-div {height:0; width:0; display:none; overflow:hidden; margin:0; padding:0; clear:none;}
#content #view_polls {
	padding:15px; margin:0; width: 455px; color:#2d648a; background-color:#d9e8f3; border:2px solid #2d648a;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* CSS3 rounded corners, too bad for IE :) */
}
#content .poll_question {text-align:center; margin-bottom: 10px; padding:0px 0px 5px 0px; font:14px/18px Arial, Helvetica, Geneva, san-serif; color:#2d648a; font-weight:bold; border-bottom:1px solid #FFF;}
#content .poll_question p {padding:0; font:14px/18px Arial, Helvetica, Geneva, san-serif; color:#2d648a; font-weight:bold;}
#view_polls #content .poll_question .poll_question_padding p {font:14px/18px Arial, Helvetica, Geneva, san-serif; color:#2d648a; font-weight:bold; padding:0;}
#content #pollMsg {text-align:center;}
#content .poll_answer_key{border: 0px solid #2d648a; float: left;text-align: right;display: block;width: 180px;}
#content #view_polls a, #pollMsg a {color:#7dc6e7; text-decoration:none;}
#content #view_polls a:hover, #pollMsg a:hover {text-decoration:underline;}
#content .poll_answer_div_bg { float: left; display: block; width: 60px; line-height: 16px; margin: 2px 0 0 5px;}
#content .autoFormRadio_group input {margin-right:5px;}

.autoFormInputs .button {border:1px solid #FFF; background-color:#d4d9dd; color:#FFF;}

/* ADMIN POLL PAGE CSS -- we reset all text to black, make sure bars are showing up */
#responses_details #view_polls {color:#2d648a;}
#responses_details #view_polls .poll_question {color:#2d648a;}
#responses_details #view_polls .poll_answer_key {width:200px;}
#responses_details #view_polls .numVotes {margin-left:10px;}
#responses_details #view_polls .poll_answer_div {border:1px solid #2d648a; padding-left:5px;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#content .business-listing-directions-container ul {padding:0; margin:0;}
#content .business-listing-directions-container li {padding:0; margin:0; list-style-position:outside; color:#FFF;}

/* needs to override normal ones above on home page so we load it after */
#mini_login h3 {color:#FFF; font:16px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; padding:0; text-transform:uppercase;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #loginButton {margin:7px 0px; padding:0 2px; width:50px; line-height:20px; height:20px; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:1px solid #FFF; cursor:hand; background-color:#4e7c91;}
#mini_login .button {background:none;}
#mini_login a {color:#7dc6e7; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
	#mini_login .autoFormText {width:130px; margin-right:7px; float:left;}
	#mini_login .autoFormPassword {width:130px; float:right;}
	#mini_login .autoFormCheckbox {width:280px; clear:right;}
	#mini_login input {width:120px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}
	#mini_login #forgot_password_padding a {color:#FFF;}
	#mini_login #logoutButton {color:#2d648a;}

#footer_nav a {color:#FFF; text-decoration:none; margin:0; padding: 3px 6px 4px 6px; font-weight:bold;}
#footer_nav a:link, #footer_nav a:visited {text-decoration:none;}
#footer_nav a:hover, #footer_nav a:active {text-decoration:none; color:#93d6ed;}

#footer_text a, #footer_social a {color:#7dc6e7; text-decoration:none; margin:0; padding:0;}
#footer_text a:link, #footer_text a:visited, #footer_social a:link, #footer_social a:visited {text-decoration:none;}
#footer_text a:hover, #footer_text a:active, #footer_social a:hover, #footer_social a:active {text-decoration:underline;}

#daily-pic .title {font:14px Helvetica, Arial, sans-serif; color:#2d648a; font-weight:bold;}

/* ----- end template ----- */