/* Shorewood BID
 * (c) 2008 Shorewood BID -- www.shorewoodwi.com
 * 
 */
 
 /*
 -----COLORS-----
 Blue:		#0093d0
 Green: 	#7ac142
 Text Blue:	#005f87
 Text Green:#5a9928
 Red:		#da3737
 Orange:	#ee9810
 
 -----------------*/
 
body{
	background-color:#0093d0;
	font-family: trebuchet ms, arial, sans-serif;
	color:#444;
	font-size:12px;
	line-height:1.2em;}

/*GENERAL CONTENT FORMATING*/
.cleared{	
	clear:both;
	line-height:0em;}

a, a:visited {
	color:#0088c1;
	text-decoration:underline;}

a:hover, a:visited:hover {
	color:#005f87;
	}

p{padding:0 0 12px 0;}

h3{
	font-size:1.5em;
	text-transform:uppercase;
	color:#0093d0;
	letter-spacing:.05em;}

h4{
	font-size:1.0em;
	font-weight:bold;
	color:#120d0e;}
h5 {
	font-size:1.25em;
	padding:6px 0 10px 0;
	color:#0093D0;

}
#wrapper{
	background-color:#fff;
	background-image:url(/pics/shared/bgd_top_border.gif);
	background-repeat:repeat-x;
	border-bottom:1px #006995 solid;}

#container{
	width:975px;
	margin:0 auto 0 auto;
	padding-left: 10px;
	position:relative;
	}

#home #container{
	height:725px;}
	
.left {
	float:left;
	margin:0 15px 15px 0;
	}
	
.right {
	float:right;
	margin:0 0 15px 15px;
	}	
.right p{
	text-align:center;
	margin: 7px 0 0 0;
	color:#120D0E;
	padding-bottom:0;
	}
img.border {
	border:1px solid #BDBDBD;
	}
#content ul.numbered li{  
	list-style-type:decimal;
	margin-left:25px;
	}
.red { color:#da3737; }
/*HEADER CONTENT*/
#header {
	height:124px;
	display:block;
	padding-bottom:25px;
	position:relative;
	z-index:8;
	}
#title span{
	display:block;
	height:88px;
	width:178px;
	background-image:url(/pics/shared/logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:35px;
	left:0px;
	cursor:pointer;
	}
#title span img{
	display:none;}
	
#title h1{
	position:absolute;
	left:-1000em;}

.skip{
	position:absolute;
	left:-1000em;}
#find_business{
	}
	
/* rotator in-page placement */
    div#rotator {
	height:345px;
	width:624px;
	z-index:18;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
}
    div#rotator ul li.show {
	z-index:20;
}


/*TOP NAVIGATION*/
#top_nav{
	float:right;
	position:relative;
	top:90px;
	z-index:500;
	}
#top_nav li{
	display:inline;
	float:left;
	margin:0 5px 0 5px;}

#top_nav a.one_line{
	position:relative;
	top:1.2em;}

#top_nav #about, #top_nav #about a, #top_nav #about ul{
	width:7em;}
#top_nav #about ul a{padding-right:2px;padding-left:5px;}

#top_nav #district, #top_nav #district a, #top_nav #district ul{
	width:8em;}
#top_nav #district ul a{padding-right:3px;padding-left:5px;}

#top_nav #opportunities, #top_nav #opportunities a, #top_nav #opportunities ul{
	width:8em;}
#top_nav #opportunities ul a{padding-right:0px;}

#top_nav #news_link, #top_nav #news_link a, #top_nav #news_link ul{
	width:7em;}
#top_nav #news_link ul a{padding-right:1px;padding-left:6px;}

	
#top_nav a{
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:3px #7ac142 solid;
	text-decoration:none;
	display:block;
	z-index:500}

#top_nav a:hover, #top_nav a:visited:hover{
	border-bottom:3px #5a9928 solid;}

