@charset "UTF-8";
/* CSS Document */

a img { border: none; }

a:link, a:visited, a {
	color: #4e6f90;
	text-decoration: underline;
	}


a:hover {
	text-decoration: none;
	color: #F00;
	
}

p { margin-top: 0; }

body {
	margin: 0 0 30px 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#wrap {
	width: 1010px;
	padding: 0 30px;
	background-image: url(css_images/main_shadow.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	/*padding: 0;
	border: 1px solid #7d6340;*/
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
		
}

html>body #wrap { /*IE6 Hack*/
	width: 1010px;
} 

#left_side {
	background-image: url(css_images/left_swoop.jpg);
	background-repeat: no-repeat;
	width: 130px;
	vertical-align: top;
	padding: 17px 0 0 0;
}

#left_side_admin {
	background-image: url(css_images/left_straight.jpg);
	background-repeat: repeat;
	width: 130px;
	vertical-align: top;
}

#main_side {
	background-image: url(css_images/content_shadow.jpg);
	background-repeat: repeat-y;
	width: 760px;
	padding: 0 30px 10px 30px;
	vertical-align: top;
}

#main_table {
	margin-top: 0;
	border-top: #999 3px solid;	
	border-bottom: 1px #999 solid;
}

#main_image {
	margin-left: -30px;
	margin-right: -30px;
	width: 820px;
	height: 380px;
	
}

ul#nav_list { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#nav_list li { 
	background-color: #FFF;	
	margin: 0 0 17px 0;
	padding: 0;
	height: 45px;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	}
	
	
ul#nav_list li#towns { background-image: url(css_images/left/building.jpg); }
ul#nav_list li#meeting { background-image: url(css_images/left/meeting.jpg); }
ul#nav_list li#tour { background-image: url(css_images/left/bus.jpg); }
ul#nav_list li#map { background-image: url(css_images/left/island.jpg); background-position: -2px 50%; }
ul#nav_list li#getting { background-image: url(css_images/left/road.jpg); }
	
	
	

ul#nav_list li a:link, ul#nav_list li a:visited { 
	display: block;
	margin-left: 55px;
	padding-top: 5px;
	color: #4d6f8f;
	text-decoration: none;
	}
	

ul#nav_list li a:hover
 { 
	color: #000;
		}
	
#left_side_top { height: 380px; width:130px; }	
	
#left_side_bottom {
	padding: 0 8px;
}

#left_side_bottom img {
	margin-bottom: 20px;
}

#home_bottom_left { 
	width: 580px;
	float: left;
	margin-top: 5px;
	padding-right: 20px;
	}

#home_bottom_right { 
	width: 160px;
	float: left;
	margin-top: 5px;
	}
	
#home_bottom_right img { 
	margin-bottom: 10px;
	}
	
#footer { 
	width: 1010px;
	padding: 0 30px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-align: center; 
	}

html>body #footer { /*IE6 Hack*/
	width: 1010px;
} 

/* ------------ UNIVERSAL TIER FORMATTING --------- */

.tier_three p, .tier_two p, .tier_one p  {
	margin-top: 0;	
		}
		
.tier_three, .tier_two, .tier_one {
		margin-bottom: 50px;
		}
		

/* ------------ TIER_THREE FORMATTING --------- */
.tier_three {
	border: #000000 solid 2px;
	padding: 9px 9px 9px 203px;
	min-height: 223px;
	height: auto !important; /*this is a hack to fix IE6 problem*/
	height: 223px; /*this is a hack to fix IE6 problem*/
	position: relative;/*added because IE6 can't handle negative margings and the left div needs to be done using positioning */
	background-color: #f3efe4;
	}

.tier_three_left {
	/*float: left;
	margin-left: -204px;*/ /*These, plus the width property, is how it worked for almost all browsers, but...*/
	width: 204px;
	position: absolute;
	left: 0; /*...I had to redo it using positioning to make it jive with IE6*/
	}
	
.tier_three_left img {
	margin: 0 0px 5px 10px;
	padding: 0;
	}

.tier_three_heading {
	background: #4e6f90;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	margin-top: 0px;
	padding: 5px;
	margin-bottom: 5px;
	}

	
.tier_address {
	font-size: 13px;
	font-weight:bold;
	color: #666;
	}
	
.trip_planner {
	background-color: #d0c09c;
	font-weight: bold; 
	vertical-align: middle;
	width: 180px;
	height: 33px;
	text-align: center;
	}

/* ------------ TIER_TWO FORMATTING --------- */
.tier_two {
	padding: 0px 10px 0px 160px;
	min-height: 150px;
	height: auto !important; /*this is a hack to fix IE6 problem*/
	height: 150px; /*this is a hack to fix IE6 problem*/
	position: relative; /*added because IE6 can't handle negative margings and the left div needs to be done using positioning */
	}
	

