/* container for everything above the navigation */
#masthead_home {
	top: 0px;
	left: 0px;
	background: transparent url(http://extras.mnginteractive.com/live/media/site6/2007/1205/20071205__headBG.jpg) no-repeat  0 0;
	height: 89px;
	position: relative;
	width: 1000px;
	}

#home_masthead #masthead_home {
	background-image:url(http://extras.mnginteractive.com/live/media/site6/2007/1205/20071205__headBG.jpg);
	height: 89px;
                width: 1000px;
	}

/* position and render the logo - hide logo text */
#logoLink {
	position: absolute;
	top: 15px;
	left: 23px;
	}

#logoLink img {
	width: 270px;
	height: 55px;
	border: 0;
	}

/* Begin top nav */
.topNav {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__topNavBG.gif) 0 0 repeat-x;
	height: 29px;
	width: 1000px;
	}

/* BEGIN SECTION HEADER - this identifies the section after TwinCities.com such as "News" */
h1.sectionheader {
	position: absolute;
	top: 30px;
	left: 337px;
	margin: 0;
	color: #000000;
	background color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}





/*---------- weather */

ul.weather {
	list-style: none;
	float: left;
        margin-top: 5px;
	}

ul.weather li {
	float: left;
	font-size: 11px;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnDiv.gif) 100% 9px no-repeat;
	}

ul.weather li.last {
	background: none;
	}

ul.weather li a {
	color: #fff;
	padding: 0 4px;
	}
	
ul.weather li a:hover {
	color: #fff;
	}
	
ul.weather li.date {
	font-size: 12px;
	font-weight: bold;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnSun.gif) 100% 5px no-repeat;
	padding-right: 17px;
	}

/*---------- login Nav */

ul.loginNav {
	list-style: none;
	float: right;
        margin-top: 8px;
	}

ul.loginNav li {
	float: left;
	font-size: 12px;
	}

ul.loginNav li a {
	color: #fff;
	padding: 0 4px;
        text-decoration: none;
	}

ul.loginNav li a:hover {
	color: #ccc;
	}

ul.loginNav li.register {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnPlus.gif) 0 0px no-repeat;
	padding-left: 10px;
        height: 20px;
        font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
	}

ul.loginNav li.signIn {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnForm.gif) 0 0px no-repeat;
	padding-left: 11px;
	margin-left: 0px;
        height: 20px;
        font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
	}

ul.loginNav li.subscriber {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnSubscriber.gif) 0 0px no-repeat;
	padding-left: 10px;
	margin-left: 0px;
        height: 20px;
        font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
	}

li.subscriber a {
  font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
}

ul.loginNav li.mobile {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnPhone.gif) 0 0px no-repeat;
	padding-left: 6px;
	margin-left: 0px;
        height: 20px;
        font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
	}

li.mobile a {
  font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
}

ul.loginNav li.rss {
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__icnRss.gif) 0 0px no-repeat;
	padding-left: 12px;
	margin-left: 0px;
        height: 20px;
        font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;
	}


/*-----------------navigation holder */
.navHolder {
	width: 1000px;
	height: 33px;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__leftNavBG.gif) 0 0 repeat;
	}
	
	/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;height:1%;}.qmmc a, .qmmc li, .classifiedsnav li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

	/*"""""""" (MAIN) Container""""""""*/	
#qm0 {	
	float: left;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__leftNavBG.gif) 0 0 repeat;
	height: 33px;
	}

	/*"""""""" (MAIN) Items""""""""*/	
#qm0 a {	
	font: bold 11px verdana, arial, helvetica, sans-serif;;
	color: #fff;
	height: 19px;
	margin: 0 0 0 3px;
	padding: 8px 4px 6px 3px;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropLeft.gif) 100% 14px no-repeat;
        text-decoration: none;
  	}
	
	/*"""""""" (MAIN) Active Items""""""""*/
#qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: #bdb291 url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropLeftOver.gif) 100% 14px no-repeat;
	color: #fff;
	text-decoration: none;
	}
	