#top_nav li ul{
	position:absolute;
	left:-999em;	
	border-bottom:2px #7ac142 solid;	
	background-color:#fefae2;	
	}

#top_nav li li{
	margin:0px;	
	/*border-left:2px #7ac142 solid;	
	border-right:2px #7ac142 solid;*/
	
	}

#top_nav li li.last{
	border-bottom:2px #7ac142 solid;}

#top_nav li li a{
	font-size:11px;
	text-transform:none;
	padding:1px 0px 0px 8px;
	font-weight:normal;
	border-bottom:3px #fefae2 solid;	
	}

#top_nav li li a:hover{
	color:#fff;
	background-color:#5a9928;	
	}

#top_nav li:hover ul, #top_nav li.hover ul{
	left:auto;	
	}

#top_nav li:hover ul li{
	margin:0px;}

/*FIND BUSINESS DROPDOWN*/
#find_business{
	width:229px;
	height:50px;
	display:block;
	background-image:url(/pics/shared/bgd_business_finder.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:750px;
	padding:5px 8px 0px 0px;	
	color:#333;
	}

#find_business form{
	float:right;
	width:195px;}

#find_business select{
	width:195px;}

#find_business label{
	position:absolute;
	left:-9999em;}

#find_business legend{
	padding:0 0 5px 0;}

#find_business img{
	float:left;
	position:relative;
	top:22px;}

/*HOMEPAGE CONTENT*/
#home_photos{
	width:624px;
	float:left;
	margin:0 2px 24px 0;
	position:relative;
	background:#fff;
	
	/*z-index:1;*/
	}

#home_photos #slideshow{
	border:1px #bdbdbd solid;
	margin:0 0px 3px 0;
	position:relative;
	width:624px;
	z-index:2;
	}

.slideshow { overflow:hidden; height:345px; z-index:2; }
#slideshow_selection { display:block; height:345px; position:absolute; width:624px; z-index:3;}
	
#home_photos .village{
	display:block;
	width:96px;
	height:98px;
	position:absolute;
	background-image:url(/pics/index/village_logo_left.gif);
	background-repeat:no-repeat;
	top:235px;
	left:0px;
	z-index:33;
	}

#intro{
	height:163px;
	padding:24px 22px 12px 22px;	
	background-image:url(/pics/index/bgd_intro);
	background-repeat:no-repeat;
	background-color:#7ac142;
	color:#fff;
	border:1px #71b23d solid;
	float:left;
	position:absolute;
	left:0px;
	top:350px;}

#intro span{
	background-image:url(/pics/index/shop_shorewood.gif);
	display:block;
	color:transparent;
	width:449px;
	height:22px;
	padding:0 0  12px 0;
	background-repeat:no-repeat;}
#facebook { 
	position:absolute;
	top:62px;
	right:24px;
	padding:2px 0 4px 25px;
	z-index:1;
	background: transparent url(/pics/index/facebook.gif) no-repeat left center;
	}
#intro h2{
	position:relative;
	left:-9999em;
	line-height:0em;
	font-size:0em;}
#burst {
	background: url(/pics/index/70th_open_house.gif) no-repeat;
	height:93px;
	width:93px;
	position:absolute;
	top:390px;
	left:860px;
	}
	.news #burst a {
	background:none;
	}

a#auction_form { display:block; width:625px; height:345px; position:absolute; z-index:30; }

img.today_thumb {
	margin:-39px 10px 10px 8px;
	float:left;
	border:1px solid #005F87;
	padding:1px;
	}
a#today_thumb  {
	margin:3px 20px 3px 0;
	}
li a#today_thumb {
	display:inline;
	}
.flight {
	margin:-26px 44px -5px 0px;
	}
#flight_link {
	background:none;
	padding:0;
	}
/*NEWS BLOCKS*/
#home .news{
	width:300px;
	padding:12px 0 17px 20px;
	float:left;
	}

