
/*******************************************************************************

main.css

This is the main CSS file that defines the default behavior site-wide. This is 
generated by MDSkin. *** DO NOT MODIFY *** Instead, make your changes to the
MDSkin engine.

*******************************************************************************/

/*******************************************************************************
Begin HTML Selectors
*******************************************************************************/
body {
	background: #384b59;
	color: #fff;
	font: 11px Arial,Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
a {
	color: #00387e;
	text-decoration: underline;
}
body.index {
	background: url("/images/bg/bg_site.gif") transparent top left;
}

.bg1 { background: #c9cfd4; }
.bg2 { background: #26333e; }					/* primary use: border color */
.bg3 { background: #395169; }
.bg4 { background: #758696; }
.bg5 { background: #61707c; }					/* primary use: top-modules on visitors, advertisers indexes */
.bg6 { background: #94a4b1; }
.bg7 { background: #8c9dab; }
.bg8 { background: #5a7286; }
.bg9 { background: #657c8f; }
.bg10 { background: #8f9ba4; }
.bg11 { background: #627788; }
.bg12 { background: #818f9a; }
.bg13 { background: #4a5e6e; }
.bg14 { background: #455968; }
.bg15 { background: #91a0ac; }
.bg-white { background: #fff; }

.border1 { border: 1px solid #26333e; }			/* primary use: outside nav border */
.border2 { border: 1px solid #647c9a; }			/* primary use: inside nav border */
.border-white {border: 1px solid #fff; }

/*******************************************************************************
End HTML Selectors
*******************************************************************************/





/*******************************************************************************
Begin ID selectors
*******************************************************************************/

/*******************************************************************************
The splash index contains a repeating background, a static background,
a table of rotating images, a welcome text field and links to the visitors,
concierge and advertisers index pages. */
/* splash elements */
#splash {											/* repeating background */
	background: url("/images/bg/bg_splash.gif") #384b5a repeat-x;
}
#splash .night {									/* NY night skyline */
	background: url("/images/bg/splash1.jpg") transparent no-repeat;
	height: 520px;
}

#splash .enter-button {                                                                        /* white arrow for enter link */

	background: url("/images/icons/arrow1.gif") no-repeat;
        background-position: 27px 35px;
	margin: 0;
        padding: 8px 0 0 35px;

}

#splash .enter {									/* white arrow for enter link */
	float: right;
	background: url("/images/icons/arrow1.gif") transparent no-repeat center left;
	margin: 37px 20px 0 0;
	padding: 0 0 0 10px;
}
#splash .rotating {									/* positions rotating images table */
	display: block;
	position: absolute;
	top: 40px;
	left: 28px;
}
#splash .text {										/* sets style for splash welcome text */
	float: left;
	color: #fff;
	font-size: 11.5px;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	margin: 0;
	padding: 200px 0 0 400px;
}
#splash .text a {
	color: #fff;
	text-decoration: none;
}
#splash .text a:hover {
	color: #fff;
	text-decoration: none;
}
#splash .text img {									/* sets splash logo padding */
	margin: 0;
	padding: 10px 0 10px 85px;
}
#splash .text2 {									/* sets style for secondary splash text and links */
	clear: both;
	color: #fff;
	font-size: 11px;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	line-height: 22px;
	text-align: left;
	margin: 16px 0 0 0;
	padding: 0;
}
#splash .text2 a {
	color: #fff;
	text-decoration: underline;
}
#splash .white-col {										/* applies left and right white border to center column */
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#splash .white-row {										/* applies bottom white border to row */
	border-bottom: 1px solid #fff;
}
#splash .width {
	width: 775px;
}




/*******************************************************************************
Ad styles.*/
#ad-bg1 {
	background: url("/images/bg/bg_ad1.gif") transparent no-repeat top left;
	width: 715px;
	height: 25px;
	color: #fff;
	font-size: 10px;
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
#ad-bg1 a {
	color: #fff;
}




/*******************************************************************************
The masthead and section header styles.*/

/*This is the masthead.*/
#masthead {										/* logo and text style */
	background: url("/images/header/logo.jpg") transparent no-repeat top center;
	height: 104px;
	color: #fff;
	font-size: 11px;
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
    width: 728px;
}

#masthead a {
	color: #fff;
}

/* home is the link definition to go back home. Since the masthead is
a background, there needs to be something to click on to go back.*/
#masthead .home a {
	border: none;
	position: absolute;
	top: 34px;
	left: 220px;
	width: 210px;
	height: 65px;
	color: none;
	text-decoration: none;
}

/* masthead search row elements. hide from Mac IE5 \*/
#masthead .search {
	text-align: right;
	margin: 0;
	padding: 30px 0 0 0;
}
/* End Hide */

/* masthead search form elements. hide from Mac IE5 \*/
#masthead .search form {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
/* End Hide */

/* masthead search form input elements. */
#masthead .search input { 
	background: #fff;
	border: 1px solid #fff;
	font-size: 10px;
	width: 90px;
}


/* masthead member services row styles. hide from Mac IE5 \*/
#masthead .services {
	clear: both;
	float: right;
	margin: 0;
	padding: 30px 210px 0 0;
}
/* End Hide */