#qm0 a.nodrop {
	background: none;
	}

	/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul {	
	padding: 0 0 5px 0;
	margin: 0;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropLeftBG.gif) 0 bottom no-repeat;
        text-align: left;
	}

	/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a {	
	padding: 3px 5px 3px 5px;
	margin: 0;
	background-image: none;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: .65em;
	vertical-align: middle;
	width: 131px;
	height: 12px;
	}

#qm0 li li a {
	width: 131px;
	white-space: normal;
	}

	/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover, #qm0 ul a:hover {	
	background-image: none;
	background: #fff !important;
	color: #7c745d;
	text-decoration: none;
	font-weight: bold;
	width: 131px;
	}

	/*"""""""" (SUB) Active State""""""""*/	
/*
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background-color:#DADADA;
	color:#CC0000;
	}
*/

	/*"""""""" Individual Titles""""""""*/	
/*
#qm0 .qmtitle {	
	cursor:default;
	padding:3px 0px 3px 4px;
	color:#444444;
	font-family:arial;
	font-size:0.7em;
	font-weight:bold;
	}
*/

/* ------ misc additional styles */

/*this tells firefox not to display the " dotted border " when you click - do not change */

#qm0 a {
	outline: none;
	-moz-outline: none !important;
	}

li.spacer {
	margin-left: 50px;
	}

/*----------------------------------------------------------------------
classified menu styles
--------------------------------*/

	/*"""""""" (MAIN) Container""""""""*/	
#qm1 {	
	float: right;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__rightNavBG.gif) 0 0 repeat;
	height: 33px;
	padding: 0 75px 0 0;
	}

	/*"""""""" (MAIN) Items""""""""*/	
#qm1 a {	
	font: bold 11px verdana, arial, helvetica, sans-serif;;
	color: #fff;
	height: 19px;
	margin: 0 0 0 0px;
	padding: 8px 4px 6px 3px;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropRight.gif) 98% 14px no-repeat;
        text-decoration: none;
	}

	/*"""""""" (MAIN) Active Items""""""""*/
#qm1 .qmactive, body #qm1 .qmactive:hover {	
	background: #466992 url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropRightOver.gif) 98% 14px no-repeat;
	color: #fff;
	text-decoration: none;
	}

#qm1 a.nodrop {
	background: none;
	padding-right: 6px;
	}
	
#qm1 a:hover.nodrop {
	background-image: none;
	}

	/*"""""""" (SUB) Container""""""""*/	
#qm1 div, #qm1 ul {	
	padding: 0 0 5px 0;
	margin: 0;
	background: url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__dropRightBG.gif) 0 bottom no-repeat;
        text-align: left;
	}

#qm1 li li a {
	width: 131px;
	white-space: normal;
	}

	/*"""""""" (SUB) Items""""""""*/	
#qm1 div a, #qm1 ul a {	
	padding: 3px 5px 3px 5px;
	margin: 0;
	background-image: none;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: .65em;
	vertical-align: middle;
	width: 131px;
	height: 12px;
	}

#qm1 a.skinny {
	width: 92px;
	}	

#qm1 a:hover.skinny {
	width: 92px;
	}

	/*"""""""" (SUB) Hover State""""""""*/	
#qm1 div a:hover, #qm1 ul a:hover {	
	background-image: none;
	background: #fff !important;
	color: #466992;
	font-weight: bold;
	text-decoration: none;
	width: 131px;
	}

	/*"""""""" (SUB) Active State""""""""*/	
/*
body #qm1 div .qmactive, body #qm1 div .qmactive:hover {	
	background-color:#DADADA;
	color:#CC0000;
	}
*/

	/*"""""""" Individual Titles""""""""*/	
/*
#qm1 .qmtitle {	
	cursor:default;
	padding:3px 0px 3px 4px;
	color:#444444;
	font-family:arial;
	font-size:0.7em;
	font-weight:bold;
	}
*/

/* ------ misc additional styles */

/*this tells firefox not to display the " dotted border " when you click - do not change */