#secondary .news{
	width:296px;
	padding:15px 15px 20px 15px;
	float:left;
	background-image:url(/pics/shared/bgd_news_block.gif);
	background-repeat:repeat-y;
	background-color:#fefae2;
	}

#secondary .archive_news{
	width:296px;
	padding:15px 15px 20px 15px;
	float:left;
	background-image:url(/pics/shared/bgd_news_block.gif);
	background-repeat:repeat-y;
	background-color:#fefae2;
	}

#secondary .news h3, #secondary .archive_news h3{
	color:#db5d35;}

#secondary .news h4, #secondary .archive_news h4{
	color:#0093d0}
	
.news h3{	
	padding:0 0 5px 0;
	}

.news h4{
	font-size:1em;
	text-transform:uppercase;
	color:#5a9928;
	}
.news h4.date{
	text-transform:none;
	}

.news p {
	padding-top:2px;}

.news a{
	text-transform:uppercase;
	padding:3px 23px 5px 0px;
	background-image:url(/pics/shared/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	}

.news#specialbox {
background-image: url(/pics/index/divider_green.gif);
background-position: 50% 100%;
background-repeat: repeat-x;
padding-bottom:10px;
}
/*
.news#specialbox a{
	background-image:none;
}
*/
.news a.no_arrow {
	background-image:none;
	padding:0;
	}
.news li {
	padding:3px 23px 3px 0px;
	list-style-type:none;
	}
.news li a.spotlight{
	text-transform:none;
	text-decoration:none;
	background-image:none;
	margin:0 0 10px 0;
	}
.archive_news a{
	padding:3px 23px 5px 0px;
	margin:0 0 10px 0;
	}
.archive_news a.past{
	padding:3px 23px 5px 0px;
	margin:0 0 10px 0;
	text-decoration:none;
	}
#news, #business{
	background-image:url(/pics/index/divider_green.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-top:12px;}
#home #today_magazine {
	padding-bottom:0;
	}
.bf {
	position:absolute;
	right:27px;
	top:332px;
	}


/*HOME PAGE TABS*/
#tabs_wrap{
	float:left;
	width:340px;
	height:204px;
	position:absolute;
	left:638px;
	top:498px;}

.tab{
	display:block;
	width:278px;
	height:68px;
	padding:0 60px 0 0;
	background-repeat:no-repeat;
	position:relative;}

#side_col .tab{
	width:324px;
	padding:0px;
	clear:left;
	background:transparent;
	position:relative;
	top:-10px;}

#tab_finder{
	background-image:url(/pics/index/bgd_tab_find_business.gif);
	background-color:#ee9810;}

#tab_blog{
	background-image:url(/pics/index/bgd_tab_blog.gif);
	background-color:#ee9810;}

#side_col #tab_coupons{
	background-image:url(/pics/shared/bgd_tab_coupons2.gif);
	height:78px;
	}
	
#tab_coupons{
	background-image:url(/pics/index/bgd_tab_coupons.gif);
	background-color:#ee9810;}

#side_col #tab_signup{
	background-image:url(/pics/shared/bgd_tab_sign_up2.gif);
	}
	
#tab_signup{
	background-image:url(/pics/index/bgd_tab_sign_up.gif);
	background-color:#ee9810;}

#tab_finder form{
	background-image:url(/pics/index/find_business_txt.gif);
	background-repeat:no-repeat;
	padding:23px 0 0 45px;
	position:absolute;
	top:10px;
	left:25px;}
	
#tab_frm_business label{
	position:absolute;
	left:-9999em;}

#tab_blog a{
	display:block;
	width:250px;
	height:50px;
	position:absolute;
	top:10px;
	left:25px;}

#tab_coupons a{
	display:block;
	width:220px;
	height:50px;
	background-image:url(/pics/index/browse_coupons_txt.gif);
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
	top:10px;
	left:45px;}

#side_col #tab_coupons a{
	top:20px;}