#masthead-spotted {										/* logo and text style */
	background: url("/images/header/spottedlogo.jpg") transparent no-repeat top center;
	height: 104px;
	color: #fff;
	font-size: 11px;
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
    width: 762px;
}

#masthead-spotted a {
	color: #fff;
}

/* home is the link definition to go back home. Since the masthead is
a background, there needs to be something to click on to go back.*/
#masthead-spotted .home a {
	border: none;
	position: absolute;
	top: 34px;
	left: 220px;
	width: 210px;
	height: 65px;
	color: none;
	text-decoration: none;
}

/* masthead search row elements. hide from Mac IE5 \*/
#masthead-spotted .search {
	text-align: right;
	margin: 0;
	padding: 30px 0 0 0;
}
/* End Hide */

/* masthead search form elements. hide from Mac IE5 \*/
#masthead-spotted .search form {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
/* End Hide */

/* masthead search form input elements. */
#masthead-spotted .search input { 
	background: #fff;
	border: 1px solid #fff;
	font-size: 10px;
	width: 90px;
}


/* masthead member services row styles. hide from Mac IE5 \*/
#masthead-spotted .services {
	clear: both;
	float: right;
	margin: 0;
	padding: 30px 210px 0 0;
}
/* End Hide */



/*******************************************************************************
The masthead and section header styles for concierge.*/

/*This is the masthead.*/
#masthead-concierge {										/* logo and text style */
	background: url("/images/header/logo_concierge.jpg") transparent no-repeat top center;
	height: 104px;
	color: #fff;
	font-size: 11px;
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
    width: 728px;
}

#masthead-concierge a {
	color: #fff;
}

/* home is the link definition to go back home. Since the masthead is
a background, there needs to be something to click on to go back.*/
#masthead-concierge .home a {
	border: none;
	position: absolute;
	top: 34px;
	left: 220px;
	width: 210px;
	height: 65px;
	color: none;
	text-decoration: none;
}

/* masthead search row elements. hide from Mac IE5 \*/
#masthead-concierge .search {
	text-align: right;
	margin: 0;
	padding: 30px 0 0 0;
}
/* End Hide */

/* masthead search form elements. hide from Mac IE5 \*/
#masthead-concierge .search form {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
/* End Hide */

/* masthead search form input elements. */
#masthead-concierge .search input { 
	background: #fff;
	border: 1px solid #fff;
	font-size: 10px;
	width: 90px;
}


/* masthead member services row styles. hide from Mac IE5 \*/
#masthead-concierge .services {
	clear: both;
	float: right;
	margin: 0;
	padding: 30px 210px 0 0;
}
/* End Hide */




/*******************************************************************************
The masthead and section header styles for advertiser.*/

/*This is the masthead.*/
#masthead-advertiser {										/* logo and text style */
	background: url("/images/header/logo_advertiser.jpg") transparent no-repeat top center;
	height: 104px;
	color: #fff;
	font-size: 11px;
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
    width: 728px;
}