.tier_two_left {
	/*float: left;
	margin-left: -160px;
	left: -160px;*/ /*These, plus the width property, is how it worked for almost all browsers, but...*/
	width: 160px;
	position: absolute;
	left: 0; /*...I had to redo it using positioning to make it jive with IE6*/
	
	}
	
.tier_two_left img {
	margin: 0;
	
	}
	
.tier_two_heading {
	font-size:14px; 
	font-weight:bold; 
	margin-top:0px;
	margin-bottom: 5px;
	}



/* ------------ TIER_ONE FORMATTING --------- */

.tier_one {
	font-size:14px; 
	font-weight: bold;
	}
	
.tier_one_link {
	float:right
	}
	
#breadcrumb {
	margin-top: 0;
	margin-bottom: 20px;
	/*background-color: #d0c09c;*/
	background-color: #000;
	color: #CCC;
	padding: 7px;
	font-weight:bold;
	font-size: 10px;
	letter-spacing: 1px;
}

#subnavigation {
	font-weight:bold;
	margin-bottom: 20px;
	line-height: 135%;
	}
	

/*---------------------------------*/

#subnavigation  a, #subnavigation  a:link {
	color:#F00;
	text-decoration:none;
	padding: 0 5px 0 5px;
	border-left: 1px #999 solid;
	}
	
#subnavigation  a:link#first, #subnavigation  a#first{
	padding-left: 0;
	border-left: none;
	}	
	
	
#subnavigation a:hover, a:visited,

#overview #subnavigation a.z_overview, 
#mission #subnavigation a.z_mission,
#benefits #subnavigation a.z_benefits,
#partners #subnavigation a.z_partners,
#options #subnavigation a.z_options,
#pricing #subnavigation a.z_pricing,
#advertise #subnavigation a.z_advertise


{
	color:#4e6f90;
}

#category_description {
	padding-top: 0; margin-top: -10px; margin-bottom: 20px;
}


/* ---------- MEMBER FORM STUFF ---------------*/

#member_form {
	font-size: 12px;
		}	
	
#member_form p {
  	/*clear: left;*/
  	padding-top: 1px;
	font-weight:bold;
	margin-bottom:40px;
	clear:both;
	}
  
#member_form p label, .checkboxes_left, .upload_left {
  	float: left;
	width: 250px;
	text-align: right;
	padding-right: 10px;
	}

.checkboxes_left {
  	margin-top: 15px;
	clear: left;
}
	
.checkboxes_right {
	margin-left: 0px;
	width: 350px;
	float: left;
	margin-bottom: 20px;
	margin-top: 15px;
	
}
	
	
.checkboxes_left p {
	margin-top: 0;
	}

.upload_left {
  	margin-top: 15px;
	clear: left;
}
	
.upload_right {
	margin-left: 0px;
	width: 350px;
	float: left;
	margin-bottom: 20px;
	margin-top: 0px;
	
}

.upload_left p {
	margin-top: 0;
	}

  
#member_form p input,  #member_form p select, #member_form p textarea {
  	/*float: left;*/
	margin-left: 0px;
	width: 350px;
	}
	
#member_form .radio_buttons p input {
  	float: none;
	margin-left: 0px;
	width: auto;
	}

	
h1 {
	font-size:16px;
	font-weight:bold;
	color: #4e6f90;
	margin-bottom: 5px;
	margin-top: 10px;}

h2 {
	font-size:14px;
	font-weight:bold;
	color: #666;
	margin-bottom: 3px;}
	
.user_name {
	margin-top:0px;
	font-weight:bold;
	color:#003735;
}
	
.small_text {
	font-size:9px;
	margin-top: 0px;}
	
	
#planner_box {
	background-color:#FCC;
	
	padding:10px;}
	
#wedding_box {
	background-color: #FFEA97;
	
	padding:10px;}
	
#popup_box {
	border:#000 solid 1px;
	width: 480px;
	min-height: 450px;
	height: auto !important; /*this is a hack to fix IE6 problem*/
	height: 450px; /*this is a hack to fix IE6 problem*/
	padding: 10px;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}


html>body #popup_box { /*IE6 Hack*/
	width: 480px;
} 

.clear_all, hr { clear: both; }


#member_form p.submitbutton { margin-left: 300px; margin-bottom: 0; padding: 0;}


.radio_center { text-align:center; width: 100px; font-weight:bold; }
 
.radio_center p, td { text-align:left;}

#admin_list_tables td { vertical-align: top; } 




#admin_navigation ul {
	margin: 0;
	padding: 5px; 
	list-style-type: none;
	font-size: 11px;
	}
	
#admin_navigation ul li.adminhead {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 0;
	}
	
#admin_navigation ul li {
	margin: 0;
	padding: 0 0 0 8px;
	margin-bottom: 7px;
	}
	
#admin_list_tables, #event_list_tables td { vertical-align: top; padding-bottom: 5px; } 

/*------------------EVENT---------------*/

