/* CSS Document */
/* Dubuque Area Chamber of Commerce */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;*/
	/*This takes the default 16px down to 10px
	Verdana is the most readable, and readily available screen font in Windows.
    Helvetica most readable, and readily available screen font on Macintosh computers.*/
    color:#737474; 
	background:#333333  url(../images/bg.jpg) repeat-x;
    width:100%; 
	margin:0 auto;
	font:11px/15px Verdana, Helvetica, sans-serif;
}
body * {text-align:left}

body.popup {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    color:#666666; 
	background:none;
    width:100%; 
	margin:5px auto;
	font:11px/15px Verdana, Helvetica, sans-serif;
	overflow: hidden; 
}

.mcnote {color: #ff0099; font-size:14px;}


/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul/*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type:none;
	display: block;
	border:0px solid #ff0000;
}

ol
{
	display: block;
	list-style-position: inside; 
}

.hd {margin-bottom:10px;display:block;}
.hd2 {margin-bottom:10px;margin-left:26px;}

.callout {font-size:14px; font-weight:bold; color:#444444;margin:0px 0px 0px 0px;text-transform:capitalize;}

h1 /*used for featured event titles*/{font-size:16px; font-weight:bold; color:#555555;margin:0px 0px 8px 0px;text-transform:capitalize;}


h2 /*used for business titles*/{font-size:14px; font-weight:bold; color:#555555;margin:0px 0px 5px 0px;text-transform:capitalize;}

h3 /*used for business listing bar titles*/ {font-size:10px; color:#fff; line-height:14px;background:#6a6a6a url(../images/bg_listings.jpg) repeat-y; padding:5px 12px;margin:0px;text-transform:uppercase;}

h4 /*used for business titles*/{font-size:14px; font-weight:bold; color:#849d3e;margin:0px 0px 5px 0px;text-transform:capitalize;}

h5 /*used for sidenav My Itinerary*/ {font-size:11px; color:#849d3e;margin:10px 0px 0px 20px;text-transform:uppercase;}


h6 /*used for business listing bar titles*/ {font-size:10px; color:#fff; line-height:14px;background:#4387c3 url(../images/bg_upevents.jpg) repeat-y; padding:5px 12px;margin:0px;text-transform:uppercase;}

a:link, a:active, a:visited  {color: #1a7cba; text-decoration:underline;font-weight:normal;}
a:hover {color: #1a92dd; text-decoration:underline;}


.orangehead {color:#f26a28; font-size:12px; font-weight:bold;}

a:focus { outline: none;}

b {color:#444444;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:2px;
	border:0px;
}

img.left {
	float:left;
	margin-right:20px;
}
img.border {
	border:4px solid #c4d8e9;

}

p, td, div
{	
	font-size: 11px;
	line-height: 16px;
	font-family: Helvetica, Arial sans-serif;
	color: #444444;
	margin:0px 0px 10px 0px;
}


.rule {float:left;position:relative;border-top:1px solid #d4dfe8; width:100%;display:block;margin:5px 0 0 0;}

.small {font-size:11px; line-height:12px; color:#707070;}

.smaller p {font-size:11px; line-height:15px; }

.photocol {float:left; width:321px;margin-right:20px;}

.padlogo
{	
	font-size: 11px;
	line-height: 16px;
	font-family: Helvetica, Arial sans-serif;
	color:#888888;
	line-height:17px;
	margin:0px 0px 10px 0px;
}



/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0 auto;
	width: 970px;
	background:none;
	border:0px solid #ff0000;
	position:relative;

	
}

#header
{
	width: 970px;
	height: 376px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position:relative;
	float:left;
	border:0px solid #ff00ff;
	z-index:500;
}


#contentcontainer /*this is holding everything below the header div */
{
	width: 970px;
	margin: 0px; 
	padding: 0 0 0px 0;
	position: relative;
	background:#ffffff url(../images/bg_content.jpg) repeat-x;
	border:0px solid #ff0000;
	float:left;
	z-index:400;
	
}

#contentcontainerbot /*this is holding everything below the header div */
{
	width: 970px;
	height:154px;
	margin: 0px; 
	padding: 0px;
    float:left;
	position: absolute; /*When position: absolute; IE breaks, pushing it to the far right*/
	bottom: 0px; right: 0px;
	background:#ffffff url(../images/bg_contentbot.jpg) repeat-x;
	border: 0px solid #ff00ff;
	z-index:310;
	
}




/* MISC. HEADER OBJECT STYLES*/

.logo { margin: 0px; padding:0px; position:absolute; width:278px; height:78px;float:left; top:273px; left:43px; z-index:500; border:0px solid #ff0000;}
.logoprint {display:none;}

.required {color:#ff0000; font-size:14px;}
.quicklinkscontainer 
{
	width:156px;
	height:302px;
	float:left;
	position:relative;
	background: #333333 url(../images/bg_quicklinks.jpg) repeat-x;
	z-index:100;
	margin:0px;
	padding:0px;
	border:0px solid #ff0000;
	
	}
	
	
.quicklinks {width:137px; height:138px; padding:0px;float:right; position:relative; margin:92px 0px 0px 4px !important; margin:92px -4px 0px 0px; border:0px solid #ff0000;}


.quicklinks ul
{
	margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}


.quicklinks li
{	
	display: inline;
    margin: 0px;
    padding: 0px;
    background:none;
}


.quicklinks ul li a
{	
    margin: 0px;
    padding: 0px;
}


/* QUICK LINKS SIDE NAVIGATION HIGHLIGHTS 
==========================================*/

/*body#daytrips .daytripsbtn,
body#maps .mapsbtn,
body#plantrip .plantripbtn

{ background: transparent url('../images/arrow.gif') no-repeat 7px 5px; padding-left: 0px; border:1px solid #ff00ff; z-index:300;}*/



/*Large Photo Interior Pages*/
#intphoto {height:302px; width:814px; background:#000 url(../images/intphoto0.jpg) repeat-x; float:left; margin:0px 0px 0px 0px; position:relative; padding:0px; z-index:100; border:0px solid #ff0000; overflow:hidden; }
#image {margin:0px auto; height:302px; width:814px;}


.intanimation {margin:0px auto; height:302px; width:814px;}

.intanimation { display: none; }

body#todo .intanimation.anitodo  { display: inline;}
body#tostay .intanimation.anistay { display: inline;}
body#wine .intanimation.aniwine { display: inline;}
body#events .intanimation.anievents  { display: inline;}
body#conventions .intanimation.aniconv  { display: inline;}
body#daytrips .submenu.subdaytrips { display: inline;}
body#maps .submenu.submaps { display: inline;}
body#plantrip .intanimation.aniplantrip  { display: inline;}
body#epostcard .submenu.subempty { display: inline;}
body#join .intanimation.aniitinerary  { display: inline;}
body#news .intanimation.aninews,
body#tourismpartners .intanimation.aninews,
body#askus .intanimation.aninews,
body#join .intanimation.aninews,
body#epostcard .intanimation.aninews { display: inline;}

body#daytrips .intanimation
{ display: inline;}

.reinventedhm {position:absolute; margin:355px 0px 0 0; float:left;z-index:600;}

.reinvented {position:absolute; margin:245px 0px; float:left;z-index:600;}
.reinvented {display:none;}

body#todo .reinvented.reinvvaca,
body#tostay .reinvented.reinvlux,
body#wine .reinvented.reinvatmos, 
body#events .reinvented.reinventertain,
body#conventions .reinvented.reinvteam, 
body#daytrips .reinvented.reinvriver,
body#maps .reinvented.reinvriver,
body#plantrip .reinvented.reinvriver, 
body#epostcard .reinvented.reinvriver,
body#join .reinvented.reinvriver 
 { display: block;}


.bluearrowwide {width:90px;position:relative;text-transform:uppercase; margin-top:10px;padding:0px; color:#fff; font-weight:bold;font-size:10px;line-height: 17px; border:0px solid #ff0000;float:left;}
.bluearrowwide ul { margin: 10px 0 15px 0px;padding: 0px 0 0 0px;list-style-type: none;}
.bluearrowwide ul li { background: url(../images/bluearrow.gif) no-repeat 0 2px;padding-left: 10px; margin-top:0px;font-weight:500;border:0px solid #fff;line-height:13px;}
.bluearrowwide a:link, .bluearrowwide a:active, .bluearrowwide a:visited  {color: #fff; text-decoration:none; font-weight:600;}
.bluearrowwide a:hover {color: #fff; text-decoration:none; font-weight:600;}

.bluearrow {width:90px;position:relative;text-transform:uppercase; margin-top:10px;padding:0px; color:#fff; font-weight:bold;font-size:10px;line-height: 17px; border:0px solid #ff0000;float:left;}
.bluearrow ul { margin: 10px 0 15px 0px;padding: 0px 0 0 0px;list-style-type: none;}
.bluearrow ul li { background: url(../images/bluearrow.gif) no-repeat 0 2px;padding-left: 10px; margin-top:0px;font-weight:500;border:0px solid #fff;line-height:13px;}
.bluearrow a:link, .bluearrow a:active, .bluearrow a:visited  {color: #fff; text-decoration:none; font-weight:600;}
.bluearrow a:hover {color: #fff; text-decoration:none; font-weight:600;}
.bluearrow p {color:#fff; font-size:11px;line-height: 14px; text-transform:none;}

/* BREADCRUMBS
========================================*/
.breadcrumbs {float:left; position:relative; font-size:11px;width:740px;margin:10px 0px 0px 0px;}
.breadcrumbs ul {margin: 0px;
        padding-left: 10px;
        padding-bottom:5px;
        list-style-type: none;}
        
.breadcrumbs ul li {
		display: inline;
		margin: 0px;
        padding: 0 1px 0 1px;
        /*background: #ffffff url(../images/breadcrumb_arrow.gif) no-repeat right center;*/
        }
        
.breadcrumbs a {color:#726d58; font-size:11px;}
.breadcrumbs a:link {color:#726d58; text-decoration:underline;}
.breadcrumbs a:visited {color:#726d58; text-decoration:underline;}
.breadcrumbs a:hover {color:#cc3300; text-decoration:underline;}


.bc {font: bold 11px "Lucida Grande","Lucida","Arial",Sans-serif; margin: 7px 26px 0 0px; padding: 0 0 7px 0; }
.bc a, .bc a:visited {display: block; float: left; height: 20px; padding-left: 5px; text-decoration: none;background: transparent url(../images/bc_segment_right_end.gif) no-repeat top left}
.bc a:hover {color: #f63293}

.bc a span {background: transparent url(../images/bc_segment_right.gif) no-repeat scroll top right; display: block; line-height: 13px; padding: 3px 14px 4px 9px}
/*.bc a.root, h1.bc a.root:visited, h1.bc a.root-single, h1.bc a.root-single:visited{background: transparent url(../images/bc_root_left.gif) no-repeat scroll top left}
.bc a.root span {background: transparent url(../images/bc_segment_right.gif) no-repeat top right}*/
.bc a.parent span {background: transparent url(../images/bc_segment_right_end.gif) no-repeat top left}
.bc a.end, h1.bc a.end:visited {background: none}
.bc a.end:hover {color: black; cursor: default}
.bc a.end span {background: none; color: black}




/* COLUMNS IN CONTENT
========================================*/

.contentleft /*main content area */
{
	float: left;
	position:relative;
	width: 770px;
	margin: 30px 15px 40px 10px !important; margin: 30px 10px 40px 5px;
	padding-bottom:30px;
	border:0px solid #ff0000;
	z-index:430;
}


.contentleft ul/*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type:none;
	display: block;
}

.contentleft ul li /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	background: url(../images/bullet.gif) no-repeat 0 0px;
	list-style-type:none;
	display: block;
}

.contentleft ul li ul li/*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	background: url(../images/bullet.gif) no-repeat 0 0px;
	list-style-type:none;
	display: block;
}

.contentright /*main content area */
{
	float: left;
	position:relative;
	background: url(../images/divider.gif) no-repeat 0px 0px;
	width: 151px;
	margin: 30px 0px 0px 10px !important; margin: 30px 0px 0px 0px;
	border:0px solid #ff0000;
	z-index:435;
	padding:0px;
}

.contentright p {margin:5px 0px 0px 20px;font-size:11px;color:#444444;}

.contentfull /*main content area */
{
	position:relative;
	width: 720px;
	margin: 0px 0 0px 26px;
	clear:both;
	border:0px solid #ff0000;
	
}

ul.double { width: 430px; margin: 5px 0 5px 20px; padding: 0px 0 5px 0px;display:block;float:left;border:0px solid #000;}
ul.double li { float: left; position:relative;width: 190px; margin: 2px 0 5px 5px; padding: 0px 0 0 10px; background: none;border:0px solid #ff0000;background: url(../images/bullet.gif) no-repeat 0 0px;}

ul.featured {width: 430px; margin: 5px 0 5px 20px; padding: 0px 0 5px 0px;display:block;float:left;border:0px solid #000;}
ul.featured li {  position:relative; margin: 2px 0 5px 5px; padding: 0px 0 0 10px; background: none;border:0px solid #ff0000;background: url(../images/bullet.gif) no-repeat 0 0px;}


.colone { width: 360px; margin:0px 0px 0px 26px;float:left; position:relative; display:inline; border:0px solid #ff0000;}
.coltwo { width: 360px; margin:0px 0px 0px 24px; float:left; position:relative; display:inline; border:0px solid #ff0000;}

/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 710px; float:left; position:relative; border:0px solid #ff0000; margin:0px 0px 0px 30px; }
.narrow { width: 406px; margin:0px 0px 0px 0px;float:left; position:relative; }
.colnarrow { width: 250px; margin:0px 0px 0px 26px;padding:0px;float:left; position:relative; border:0px solid #ff0000;}
.colwide { width: 415px; margin:0px 0px 0px 25px;padding:0px;float:left; position:relative; border:0px solid #ff0000;}

.epostcard { width: 600px; margin:0px 0px 0px 26px;float:left; position:relative; border:0px solid #ff0000;}


/* MISC. CONTENT OBJECT STYLES
========================================*/
/*Business Listings*/
.buslisting {margin:30px 0px 0px 30px; padding:0px;font-size:11px;clear:both; width: 710px; float:left; position:relative; border:0px solid #ff0000;}
.descdiv {width:680px; float:left;margin:20px 0px 0px 12px; padding-bottom:10px;border-bottom:1px solid #d4dfe8;}
.busdesc {width:680px; margin:0px 0px 10px 0px; padding:0 0 0px 0;font-size:11px;line-height:14px; font-weight:bold; border:0px solid #ddd;}
.descdesc {width:680px; float:left; font-size:11px;}
.save {float:right;margin:0px;padding:0px;position:relative;text-align:right;}
.buslisting .date { font-size: 11px; /*color:#f26a28;*/font-weight:bold; }


/*News Listings*/
.newslisting {margin:10px 0px 0px 30px; padding:0px;clear:both; width: 730px; float:left; position:relative;}
.newsdescdiv {width:730px; float:left;margin:5px 0px 0px 0px; padding-bottom:10px;border-bottom:1px solid #d4dfe8;}
.newsdesc { margin:0px 0px 10px 0px; padding:0 0 0px 0;font-size:11px;line-height:14px; font-weight:bold; border:0px solid #ddd;}
.newsimg {width:105px; float:right;margin-left:10px;}
.newslisting .title { line-height: 16px; font-size:13px; font-weight:bold; color:#1d517a;margin:0px 0px 12px 0px;text-transform:capitalize;}

/*FAQ Listings*/
.faqlisting {margin:10px 0px 0px 30px; padding:0px;clear:both; width: 730px; float:left; position:relative;}
.faqdescdiv {width:730px; float:left;margin:5px 0px 0px 0px; padding-bottom:10px;border-bottom:1px solid #d4dfe8;}
.faqdesc { margin:0px 0px 10px 0px; padding:0 0 0px 0;font-size:11px;line-height:14px; font-weight:bold; border:0px solid #ddd;}
.faqlisting .title { line-height: 16px; font-size:13px; font-weight:bold; color:#1d517a;margin:0px 0px 12px 0px;text-transform:capitalize;}

.itindescdiv {float:left;margin:20px 0px 0px 12px; width:695px;padding-bottom:10px;border-bottom:1px solid #d4dfe8;}
.itinbusdesc { margin:0px 0px 10px 0px; padding:0 0 0px 0;font-size:11px;line-height:14px; font-weight:bold; border:0px solid #ddd;}
.itindescdesc { float:left; font-size:11px;}
.itinprintmap { display:none;}

.tourismrows {float:left;position:relative;width:700px;border:0px solid #000;margin-bottom:20px;padding-bottom:10px;}
.tourismlogo {float:left;position:relative;width:200px;border:0px solid #ff0000;text-align:center;margin-right:20px;}
.logos {margin-bottom:10px;display:block;margin-left: auto;margin-right: auto;}

/* EVENT PAGE LISTINGS 
========================================*/

.eventlistdate {color:#f26a28;font-size:17px;line-height:25px;float:left;width:250px;height:30px;}


.eventlistdrop {color:#f26a28;font-size:13px; font-weight:bold;float:left;text-align:right;width:445px;height:30px;}


/* KEEP - Events if Pic is activated - might need some tweeking on the widths*/
/*#eventlistings .wrap-event{ clear: both; padding-bottom: 10px; margin: 5px;border-bottom:1px solid #bbb;float:left;width:710px;}
#eventlistings .wrap-event .pic { float: left; margin: 0 0px 0 0; padding: 5px; width:105px; height:100px;border:0px solid #ff0000;background: url('../images/bg_photodiv.jpg') repeat-y;}
#eventlistings .wrap-event .eventdesc { margin: 0 0 0 0px; padding: 0 0 0 0px;float:left; width:565px; border:1px solid #000; }
#eventlistings .wrap-event .eventdescdets { margin: 0 0 0 10px; padding: 0 0 0 10px;float:left; width:435px; border-left:0px solid #ddd; border:1px solid #ff0000;}
#eventlistings .wrap-event .eventlongdesc { margin: 5px 0 0 21px; padding: 0;float:left; width:555px; }
#eventlistings .wrap-event  p{ margin: 0; padding: 0; }
#eventlistings .wrap-event p.date,
.newslisting .date { font-size: 11px; color: #666666; }
#eventlistings .wrap-event p.title { line-height: 18px; font-size:15px; font-weight:bold; color:#1d517a;margin:3px 0px 14px 0px;text-transform:capitalize;}

#eventlistings .wrap-event ul.listingsnav{ float: left; margin: 0 0 0 5px !important; margin: 0;border:1px solid #000;}
ul.listingsnav{ margin: 0; padding: 0; float: right; width: 150px; }
ul.listingsnav li{ height: 1%; }
ul.listingsnav li a{ height: 27px; width: 150px; background: url(/media/images/nav/nav-eventoptions-vert.gif) top left no-repeat; }*/


#eventlistings .wrap-event{ clear: both; padding-bottom: 10px; margin: 5px;border-bottom:1px solid #bbb;float:left;width:700px;}
#eventlistings .wrap-event .eventdesc { margin: 0 0 0 0px; padding: 0 0 0 0px;float:left; width:700px; }
#eventlistings .wrap-event .eventdescdets { margin: 0 0 0 0px; padding: 0 0 0 0px;float:left; width:590px; border-left:0px solid #ddd;}
#eventlistings .wrap-event .eventlongdesc { margin: 5px 0 0 0px; padding: 0;float:left; width:680px;}
#eventlistings .wrap-event  p{ margin: 0; padding: 0; }
#eventlistings .wrap-event p.date,
.newslisting .date { font-size: 11px; /*color:#f26a28;*/font-weight:bold; }
#eventlistings .wrap-event p.title { line-height: 18px; font-size:15px; font-weight:bold; color:#1d517a;margin:3px 0px 14px 0px;text-transform:capitalize;}

#eventlistings .wrap-event ul.listingsnav{ float: left; margin: 0 0 0 5px !important; margin: 0;border:1px solid #000;}
ul.listingsnav{ margin: 0; padding: 0; float: right; width: 150px; }
ul.listingsnav li{ height: 1%; }
ul.listingsnav li a{ height: 27px; width: 150px; background: url(/media/images/nav/nav-eventoptions-vert.gif) top left no-repeat; }



/* MAIN NAVIGATION
=======================================*/   

#mainnav 
{
	width: 970px;
	height:36px;
	margin: 18px 0px 0px 0px;
	position:absolute;
	left:0px;
	top:10px;
	z-index:800;
	background:#000;
	color:#fff;
	float:left;
	border: 0px solid #ff00ff;
}


/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/

body#home .homebtn,
body#todo .todobtn,
body#tostay .staybtn,
body#wine .winebtn,
body#events .eventsbtn,
body#conventions .conventionsbtn

{ background-position: 0 -36px;}

.cssnav { display: block; height: 36px;}
.cssnav:hover{ background-position: 0 -36px; }
.cssnav span { display: none; }


.homebtn { width: 87px; height: 36px;background: url(../images/btn_home.gif) no-repeat 0 0; border:0px solid #ff0000;}
.todobtn { width: 128px; height: 36px;background: url(../images/btn_todo.gif) no-repeat 0 0; border:0px solid #ff0000;}
.staybtn { width: 128px; height: 36px;background: url(../images/btn_stay.gif) no-repeat 0 0;}
.winebtn { width: 128px; height: 36px;background: url(../images/btn_wine.gif) no-repeat 0 0;}
.eventsbtn { width: 87px; height: 36px;background: url(../images/btn_events.gif) no-repeat 0 0;}
.conventionsbtn { width: 202px; height: 36px;background: url(../images/btn_conventions.gif) no-repeat 0 0;}



/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none; }

body#todo .submenu.subtodo  { display: block;}
body#tostay .submenu.subtostay  { display: block;}
body#wine .submenu.subwine  { display: block;}
body#events .submenu.subevents  { display: block;}
body#conventions .submenu.subconventions  { display: block;}
body#daytrips .submenu.subdaytrips { display: block;}
body#maps .submenu.submaps { display: block;}
body#plantrip .submenu.subplantrip { display: block;}
body#epostcard .submenu.subempty { display: block;}




/* SECONDARY NAVIGATION
========================================*/
/*ORIGINAL WITH OUT TOURISM PARTNERS LINK*/
/*#secnav
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0 0px 0;
	width: 540px;
	float:right;
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	border:0px solid #ff0000;
}

#secnav ul
{
	margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
	text-align:center;
}


#secnav li
{	
	display: inline;
    margin: 0px;
    padding: 8px 8px 1px 8px;
    background:none;
}


#secnav ul li a:link,
#secnav ul li a:active,
#secnav ul li a:visited
{
	display:inline;
	margin: 0px 0 0px 0;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	
}

#secnav ul li a:hover { color: #000;}
*/

#secnav
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0 0px 0;
	width: 620px;
	float:right;
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	border:0px solid #ff0000;
}

#secnav ul
{
	margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
	text-align:center;
}


#secnav li
{	
	display: inline;
    margin: 0px;
    padding: 8px 8px 1px 8px;
    background:none;
}


#secnav ul li a:link,
#secnav ul li a:active,
#secnav ul li a:visited
{
	display:inline;
	margin: 0px 0 0px 0;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	
}

#secnav ul li a:hover { color: #000;}

/* SECONDARY NAVIGATION HIGHLIGHTS 
========================================*/

body#news .newsbtn,
body#tourismpartners .tourismpartnersbtn,
body#join .joinbtn,
body#epostcard .epostcardbtn,
body#askus .askusbtn

{ border-bottom: 1px solid #000;}


/* SIDE NAVIGATION
========================================*/


.sidenav {
	float:left;
	position:relative;
	text-align:center;
	width:133px;
	margin:0px 0px 10px 12px;
	padding:0px;
	border:4px solid #c4d8e9;
	background: url(../images/bg_sidenav.jpg) repeat-y 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#fff;}

.sidenav ul
{
	margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
	text-align:center;
	border:0px solid #ff0000;
}


.sidenav li
{	
    margin: 0px;
    padding: 0px;
    text-align:center;
	border-bottom:1px solid #59add4;
}


.sidenav ul li a
{	
    display:block;
    padding: 0px;
	margin:0px;
    text-align:center;
	border:0px solid #ff0000;
}


.sidenav ul li a:link,
.sidenav ul li a:active,
.sidenav ul li a:visited
{
	margin: 1px 0 0px 0;
	color: #fff;
	text-decoration: none;
	padding: 0px;
	text-align:center;
	padding: 5px;
}

.sidenav ul li a:hover { color: #fff; background:#1c6eb0;padding: 5px;}


/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body#todo.pgnature .sidenav a.secnature,
body#todo.pgheritage .sidenav a.secheritage,
body#todo.pggaming .sidenav a.secgaming,
body#todo.pgsports .sidenav a.secsports,
body#todo.pgarts .sidenav a.secarts,
body#todo.pgshopping .sidenav a.secshopping,
body#todo.pgnightlife .sidenav a.secnightlife,
body#todo.pgriver .sidenav a.secriver,
body#tostay.pgtostaylistings .sidenav a.sectostaylistings,
body#tostay.pgtostayprofile .sidenav a.sectostayprofile,
body#wine.pgwineprofile .sidenav a.secwineprofile,
body#wine.pgwinelistings .sidenav a.secwinelistings,
body#events.pgeventprofiles .sidenav a.seceventprofiles,
body#daytrips.pgdaydyersville .sidenav a.secdaydyersville,
body#daytrips.pgdaybellevue .sidenav a.secdaybellevue,
body#daytrips.pgdaygalena .sidenav a.secdaygalena,
body#daytrips.pgdaypotosi .sidenav a.secdaypotosi,
body#maps.pgmapsregional .sidenav a.secmapsregional,
body#maps.pgmapscity .sidenav a.secmapscity,
body#maps.pgmapsbus .sidenav a.secmapsbus,
body#plantrip.pgplantripgreat .sidenav a.secplantripgreat,
body#plantrip.pgplantripitinerary .sidenav a.secplantripitinerary,
body#plantrip.pgplantripguides .sidenav a.secplantripguides,
body#plantrip.pgplantriptransportation .sidenav a.secplantriptransportation,
body#plantrip.pgplantripagencies .sidenav a.secplantripagencies


{ background: #1c6eb0 /*url('../images/arrow.gif') no-repeat 7px 5px; padding-left: 0px*/; }

	
/* FOOTER STYLES
========================================*/

#footer
{
	width: 970px;
	height:45px;
	float:left;
	position:relative;
	background: url(../images/bg_footer.gif) no-repeat 0px 0px;
	margin:0px;
	padding:0px;
}	

#footer .contactprint {display:none;}

a.privacy:link, a.privacy:active, a.privacy:visited {float:left;color:#ffffff; font-size:11px; text-decoration:none; margin:20px 0px 0px 40px;}
a:hover.privacy {color:#ffffff; text-decoration:underline;}


/* FORMS
========================================================================*/   
.styledform {
  /*width: 395px;*/
  border: 0px solid #ccc;
  padding: 10px;
  margin:0px; background: url('../images/bg_form.jpg') repeat-x;
}

.styledform.nobg {
 background: none;
}



.styledform div.odd {
  background:#ededed;
}

.styledform input,.styledform textarea,
.styledformb input,.styledformb textarea {
  background:#f1f8fd;
  border-top:0px solid #fff;
  border-right:1px solid #77b9e2;
  border-bottom:1px solid #77b9e2;
  border-left:0px solid #fff;
  padding:1px;font:11px/15px Verdana, Helvetica, sans-serif;
}





.styledform .epostcard {
  width: 610px;
  border: 0px solid #ccc;
  padding: 20px;
  margin-left:0px; background: url('../images/bg_form.jpg') repeat-x;
}


.styledform td {
	padding:3px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}

.styledformb {
  border: 4px solid #ddd;
  padding: 10px;
  margin:0px;
}

.styledformb td {
	padding:3px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #ddd;
} 

.styledformb td td{
	padding:6px 0px;
	border-bottom:0px solid #ddd;
} 


.styledform .noborder, .styledform .noborder, .styledform.noborder td {border-bottom:0px solid #fff;}



input.submit
{
 background: #0683b3 url('../images/bg_submit.gif') repeat-x; color:#fff; font-weight:bold; border:1px solid #5eb0d0; text-align:center; cursor:pointer;padding:0px;
}


/* HOME PAGE STYLES
========================================*/


.hmlogo { margin: 0px; position:absolute; top:410px; left:43px; z-index:500; border:0px solid #ff0000;}
.hmlogoprint { display:none;}

.hmquicklinkscontainer
{
	width:156px;
	height:438px;
	float:left;
	position:relative;
	background: transparent url(../images/bg_quicklinkshm.jpg) repeat-x;
	z-index:100;
	margin:0px;
	padding:0px;
	border:0px solid #ff0000;
	
}

#hmphoto {height:438px; width:814px; background:#f2e4ce url(../images/hmphoto0.jpg) repeat-x 0px 0px; float:left; margin:0px 0px 0px 0px; position:relative; padding:0px; z-index:100; border:0px solid #ff0000; }
#hmimage {margin:0px auto; height:438px; width:814px;}
#homeanimation {margin:0px auto; height:438px; width:814px; overflow:hidden;}
#test {margin:0px auto; height:438px; width:814px; overflow:hidden;}

#hmheader
{
	width: 970px;
	height: 518px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position:relative;
	float:left;
	border:0px solid #ff00ff;
	z-index:500;
}

.hmbluearrow {position:relative; margin-top:270px; padding:0px; color:#fff; font-size:11px; border:0px solid #ff0000;}
.hmbluearrow ul { margin: 5px 0 15px 0px;padding: 0px 0 0 10px;list-style-type: none;display: block;}
.hmbluearrow ul li { background: url(../images/bluearrow.gif) no-repeat 0 2px;padding-left: 10px;padding-bottom: 15px; font-weight:500;border:0px solid #fff;}
.hmbluearrow a:link, .bluearrow a:active, .bluearrow a:visited  {color: #fff; text-decoration:none; font-weight:600; text-transform:uppercase;}
.hmbluearrow a:hover {color: #fff; text-decoration:underline; font-weight:600; text-transform:uppercase;}
.hmbluearrow  p {font-size:12px; color:#f3f3f3;}

.hmleft {width: 590px; margin:0px 0px 0px 40px;float:left; position:relative; display:inline; border:0px solid #ff0000;z-index:440;}
.hmright {width: 258px; padding:0px 0px 0px 10px;margin:0px 0px 0px 35px;float:left; position:relative; display:inline; z-index:440; border:0px solid #ff0000;background: url(../images/divider.gif) no-repeat 0px 0px;}

.hmcontent /*main content area */
{
	float: left;
	position:relative;
	width: 942px;
	margin: 15px 15px 0px 10px !important; margin: 30px 10px 0px 0px;
	padding-bottom:30px;
	border:0px solid #336699;
	z-index:430;
}

#contentcontainerbothm /*this is holding everything below the header div */
{
	width: 970px;
	height:154px;
	margin: 0px; 
	padding: 0px;
    float:left;
	position: absolute; 
	bottom: 0px; right: 0px;
	background:#ffffff url(../images/bg_contentbot.jpg) repeat-x;
	border: 0px solid #ff00ff;
	z-index:200;
	
}

.sections {float:left;position:relative;width:942px;height:72px;border:0px solid #000;margin-bottom:30px;padding:0px;}
.sections ul {list-style-type:none;margin:0px 0px 0px 6px;padding:0px;}
.sections ul li {float:left; margin-right:1px; padding:0px; width:116px; display:inline;}

.todosections {float:left;position:relative;width:600px;height:72px;border:0px solid #000;margin:15px;padding:0px;}
.todosections ul {list-style-type:none;margin:0px 0px 0px 6px;padding:0px;}
.todosections ul li {float:left; margin-right:1px; padding:0px; width:116px; display:inline;}

.spotlight {width: 430px; margin:30px 0px 20px 0px;float:left; position:relative; display:inline; border:0px solid #ff0000;}

.event {float:left;position:relative;margin:10px 0px 0px 10px;padding:0px;border-bottom:1px solid #dce7f0;width:236px;font-size:11px; line-height:14px;}
.eventdate {float:left;position:relative;margin:0px;padding:0px;width:30px;text-transform:uppercase;font-weight:bold;color:#f99c2b;text-align:center;}
.date {font-size:16px;line-height:15px;}
.titledesc {float:left;position:relative;margin-left:10px;padding:0px;width:194px;font-size:11px; line-height:14px;}

#sideevent {float:left;position:relative;margin:0px 0px 0px 10px;padding:0px;width:130px;}
#sideevent .event {float:left;position:relative;margin:0px 0px 0px 0px;width:130px;padding:5px 0px 5px 0px;border-bottom:1px solid #dce7f0;font-size:11px;}
#sideevent .eventdateb {position:relative;width:130px;margin:0px 0px 0px 10px;padding:0px;text-align:left;font-size:11px;}
#sideevent .date {font-size:16px;}
#sideevent .titledesc {float:left;position:relative;width:125px;text-align:left;font-size:11px; line-height:13px; margin:0px 0px 0px 10px;}
.details {margin:5px 0px 0px 10px;float:left;}

.details a:link, .details a:active, .details a:visited  { text-decoration:none;font-size:10px;}
.details a:hover {color: #6f6f6f; text-decoration:underline;}






ul.inline {list-style-type:none;margin:0px 0px 0px 6px;padding:0px;}
ul.inline  li {float:left; margin:1px; padding:0px;  display:inline;}

.imgbuttons {width:160px; margin-left:13px;float:left;}

.imgbuttons p {color:#005fa8;font-size:10px;font-weight:bold;text-transform:uppercase;}

.imgbuttons a.linkborder:hover img {border:4px solid #5ea1d9;float:left;}

.itinpdf {width:60px; float:left;}
.itindesc {width:640px; float:left;margin-top:0px;}

.steps {width:60px; float:left;}
.stepsdesc {width:340px; float:left;margin-top:0px;}

.smanimation {float:left;border:0px solid #000;clear:both;position:relative;width:330px; height:190px;overflow:hidden;}
.smanimationcont {border:4px solid #c4d8e9;overflow:hidden;width:300px; height:180px;}
.smanimationcont img {width:300px;}

.photolibpdf {width:56px; border:0px solid #000;float:right; margin:0px; padding-right:3px;position:relative; display:inline;}
.photolibdesc { float:right;position:relative;margin-top:20px; padding:0px;width:74px;font-size:12px; border:0px solid #ff00ff;display:inline;}


#searchrowform {width:225px;height:30px;margin:0px 0px 0px 0px;padding:0px; display:inline;font:11px/15px Verdana, Helvetica, sans-serif;}
#searchrowform .input {width:100px;height:15px; margin-top:0px; padding:0px;border:2px solid #ddd;color:#666; font:11px/15px Verdana, Helvetica, sans-serif;}
#searchrowform .searchsubmit
{
 background: #0683b3 url('../images/searchicon.gif') repeat-x; color:#fff; font-weight:bold; border:0px solid #fff; text-align:center; cursor:pointer; width:17px; height:16px;margin:0px 0 0 5px;
}