#masthead-advertiser a {
	color: #fff;
}

/* home is the link definition to go back home. Since the masthead is
a background, there needs to be something to click on to go back.*/
#masthead-advertiser .home a {
	border: none;
	position: absolute;
	top: 34px;
	left: 220px;
	width: 210px;
	height: 65px;
	color: none;
	text-decoration: none;
}

/* masthead search row elements. hide from Mac IE5 \*/
#masthead-advertiser .search {
	text-align: right;
	margin: 0;
	padding: 30px 0 0 0;
}
/* End Hide */

/* masthead search form elements. hide from Mac IE5 \*/
#masthead-advertiser .search form {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
/* End Hide */

/* masthead search form input elements. */
#masthead-advertiser .search input { 
	background: #fff;
	border: 1px solid #fff;
	font-size: 10px;
	width: 90px;
}


/* masthead member services row styles. hide from Mac IE5 \*/
#masthead-advertiser .services {
	clear: both;
	float: right;
	margin: 0;
	padding: 30px 210px 0 0;
}
/* End Hide */





/*******************************************************************************
The section headers*/
/* section header styles. hide from Mac IE5 \*/
#section-headers {								/* section header: bounding box */
	display: block;
	width: 728px;
	height: 81px;
	margin: 8px 0 8px 0;
	padding: 0;
}
/* End Hide */

#section-headers .text {						/* section header: text style */
	color: #fff;
	font-size: 14px;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 20px;
	left: 150px;
}
#section-headers .text a {
	color: #fff;
}
#section-headers .text h2 {						/* section header: header style */
	font-size: 18px;
	margin: 0;
	padding: 0;
}
#section-headers .artcollectibles {
	background: url("/images/section_headers/art_and_collectibles_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .calendars {
	background: url("/images/section_headers/calendars_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .restaurants {
	background: url("/images/section_headers/restaurants_728.gif") transparent no-repeat center center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .entertainment {
	background: url("/images/section_headers/entertainment_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .hotels {
	background: url("/images/section_headers/hotels_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .museums {
	background: url("/images/section_headers/museums_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .nightlife {
	background: url("/images/section_headers/nightlife_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .storesmore {
	background: url("/images/section_headers/shops_and_services_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .libbystoresmore {
	background: url("/images/section_headers/shops_and_services_test_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .sightsetc {
	background: url("/images/section_headers/sights_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}
#section-headers .sights {
	background: url("/images/section_headers/sights_728.gif") transparent no-repeat center;
	height: 81px;
	margin: 0;
	padding: 0;
}




/*******************************************************************************
Insights table*/
#insights {								/* sets border, background, text for insights */
	border: 1px solid #26333e;
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 13px 7px 7px 7px;
}
#insights a {
	color: #fff;
	text-decoration: none;
}
#insights .insights-img {				/* sets border for insight icon images */
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#insights .insights-module {			/* sets text for insight modules */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 6px 0 0 7px;
}
#insights .insights-module1 {			/* sets border and background for insight modules */
	background: #4c5d6a;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#insights .insights-module2 {			/* sets border and background for alternate insight modules */
	background: #606f7a;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#insights .insights-module h2 {			/* sets header style for insight modules */
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0;
}




/*******************************************************************************
Special Opportunites for Advertisers table*/
#advertisers {									/* sets border, background, text for special opp. table */
	border: 1px solid #26333e;
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 6px 7px 7px 7px;
}
#advertisers a {
	color: #fff;
	text-decoration: none;
}
#advertisers h2 {
	font-size: 22px;
	margin: 0;
	padding: 0;
}
#advertisers .adv-img {							/* sets border for advertiser icon images */
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#advertisers .adv-module {						/* sets text for advertiser modules */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 3px 0 7px;
}
#advertisers .adv-module h2 {					/* sets header style for advertiser modules */
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
}
#advertisers .adv-module1 {						/* sets border and darker background for advertiser modules */
	background: #4c5d6a;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#advertisers .adv-module2 {						/* sets border and lighter background for advertiser modules */
	background: #606f7a;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#advertisers a.adv-more {						/* sets link for advertiser modules */
	text-decoration: underline;
	margin: 0 3px 0 3px;
	padding: 0;
}