#qm1 a {
	outline: none;
	-moz-outline: none !important;
	}

li.spacer {
	margin-left: 50px;
	}

#weather_box_horizontal {
margin: 0px;
padding: 0px;
background: transparent;
}

.weatherBox{ font-family: arial, helvetica, sans-serif; padding:0 0 0 0px; color: #ffffff;}
.weatherHead { font: 10px verdana, arial, helvetica, sans-serif; text-align: center;}
.weatherContent{}
.weatherSectionLink{display: none;}
.weatherContent img{ border: 0px;}
.weatherN{font: 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;}
.weatherH{font: 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;}
.weatherL{font: 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;}
.weatherFiveDayLink{font:10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none;}
.weatherIcon{width: 20px;}
a.weatherN  { color: #ffffff; text-decoration: none;}
a.weatherH  { color: #ffffff; text-decoration: none;}
a.weatherL  { color: #ffffff; text-decoration: none;}
a.weatherFiveDayLink  { color: #ffffff; text-decoration: none;}

#date {
   font: bold 10px verdana, arial, helvetica, sans-serif; text-align: center; color: #ffffff;
   float: left;
   width: 182px;
}

/*-------------------------AD Portlet Styles------------------------------------*/
.adelement {
  padding: 5px;
}

/* ---------------------------- FOOTER ---------------------------- */

/*  ------- footer container */
.footer {
	font: normal 11px arial, helvetica, sans-serif;
	background: transparent url(http://extras.mnginteractive.com/live/media/site580/2007/1120/20071120__logo_realCities.gif) no-repeat 3px 20px;
	padding: 10px 0 20px 0;
	margin: 10px 0;
	}

/*  ------- footer lists */
.footer ul {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/*  ------- footer top-list */
.footer ul.top {
	border-top: 3px solid #ccc;
	padding: 5px 0;
	
	}

/*  ------- footer list-items */
.footer li {
	display: inline;
	padding: 0 0px;
	margin: 0;
	}

/*  ------- footer links */
.footer a:link,
.footer a:visited,
.footer a:active  {
	color: #036;
	border-right: 1px solid #036;
	padding: 0 4px 0 2px;
	}

/*  ------- footer last link in list */
.footer li.last a:link,
.footer li.last a:visited,
.footer li.last a:active {
	border: none;
	}


/* ---------------------------- FOOTER ---------------------------- */
/* ------ Section Title & footer yahoo buttons, rss buttons, images, etc. */
.footer img,  .sectionBox_Yahoo img {
  border: 0px;
  vertical-align: middle;
}
/*  ------- footer lists */
.footer ul {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/*  ------- footer top-list */
.footer ul.top {
	border-top: 3px solid #ccc;
	padding: 5px 0;
	
	}

/*  ------- footer list-items */
.footer li {
	display: inline;
	padding: 0 0px;
	margin: 0;
	}

/*  ------- footer last link in list */
.footer li.last a:link,
.footer li.last a:visited,
.footer li.last a:active {
	border: none;
	}

/*  ------- footer container */
.footer {
	font: normal 9pt arial, helvetica, sans-serif;


        color: #000000;
        text-decoration: none;
        border-top: 2px solid #cccccc;
	}

.footer table {
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

/*  ------- footer links */
.footer a:link,
.footer a:visited,
.footer a:active {
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

.footer a:hover {
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}

/* Sample Stylesheet for Archive Search Form */

#mainWrapper {
  font-family: arial, helvetica;
  font-size: 10pt;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#searchWrapper {
  border: 1px solid #000000;
  width: 80%; 
}

#searchForm {
  padding: 5px 5px 5px 5px;
  text-align: left;
  font-size: 10pt;
}

#searchForm .title {
  color: #111199;
  font-size: 11pt;
  font-weight: bold;
}

#searchForm td {
  font-size: 10pt;
}

#pricingWrapper {
  width: 80%;
}

#pricingArea {
  font-size: 10pt;
  text-align: left;
  color: #000099;
}

#pricingArea td {
  font-size: 10pt;
}