#tab_coupons a:hover{
	background-position:right bottom;}

.tab span{
	position:absolute;
	left:-9999em;
	}

#tab_signup a{
	display:block;
	width:237px;
	height:35px;
	background-image:url(/pics/index/sign_up_txt.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:14px;
	left:30px;}

#side_col #tab_signup a{
	background-image:url(/pics/shared/sign_up_txt2.gif);
	}

/*SECONDARY HEADER*/
.second_header{
	width:100%;
	height:42px;
	background-image:url(/pics/shared/bgd_header.gif);
	background-repeat:no-repeat;
	position:relative;}

.second_header h2{
	display:block;
	position:relative;
	top:15px;
	left:347px;
	height:15px;
	width:250px;
	background-repeat:no-repeat;	
	}
.second_header span{
	position:absolute;
	left:-999em;}

/*PAGE TITLES*/
#about h2{
	background-image:url(/pics/about/title_about_shorewood.gif);}

#directory h2{
	background-image:url(/pics/directory/title_business_directory.gif);}

#news_events h2{
	background-image:url(/pics/news/title_news.gif);} 
	
#district_info h2{
	background-image:url(/pics/district/title_district_info.gif);} 
	
#business_op h2{
	background-image:url(/pics/business_op/title_business_op.gif);} 

#links h2{
	background-image:url(/pics/links/title_links.gif);} 
	
#contact h2{
	background-image:url(/pics/contact/title_contact.gif);} 

#e_coupons h2{
	background-image:url(/pics/e-coupons/title_e-coupons.gif);} 

#business_spotlight h2{
	background-image:url(/pics/business_spotlight/title_business_spotlight.gif);} 
	
#sign_up h2{
	background-image:url(/pics/sign_up/title_sign_up.gif);} 


/*SECCONDARY NAV*/
#second_nav{
	position:absolute;
	left:350px;
	top:48px;}

#second_nav li{
	float:left;
	padding:0 20px 0 0;
	/*color:#666;*/}

#directory #second_nav{
	padding:5px 10px 5px 10px;
	background-color:#fefae2;
	border:1px #ee9810 solid;
	}

#directory #second_nav li{
	float:left;
	padding:3px 3px 2px 0;
	}

#directory #second_nav li a{
	padding:0 2px 0 2px;
	font-size:1.2em;}


#second_nav a{
	color:#ec9015;
	text-decoration:none;}


#second_nav a:hover{
	color:#dd6331;
	text-decoration:underline;}

/*SIDE COLUMN*/
#side_col
{
	width: 324px;
	float: left;
	text-align: justify;
	padding:0 0 45px 0;
}
#side_col .news{
	text-align:left;}

#side_col img {
	border:1px #bdbdbd solid;
}

#side_col span{
	color:#0074a4;
	font-size:11px;
	display:block;
	padding:5px 15px 5px 15px;
	background-color:#f8efbb;
	/*background-image:url(/pics/shared/bgd_news_block.gif);
	background-repeat:repeat-y;*/
	border-bottom:3px #dc5f34 solid;	
	width:294px;
	}
	
#shop_shorewood{
	clear:left;
	display:block;	
	width: 324px;
	height: 16px;
	background-image: url(/pics/shared/shop_shorewood_txt.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	border-top: 3px #dc5f34 solid;
	padding:8px 0 0 0;
	margin:0 0 24px 0;
}

#shop_shorewood h4{
	position:absolute;
	left:-999em;}

/*CONTENT*/
#content{
	width:605px;
	float:left;
	padding:40px 15px 20px 25px;
	}
	
#content ul {
	padding:2px 0 12px 16px;}

#content ul li{
	list-style-type:none;
	}

#content h3{
	padding:0 0 12px 0;}

/*DIRECTORY*/

.directory ul{
	}
	
.directory a.coupon{
	float:right;
	padding:5px 5px 0 5px;
	margin:0px;}