/*******************************************************************************
Concierge table*/
#concierge {									/* border, text for concierge table */
	border: 1px solid #26333e;
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 8px;
}
#concierge a {
	color: #fff;
	text-decoration: none;
}
#concierge h2 {									/* font size for concierge page header */
	font-size: 22px;
	margin: 0;
	padding: 0;
}


/* concierge modules */
#concierge .darker {							/* border and darker background for concierge modules */
	background: #4c5d6a;
	border-top: 1px solid #26333e;
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#concierge .footer {							/* border for concierge modules footer images */
	border-bottom: 1px solid #26333e;
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#concierge .img {								/* border for concierge icon images */
	border-top: 1px solid #26333e;
	border-bottom: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#concierge .lighter {							/* border and lighter background for concierge modules */
	background: #606f7a;
	border-top: 1px solid #26333e;
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
#concierge .module {							/* generic text for concierge modules */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	margin: 0;
	padding: 0;
}
#concierge .module h2 {							/* header style for concierge modules */
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 9px 2px 9px 6px;
}
#concierge .module p {							/* text padding for concierge modules */
	margin: 0;
	padding: 0 7px 21px 6px;
}
#concierge a.more {								/* link for concierge modules */
	text-decoration: underline;
	margin: 0 3px 0 0;
	padding: 0;
}

h4 {line-height: normal;}



/*******************************************************************************
This sets the style for all content in the body table*/
#content {
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}





/*******************************************************************************
These control the inside (section, story) elements*/
.inside {											/* border for left rail, body table */
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
.inside a {
	color: #fff;
}
.inside a.page {									/* padding for next page navigation on inside2 template */
	margin: 0;
	padding: 0 8px 0 8px;
}
.inside h3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px 0;
}
.inside p {
	margin: 0;
	padding: 7px 0 0 0;
}
.inside .photo-left {								/* inside photo align left */
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.inside .photo-right {								/* inside photo align right */
	float: right;
	vertical-align: top;
	margin: 0;
	padding: 0;
}


/* left rail nav class */
.left-rail {										/* pads left rail for inside2, inside3 temps */
	margin: 0;
	padding: 8px;
}


/* story styles */
.inside .story {
	font-size: 11px;
	font-weight: bold;
}
.inside .story h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.inside .story h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}



/* second inside style for inside3 template. */
.inside2 {											/* left, right border for inside3 template */
	border-left: 1px solid #26333e;
	border-right: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
.inside2 a {
	color: #fff;
}
.inside2 h2 {										/* hightlight headline */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}
.inside2 .captions {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/*******************************************************************************
End ID selectors
*******************************************************************************/




/*******************************************************************************
Begin HTML class elements
*******************************************************************************/

/*******************************************************************************
Navigation styles for main, footer and left rail.*/
.nav {
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
.nav a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 5px 0 3px;
}
.nav a:hover {
	color: #fff;
	text-decoration: underline;
}

/* nav table width. hide from Mac IE5 \*/
#nav-table {										/* nav row box */
	width: 728px;
	margin: 0;
	padding: 0;
}
/* End Hide */
/* nav table width. hide from Mac IE5 \*/
#spotted-nav-table {										/* nav row width */
	width: 760px;
	margin: 0;
	padding: 0;
}
/* End Hide */

.nav-left {											/* left rail nav width */
	width: 161px;
	text-align: left;
	margin: 0 0 8px 0;
	padding: 0;
}




/*******************************************************************************
This sets module style and elements for the various 
content modules throughout the site.*/
/* basic arrows 1, 2, 3 */
.arrow1 {												/* arrow1 background 6x12 */
	background: url("/images/icons/arrow1.gif") transparent no-repeat top left;
	margin: 0;
	padding: 0 0 0 12px;
}
.arrow2 {												/* arrow1a background 6x14 */
	background: url("/images/icons/arrow2.gif") transparent no-repeat top left;
	margin: 0;
	padding: 0 0 0 12px;
}
.arrow3 {												/* arrow2 background 15x12 */
	background: url("/images/icons/arrow3.gif") transparent no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}