.event {
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom: #666 dotted 1px;
	padding: 0px 10px 10px 184px;
	min-height: 184px;
	height: auto !important; /*this is a hack to fix IE6 problem*/
	height: 184px; /*this is a hack to fix IE6 problem*/
	position: relative;/*added because IE6 can't handle negative margings and the left div needs to be done using positioning */
	}
	
.event p {
	padding: 0px 0px 0px 10px;
	margin-top: 7px;
	margin-bottom: 10px;
	}

.event_left {
	/*float: left;
	margin-left: -204px;*/ /*These, plus the width property, is how it worked for almost all browsers, but...*/
	width: 184px;
	position: absolute;
	left: 0; /*...I had to redo it using positioning to make it jive with IE6*/
	}
	
.event .small_text {
	color: #F5FF92;
	letter-spacing: 1px;
}

.event_heading {
	background: #7E0000; 
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	margin-right: -10px;
	}

.event_location { 
	font-size:14px;
	margin-top: 0;
	font-weight:bold;
	color: #966;}
	
.event_dates {
	margin-top:7px;
	float:right;
	font-weight:bold;
	color: #F5FF92;
	}

.event_address {
	font-size: 12px;
	font-weight:bold;
	color: #666;
	}
	
#event_search {
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 11px;
	background: #FFF2C6;
	font-weight:bold;
	margin-bottom: 20px;
	}
	
#event_form select {
	margin-left:10px;
	width: 200px;}
	
.logout {
	font-weight: normal;
	color: #000;
	font-size: 12px;
}

.underline {
	border-bottom: #000 dotted 1px;	
	margin-top: 50px;
}

.red { color: #F00; }

.profile_table td {
	padding-bottom: 8px;
	padding-right: 20px;
}

.modified {
   color:Red;
}


/*------------------Popup Calendar---------------*/

	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}

	.TESTcpMonthNavigation, A.TESTcpMonthNavigation
	                {             
	                color:#FFFFFF;
	                visited:#FFFFFF;   
			font-family:arial;
			font-size:8pt;			
	                }
	

	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 0 0;
			border-bottom: 1px;			
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	A.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			visited:#6677DD;
			font-weight:bold;
			text-decoration:none;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			link-visited: yellow;
			}
        A.TESTcpOtherMonthDate
			{
			color:#808080;
			visited:#808080;
			text-decoration:none;
			}			
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			visited:#FFFFFF;
			background-color: #6677DD;
			background-color2: yellow;
			border-width:1;
			border:solid thin #000000;
			}

	A.TESTcpCurrentDate
			{
			color:#FFFFFF;
			visited:#FFFFFF;
			}
			
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			bord er:solid thin #6677DD;
			border:none;			
			bord er-width:1 0 0 0;
			text-align:center;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			background-color:#EFEFEF;
			}

    /* ------------ end Pop-up Calendar -----------------*/
	
	
	a.photo_credit {
			float: right; 
			color: #CCC; 
			letter-spacing: normal; 
			font-weight: normal;
		}
		
	.package_header {
	font-size:14px;
	margin-top: 0px;
	font-weight:bold;
	color: #636;}
	
	
	/* ----------- banner ads ---------------- */
	
	
	#banner_ads { width: 160px; margin-left: 20px; margin-top: -10px; float: right; }
	
	#banner_ads img { width: 160px; margin-bottom: 20px; }
	

.bannerad { 
	width: 578px;
	float: left;
	}

.nobannerad { 

	}	
	
.simple_list li {
	margin-bottom: 5px;
		}
		
.simple_list_larger li {
	margin-bottom: 20px;
		}		
		
		
.cat_block {
	border-bottom: 1px dotted #333333;
	min-height: 80px;
	height: auto !important;	/*this is a hack to fix IE6 problem*/
	height: 80px;	/*this is a hack to fix IE6 problem*/
	margin-bottom: 10px;
	}
	
.cat_block h4 {
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	}
	
	
.cat_block img {
	width: 198px;
	height: 70px;
	float: left;
	margin-right: 10px;
	}
	
.cat_block p {
	margin-left: 208px;
	font-size: 11px;
	}
	
	
.extra_topspace {
	margin-top: 60px;
	}
	
.more {float: right; font-weight: bold; }

.partners_name {
	font-size: 13px;
	font-weight:bold;
	color: #699;
	margin-bottom:3px;
	margin-top:30px;
	}

#home_login {
	text-align: center; width: 114px; margin-left: 7px; font-weight: bold; color: #900; padding: 5px 0; border-top: 1px #666 dotted; border-bottom: 1px #666 dotted; margin-bottom: 20px; background-color: #FFC;
}

#home_login a, #home_login a:link, #home_login a:visited { 
padding: 4px; display: block; color: #FFF; font-size: 10px; background-color: #4e6f90; text-decoration: none; font-weight: bold; border: #666 2px solid; margin: 5px 5px;
	
}

 #home_login a:hover {
	background-color: #fff;
	color: #4e6f90;
	
	 
 }
 
 #commercial {
	float: left;
	margin-right: 30px;
	 }