.find_business{
	margin:12px 0 18px 1px;
	padding:10px 10px 10px 10px;
	background-color:#fefae2;
	border:1px #ee9810 solid;
	width:350px;}
.find_business legend{
	display:none;	
	}

.find_business label{
	padding:0 5px 0 0;}
	
.directory li{
	width:500px;
	float:left;
	clear:left;
	position:relative;
	padding: 0 0px 3px 0;
	margin:0 0px 14px 0;
	background-color:#fefae2;
	}

.directory h4{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	color:#333;
	padding: 3px 3px 3px 6px;
	border-bottom:1px #ee9810 solid;
	background-color:#f8efbb;
	}

.directory li p{
	padding:3px 6px 0 6px;
	line-height:1.5em;
	float:left;
	}
.directory .address{
	float:left;
	}

.directory .address img{
	position:absolute;
	top:27px;
	left:280px;}
	
.directory .phone{
	float:left;
	clear:left;
	}
.directory a{
	margin:3px 6px 0 0;
	float:right;
	clear:right;}

.directory a.directory_link{
	/*margin:3px 6px 0 0;
	float:right;
	clear:right;*/
	margin:0;
	float:none;
	text-align:left;}


/*E-COUPON TABLE*/
a.print_coupon {
	background:url(/pics/e-coupons/print.gif);
	width:96px;
	height:33px;
	display:block;
	}
	a.print_coupon span{
	display:none;
	}
a.coupon_title {
	font-size:13px;
	padding:0 0 4px 0;
	}
table#e_coupons {
	}
table#demographics {
	padding:0 0 10px;
	}
table#e_coupons p{
	padding:8px 0 0 0;	
	}
table#e_coupons th, table#e_coupons td{
	vertical-align:top;
	}
	
table#e_coupons thead.e_coupon_heading tr td, table#demographics thead.demographics_heading tr td{
	border-bottom:2px solid #7ac142;
	padding:0 0 4px 0;
	}
table#e_coupons thead.e_coupon_heading tr td.store{
	width:100px;
	}
table#e_coupons thead.e_coupon_heading tr td.coupon_links {
	width:371px;
	}
table#e_coupons thead.e_coupon_heading tr td.print {
	width:140px;
	}
table#demographics thead.demographics_heading tr td.type {
	width:220px;
	vertical-align:bottom;
	}
table#demographics thead.demographics_heading tr td.expenditure {
	width:160px;
	vertical-align:bottom;
	}
table#demographics thead.demographics_heading tr td.square_mile {
	width:100px;
	}
table#demographics thead.demographics_heading tr td.intersection {
	width:330px;
	}
table#demographics thead.demographics_heading tr td.count {
	width:60px;
	}
table#demographics thead.demographics_heading tr td.desc {
	width:300px;
	}
table#demographics thead.demographics_heading tr td.total {
	width:95px;
	}	
table#e_coupons tbody tr td {
	padding:12px 10px 0 0;
	}
table#demographics tbody tr td {
	padding:3px 10px 5px 0;
}
tr.coupon_info, tr.market_info{
	background:url(/pics/shared/grey_dots.gif) repeat-x 0 100%;
	}

.coupon_info h4{
	padding:0 0 3px 0;
	color:#333;}

table#e_coupons thead td, table#demographics thead td{
	color:#ee9810;
	font-size:14px;
	}
p.address {
	font-size:11px;
	line-height:13px;
	}
p.booknote {
	font-size:9px;
	}
/*PAGE NEXT*/
ul#page_next {
	margin:10px 0 0 0;
	float:right;
	}
ul#page_next li{
	list-style-type:none;
	float:left;
	margin:0 3px 0 3px;
	}
ul#page_next li a.num{
	display:block;
	padding:2px 5px;
	/*border:1px solid #0093d0;*/
	text-decoration:none;
	}