.arrow4 {												/* arrow3 background 7x14 */
	background: url("/images/icons/arrow4.gif") transparent no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}


/* specific arrow styles */
.inside a.arrow1 {										/* creates spacing between linked items */
	background: none;
	margin: 0;
	padding: 0 8px 0 8px;
}
.inside .arrow1 {										/* arrow1 background style 12px font */
	font-size: 12px;
	font-weight: bold;
}
.left-rail .arrow2 {									/* arrow2 background style 10px font */
	font-family: Arial,Sans-Serif;
	font-size: 10px;
	font-weight: bold;
}
.left-rail .arrow3 {									/* arrow3 background style 12px font */
	font-size: 12px;
	font-weight: bold;
}
.left-rail .arrow4 {									/* arrow4 background style 12px font */
	font-size: 12px;
	font-weight: bold;
}
.nav-mod .arrow1 {										/* arrow 1 background style 11px font */
	font-size: 11px;
	font-weight: normal;
}
.nav-mod .arrow1 a {
	color: #fff;
	text-decoration: none;
}


/* caption module */
.caption {
	background: url("/images/bg/bg1.gif") #485966 top left;
	height: 19px;
	margin: 0;
	padding: 0;
}
.caption a {
	color: #fff;
}
.story .photo-table {
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}


/* inside templates modules */
.modules {												/* basic font style */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}
.modules a {
	color: #fff;
}
.modules h2 {											/* module header: section */
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.modules .head2 {										/* secondary header */
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* module nav */
.modules .nav-mod {										/* nav for inside modules */
	background: url("/images/modules/bg_mod.gif") transparent repeat-x;
	height: 21px;
	margin: 0;
	padding: 0;
}



/*******************************************************************************
These modules are for the Special Features table and other like features.*/
#module1 {								/* sets border, background, text for special features */
	border: 1px solid #26333e;
	background: #405462;
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 7px 0 7px 10px;
}
#module1 a {
	color: #fff;
	text-decoration: none;
}
#module1 p {
	margin: 0;
	padding: 18px 0 0 0;
}
#module1 .bg-module1 {					/* sets background for special features ad modules */
	background: url("/images/bg/bg_module1.gif") transparent no-repeat;
	width: 90px;
	height: 55px;
	margin: 0;
	padding: 0 0 0 3px;
}
#module2 {								/* sets border, background, text for inside modules */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}
#module2 a {
	color: #fff;
	text-decoration: underline;
}
#module2 h2 {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#module2 .bg-module2 {					/* sets background for inside modules */
	background: url("/images/bg/bg_module2.gif") transparent no-repeat;
	width: 176px;
	height: 80px;
	margin: 0;
	padding: 0;
}


