/* 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:#000000; 
	background:#ffffff ;
    width:100%; 
	margin:0 auto;
	font:11px/15px Verdana, Helvetica, sans-serif;
}
body * {text-align:left}




/* 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;margin-top: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;}

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

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

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

h5 /*used for sidenav My Itinerary*/ {font-size:11px; color:#000;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: #000; text-decoration:underline;font-weight:normal;}
a:hover {color: #000; 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;
	clear:both;
}
img.border {
	border:4px solid #c4d8e9;

}

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

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

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

.photocol {float:left; width:321px;margin:0px; clear:both;}

.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: 99%;
	background:none;
	border:0px solid #ff0000;
	position:relative;

	
}

#header
{
	width:100%;
}


#contentcontainer /*this is holding everything below the header div */
{
	width: 100%; margin: 0; float: none;
	
}

#contentcontainerbot /*this is holding everything below the header div */
{
	width: 100%; margin: 0; float: none;
	
}


/* MISC. HEADER OBJECT STYLES*/

.logo { display:none;}
.logoprint {display:inline; float:left; margin-bottom:50px; clear:both; display:block;}

.required {color:#ff0000; font-size:14px;}
.quicklinkscontainer 
{
	display:none;
	
	}
	
	
.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 {display:none; }
#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#askus .intanimation.aninews,
body#join .intanimation.aninews,
body#epostcard .intanimation.aninews{ display: inline;}

body#daytrips .intanimation
{ display: inline;}


.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;}




.bluearrow {width:90px;position:relative;text-transform:uppercase; margin-top:10px;padding:0px; color:#fff; font-weight:bold;font-size:11px;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:underline; 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: none;
	width: 100%;
	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 */
{
	display:none;
}

.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: 100%; margin: 0; float: left;}
ul.double li { width: 100%; margin: 0; float: left;}


.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 { float:left; margin:0px; width:100%; }
.narrow { float:left; margin:0px; width:100%; }
.colnarrow { width: 100%; margin:0px;padding:0px;float:left; border:0px solid #ff0000; clear:both;}
.colwide { width: 100%; margin:0px;padding:0px;float:left; border:0px solid #ff0000;}

.epostcard { width: 600px; margin:0px 0px 0px 26px;float:none;}


/* MISC. CONTENT OBJECT STYLES
========================================*/
/*Business Listings*/
.buslisting {width: 100%; margin: 0; float: none;}
.descdiv {width: 100%; margin: 0; float: left;}
.busdesc {width:100%; 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:100%; float: left; font-size:11px;}
.save {display:none;}

/*News Listings*/

.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 {width: 100%; margin: 0; float: none;}
.faqdescdiv {width: 100%; margin: 0; float: left;}
.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 {width: 100%; margin: 0; float: none;}
.itinbusdesc { width: 100%; margin: 0; float: none;}
.itindescdesc { float:none; font-size:11px;}
.itinprintmap { display:none;}



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

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


.eventlistdrop {display:none;}


/* 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 
{
	display:none;
}


/* 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
========================================*/

#secnav
{
display:none;
}

#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#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: #fff;
	margin:0px;
	padding:0px;
}

#footer .contactprint {display:inline;}
#footer .contact {display:none;}

a.privacy:link, a.privacy:active, a.privacy:visited {display: none;}
a:hover.privacy {display: none;}


/* FORMS
========================================================================*/   
.styledform {
  /*width: 395px;*/
  border: 0px solid #ccc;
  padding: 10px;
  margin:0px; background: none;
}

.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;
}





.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 { display:none;}
.hmlogoprint { display:inline; float:left; margin:0px;}


.hmquicklinkscontainer
{
	display:none;
	
}

#hmphoto {display:none; }
#hmimage {margin:0px auto; height:438px; width:814px;}
#homeanimation {margin:0px auto; height:438px; width:814px;}

#hmheader
{
	width:100%;
}

.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;}
.hmright {width: 258px; padding:0px 0px 0px 10px;margin:0px 0px 0px 35px;float:left; position:relative; display:inline; 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;
}

.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: 100%; margin: 0; float: none;}

.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:#000;font-size:10px;font-weight:bold;text-transform:uppercase;}

.imgbuttons a.linkborder:hover img {display:none;}

.itinpdf {width: 100%; margin: 0; float: none;}
.itindesc {width: 100%; margin: 0; float: none;}

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

.smanimation {display:none;}
.smanimationcont {border:4px solid #c4d8e9;overflow:hidden;width:300px; height:180px;}
.smanimationcont img {width:300px;}




#searchrowform {width:225px;height:30px;margin:0px 0px 0px 0px;padding:0px; display:inline;}
#searchrowform .input {width:100px;height:15px; margin-top:0px; padding:0px;border:2px solid #ddd;}
#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;
}