ul#page_next li a.selected{
	display:block;
	padding:2px 5px;
	/*border:1px solid #0093d0;*/
	color:#ee9810;
	text-decoration:none;
	}
ul#page_next li a.num:hover{
	display:block;
	padding:2px 5px;
	/*border:1px solid #0093d0;*/
	text-decoration:none;
	color:#005f87;
	}	
ul#page_next li a{
	display:block;
	padding:2px 3px;
	text-decoration:none;
	}
fieldset {  
	}
.contact_form { 
	width:350px;
	}
.contact_form li{ 
	list-style-type:none;
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	}
.contact_form .short {
	width:100px;
	}
.contact_form .long { 
	width:265px;
	}
.contact_form div {
	clear:both;
	margin:2px 0;
	display:block;
	}
.contact_form fieldset {  
	padding:20px;
	background:#FEFAE2;
	border:1px solid #c37f0f;
	}
.contact_form label {
	display:block;
	margin-bottom:4px;
	}
.contact_form select { 
	padding:4px;
	border:1px solid #333;
	}
.contact_form .submit {
	padding:4px;
	border:1px solid #333;
	background:#efefef;
	cursor:pointer;
	}
a.bench_btn {  
	height:150px;
	width:150px;
	display:block;
	background: url(/pics/news/bench_burst.png) no-repeat top center;
	}
a:hover.bench_btn {  
	background: url(/pics/news/bench_burst.png) no-repeat bottom center;
	}
/*E-COUPON POPUP*/
body#coupon {
	background:#fff;
}
#coupon_container {
	width:551px;
	height:auto;
	background:#fff;
	margin:20px auto;
	}
#bottom_corner {
	background:url(/pics/e-coupons/bot_corner.gif) no-repeat 100% 100%;
	width:551px;
	}

#top_corner {
	background:url(/pics/e-coupons/top_corner.gif) no-repeat 0% 0%;
	width:551px;
	}
	#top_corner p{
	padding:40px 40px 20px 10px;
	width:300px;
	float:right;
	}
	#top_corner img{
	padding:40px 0px 0 30px;
	float:left;
	clear:both;
	}
.caption {
	text-align:center;
	}
table.right {
	float:right;
	padding:0 0 10px 10px;
	}
/*CONTACT_US*/
textarea, input.contactform {
	background:url(/pics/shared/frm_shadow.gif) repeat-x;
	border:#b3b3b3 solid 1px;
	}
/*FOOTER*/
#footer{
	width:975px;
	margin:0 auto 0 auto;
	padding:10px 0 15px 20px;
	clear:both;
	font-family:arial, sans-serif;
	font-size:.8em;
	text-align:center;
	color:#fff;
	position:relative;}

.village span{
	position:absolute;
	left:-999em;}

#footer .village{
	display:block;
	width:103px;
	height:93px;
	position:absolute;
	background-image:url(/pics/shared/village_logo_footer.gif);
	background-repeat:no-repeat;
	top:-43px;
	left:20px;
	}

#footer p{
	padding:5px 0 0 0;}
	
#footer a, #footer a:visited{
	color:#bbe2f2;
	text-decoration:none;}

#footer a:hover, #footer a:visited:hover{
	text-decoration:underline;}

#footer li{
	display:inline;
	border-right:1px #bbe2f2 solid;
	padding:0 4px 0 4px;}

#footer li.last{
	border-right:none;}
	
.imageBox {border:thin solid #666; padding:3px; margin:5px;}

.release_block {text-align:right;display:block;float:right;margin:0 0 2em 2em;clear:both;}

/* special events update styles 110622
***************************************/

#content #cycling {list-style-type: none; text-indent: 0; padding: 0;}
#content #cycling li {padding: 10px 0 0 0 !important; margin: 0;} 


/*bid awards list
****************************************/
#content #bidAwards li {list-style: none:line-height: 1.5em; text-indent: 10px;}
#content #bidAwards li.category {text-indent: 0; padding:5px 0;}