/*******************************************************************************
The top modules populate each index page.
There are specific elements that must be used as coded.
There are generic elements that can be interchanged with other CSS classes. */
.top-modules {												/* sets border, text for top modules */
	border: 1px solid #26333e;
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
}
.top-modules a {
	color: #fff;
}
.top-modules .header {										/* header style */
	color: #fff;
	font-family: Arial,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 21px;
	margin: 0;
	padding: 0;
}
.top-modules .header-bg {									/* header background with border */
	background: url("/images/bg/bg_topmod_header.gif") #758696 repeat-x;
	height: 21px;
	margin: 0;
	padding: 0;
}
.top-modules .header-left {									/* account button left */
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.top-modules .header-right {								/* account button right */
	float: right;
	vertical-align: top;
	margin: 5px 5px 0 5px;
	padding: 0;
}
.top-modules .link-right {									/* account link right */
	float: right;
	color: #1d272f;
	font-family: Arial,Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 5px 0 0;
}
.top-modules .link-right a {
	color: #1d272f;
}
.top-modules a.more {										/* more link */
	font-weight: bold;
	text-decoration: underline;
	margin: 0 3px 0 3px;
	padding: 0;
}
.top-modules .photo {										/* modules images */;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
.top-modules .photo-left {									/* modules images left */
	float: left;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
.top-modules .photo-right {									/* modules images right */
	float: right;
	border: 1px solid #26333e;
	margin: 0;
	padding: 0;
}
.top-modules .quote ul {									/* quote graphic as a list element */
	margin: 0 0 0 20px;
	padding: 0;
}
.top-modules .quote li {
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url("/images/icons/quote.gif");
	margin: 0;
	padding: 0 0 8px 0;
}


/* itinerary box on Visitors index */
.top-modules .itinerary {									/* harbor background */
	border: 1px solid #26333e;
	background: url("/images/bg/bg_itinerary.jpg") transparent no-repeat bottom left;
	height: 160px;
	margin: 0;
	padding: 0;
}
.top-modules .itinerary p {
	margin: 0;
	padding: 0 5px 0 82px;
}


/* photo gallery box on Visitors index */
.top-modules .photo-table {									/* photo background */
	border: 1px solid #26333e;
	background: url("/images/bg/bg_photo.gif") #395169 no-repeat bottom left;
	height: 160px;
	margin: 0;
	padding: 0;
}
.top-modules .photo-table p {
	text-align: center;
	margin: 0;
	padding: 0 5px 0 150px;
}

.top-modules .libby-photo-table {									/* photo background */
	background: url("/images/bg/libby_bg_photo.gif") #395169 no-repeat bottom left;
	height: 160px;
	margin: 0;
	padding: 0;
}
.top-modules .libby-photo-table p {
	text-align: center;
	margin: 0;
	padding: 0 5px 0 150px;
}


/* left rail modules */
.top-modules .left {										/* background and border */
	background: #395169;
	border: 1px solid #26333e;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.top-modules .left p {
	margin: 0;
	padding: 10px 0 8px 0;
}
.top-modules .left-link {									/* left rail account link */
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	line-height: 16px;
	text-align: right;
	margin: 0;
	padding: 3px 0 0 0;
}
.top-modules .left-link a {
	color: #fff;
	text-decoration: none;
}
.top-modules .left-link img {								/* left rail account link image */
	float: right;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 3px;
}


a.HEAtext2:link {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; line-height: 1.5em; text-decoration: underline;}
a.HEAtext2:visited {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; font-style: line-height: 1.5em; text-decoration: underline;}
a.HEAtext2:hover {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; font-style: line-height: 1.5em; text-decoration: none;}
a.HEAtext2:active {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; font-style: line-height: 1.5em; text-decoration: underline;}

a.HEAtext4:link {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; line-height: 1.5em; text-decoration: underline;}
a.HEAtext4:visited {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; font-style: line-height: 1.5em; text-decoration: underline;}
a.HEAtext4:hover {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; font-style: line-height: 1.5em; text-decoration: none;}
a.HEAtext4:active {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; font-style: line-height: 1.5em; text-decoration: underline;}

a.HEAtext:link {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 1.5em; text-decoration: underline;}
a.HEAtext:visited {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; font-style: line-height: 1.5em; text-decoration: underline;}
a.HEAtext:hover {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; font-style: line-height: 1.5em; text-decoration: none;}
a.HEAtext:active {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; font-style: line-height: 1.5em; text-decoration: underline;}

a.HEAheadline:link {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; line-height: 1.5em; text-decoration: underline;}
a.HEAheadline:visited {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; font-style: line-height: 1.5em; text-decoration: underline;}
a.HEAheadline:hover {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; font-style: line-height: 1.5em; text-decoration: none;}
a.HEAheadline:active {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; font-style: line-height: 1.5em; text-decoration: underline;}

.HEAtext {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 1.5em;}
.HEAtext2 {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; line-height: 1.5em;}
.HEAtext3 {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 10px; line-height: 1.5em;}
.HEAtext4 {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 11px; line-height: 1.5em;}
.HEAheadline {font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; color: #333333; font-size: 16px; line-height: 1.5em;}

.H1IN {font: 30px "Garamond", Tahoma, sans-serif; color: #97401B; padding: 0.3em 0 0.3em 0;}

p.one { font-size: 25%;}






/*******************************************************************************
End HTML class elements
*******************************************************************************/
