/********* COLORS ***********
		BLUE:	#005288	
		DARK GREEN: #004812

CODE REFERENCE:		
//TRANSPARENCY	     	filter: alpha(opacity=95);     -moz-opacity: 0.95;
//BACKGROUND			background-image: url(/assets/images/bg.jpg);	background-repeat: repeat-x;

// width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");

//HIDE FROM MAC IE	/* BEGIN HIDE macIE \*/                /* END HIDE */


/******* 	GENERAL CLASSES	 	*******/
:-moz-any-link:focus {  outline: none;	}

BODY				{ margin: 0;
					  font-family: Arial, Helvetica, sans-serif, Verdana;
		 		  	  color:#004812; font-size:12px; line-height:15px;
		  		  	  background:#6a926d;	/* background: url(../images/bg.jpg) top  no-repeat;*/	}															
A 					{ color: #0a9c2e; 		}												
A:hover 			{ color: #09b734; }

BODY#blankBody { background:#E9EEE8; margin:0px; padding:0px; }

.right { float:right; }
.left { float:left; }
.block { display:block; }
#search_results_panel { width:90%; }
										
TABLE				{ font-size:12px; 	 	}
TR,TD				{ vertical-align:top;	}
UL 				{ margin:5px 15px 12px 18px; padding:0px;	/* list-style-image: url(/assets/images/customBullet.gif)	*/}
LI 				{ margin:0px 0px 7px 10px;	padding:0px 0px 0px 5px;	}
BLOCKQUOTE		{ margin:0px 0px 15px 33px; padding:0px;					}
P 					{ margin:0px 0px 5px 0px; padding:0 0 5px 0;				}
HR					{ height:1px; border:0px; color:#6A916C; background:#6A916C;	margin: 0px 0px;}
#pageDevil HR { margin: 0 0 10px 0; color:#FFF; background:#FFF; }
FORM				{ margin:0px 0px 0px 0px; padding:0px;						}
SUP 			{ font-size:8px; line-height:0px; font-family: Arial;}
a img 	{border: none; }

html,body 		{ height: 100%;	}			/* used to allow tables to span 100% high */


/******* 	CUSTOM TYPE CLASSES		********/

H1		{ font-size:15px; font-weight:bold; line-height:16px; color:#005288;  }														
H2		{  font-size:15px; font-weight:bold; line-height:16px; color:#005288;  }																													
H3 	{  font-size:13px; font-weight:bold; line-height:14px; color:#005288;  }	
H4 	{}
.smallText 		{ font-size:11px;	line-height:12px;	}
.tinyText 		{ font-size:10px;	line-height:11px;	}
.errormsg 		{ font-size:11px; color:#E81600;		} 

/*******	 HELPER CLASSES	******/
.whiteline 		{ background:#FFFFFF; margin: 0;	padding: 0; border: 0px; height:1px; font-size:1px; line-height:1px; display: block; }
.bgline			{ background:#BBBBBC; border:0px none;	height:1px;	}
.nowrap			{ white-space:nowrap;	}
.spacer 			{ clear: both; visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */
.spacerLeft 			{ clear: left; visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */
.tableholder 	{ width:100%; 				}								/* used to encapsulate tables that extend off a page */
.leftHalf		{ float:left;	 	width:50%; 	position:relative;	}
.rightHalf		{ float:right; 	width:49%; 	position:relative; 	}

/******* 	PAGE AREAS		*******/
#idHome		{}		/* assigned to homepage Body tag */
#idSub		{}		/* assigned to subpage Body tag */

#pageCol1	{ width:40px; background: #6a926d; } /* url('/assets/images/pageleft.gif') repeat-y;} */
#pageCol2	{ background-color:#dae5d9}
#pageCol3	{ width:40px; background: #6a926d; } /* url('/assets/images/pageright.gif') repeat-y;} */

#pageWidth { height: 100%;	width: 980px; margin: 0 auto; }
#pageHeader	{ position:relative}
#headTable TD { text-align:center; vertical-align:middle; height:103px }
#headLogo1 { width:178px; }
#headLogo2 { width: 515px; }
#headLogo3 { width:auto; }
#headLinks { font-size:11px; margin-top:0px; margin-left:45px}
#headLinks A { color:#004812; display:block; text-transform:uppercase; text-align: left; text-decoration:none; margin-bottom:0px;}
#headLinks A:hover 			{ color: #09b734; }
#headLinks A.on { color: #005288; }

#pageTable 		{}
#pageBody		{ position:relative; background-image: url('/assets/images/pagecenter.jpg'); background-repeat: no-repeat;}
#idSub #pageBody	{ background-image:  url('/assets/images/pagecenterSub.jpg'); }
#idSub #pageCol2	{ background-image:  url('/assets/images/pagecenterSubBack.jpg'); background-repeat: repeat-y; }

#pageFooter		{ color:#fff;	padding:5px 50px 15px 50px;  font-size:10px;   }
#pageFooter A  { color:#fff;	}
.footRight { float:right; }

#pageMain { margin-left:225px; position: relative;    width:675px}
#pageContentPad {padding: 0 0 25px 25px;  min-height:700px;   }
#menuSide { background: url('/assets/images/menuback.png') no-repeat; width:225px; height:441px; position:absolute; top:10px; left:-225px; }

#idSub #menuSide {top:0px;}

.pngfix { behavior: url(/assets/styles/iepngfix.htc);  }

#menuChoose {margin-left:40px;}
UL#menuSideItems { margin:0px 0 0 30px; padding:0px; list-style: none; font-size:12px; line-height:13px;}
UL#menuSideItems LI { clear:both; margin: 5px 0 6px 0; height:25px;}



UL#menuSideItems A { text-decoration:none; color:#004812;}
UL#menuSideItems A:hover { color: #09b734;}
UL#menuSideItems A IMG { float:left; margin-right:3px;  }
UL#menuSideItems .single { margin-left:30px; padding-top:8px; }
UL#menuSideItems .double { margin-left:30px; padding-top:3px;}

#cat20 { padding-top:4px; }
UL#menuSideItems LI.on A { color:#A6610C; }

#pageContent	{ }
#bodyText { margin:10px 0px 20px 0; float:left; width:400px}
#bodySide { float:right; width:225px; background:#005288; color:#FFF; margin-top:10px; }

#sub-relatedlinks { padding: 0 10px 10px 10px; }
#sub-relatedlinks .title { color:#FFF; }
#sub-relatedlinks UL { margin:0 0 0 10px; padding: 0 0 0 5px;}
#sub-relatedlinks LI { margin:5px 0 5px 5px; font-size:11px; line-height:12px;}
#sub-relatedlinks A { color:#FFF; }
#sub-relatedlinks A:hover {color:#7FCFFF;}

.sub-SideNotes {padding:10px 10px 5px 10px; border-bottom: 1px solid #003B5F}
.sub-SideNotes .title { color:#FFF; font-size: 12px; line-height:13px;}
.sub-SideNotes { font-size:11px; line-height:13px; }
.sub-SideNotes A { color:#FFF; }

#homeText { margin:0px 225px 20px 0; position:relative;}
#homeSide {  position:absolute; right:0px; width:225px;}
#homeFlash { position:relative; top:0px; margin:0px;  margin-top:-12px;}
#homeFlash IMG { margin-top:-12px; }

.homeAlways { margin: 5px 0 0px 20px;}
.homeCopy { margin: 0 20px; font-size:13px; line-height:16px; }
.homeShow { margin: 15px 0 0 11px;}

.homeShowForm { margin: 15px 0 0 20px; }
.homeShowForm .formField {  color:#666; width:150px }
.homeShowForm INPUT { display:block; margin-top:4px; font-size:11px;}
.homeShowLinks { font-size:11px; line-height:12px; float:right; text-align: right; margin-right:22px; margin-top:-15px; width:90px;}
.homeShowLinks A { color:#005288; display:block; margin-bottom:3px;}
.homeShowTitle { color:#71a053; font-weight:bold; margin-top:3px;}


.homeThinker { background:#004812; color:#FFF; width:185px; margin: 20px auto;}
.homeThinker A { color:#FFF;}
.thinkTitle { padding: 10px 0 10px 18px;}
.thinkImage { width:185; height:120px; overflow: hidden;}
.thinkText { font-size:11px; line-height:13px; padding: 5px 15px 10px 15px;}

.homeLeft { margin-right:200px; }
.homeRight { float:right; width:200px; padding-top:20px; min-height:300px; }
.boxImage { border-left:2px solid #004812; border-bottom:2px solid #004812; padding: 0 0 5px 10px  }
.boxContent { border-left:2px solid #004812; padding: 8px 0 0 12px; margin-bottom:20px;}

.devilImage { margin: 0px 0 30px 0px; }

.homeDiary { position:absolute; top:280px;right:20px; z-index:10;}
.homeDiarySpace { height:85px;  }
.greenLinks { margin: 2px 22px 0 20px; background:#b3cca5; font-size:11px; line-height:12px; font-weight:bold; }
.greenLinks UL { padding: 5px 0 5px 15px; }
.greenLinks LI { margin: 7px 0 7px 0px; padding: 0 0 0 0px;} 
.greenLinks A { margin: 0 5px;  }
.greenLinks A { color:#004812;}
.greenLinks  A:hover 			{ color: #09b734; }

#menuBelow .greenLinks { margin:0px 22px 10px 20px;}

#menuBelow { width:225px; position:absolute; top:440px; left:-225px; }
UL#menuSideSub { margin: 0px; padding:0px; list-style: none; }
UL#menuSideSub LI { margin:0px; padding:0px; }
UL#menuSideSub	A { color:#004812;  font-size:12px; font-weight:bold;  margin: 2px 0px; display:block;  text-decoration:none}
UL#menuSideSub	A .bar { background:#004812; float:left; width:40px; height:7px; margin:4px 5px 0 0; line-height:1px; font-size:1px; }
UL#menuSideSub	A:hover { color: #09b734;}
UL#menuSideSub	A:hover .bar {background: #09b734; }

UL#menuSideSub .on A { color:#A6610C; }
UL#menuSideSub	.on A .bar {background: #A6610C; }




.breadCrumbs	 { font-size:11px; margin-bottom:15px;}
.breadCrumbs A   { color:#004812 }
.pageTitle 		{ font-size:18px; font-weight:bold; line-height:20px; color:#005288; margin-bottom:10px; width:330px; width:auto; }
.sub-Caption { display:block; font-size:11px; line-height:12px; margin: -7px 10px 7px 0px; color:#005288;  width:300px;  width:auto;} 
.pageIcons 		{ float:right; width: 320px;  margin-top:-5px; text-align:right; margin-right:10px;}
#subImageBar 		{margin-left:-50px; background:#3f6f1f url('/assets/images/barback.jpg') right repeat-y; width:700px;}
#flashMap 	{ position:absolute; right:0px; }
.title			{ color:#005288; font-weight:bold; margin: 10px 0 2px 0px;}



#logo-vsj { margin:5px 10px 0 0 }

.searchBox { position:absolute; top:0px; right:20px; width:300px;}
.searchGo { float:right; }
.searchText { text-align:right; float:right; background: url('/assets/images/search-box.gif') no-repeat; width:150px; height:25px;}
.searchTextBox { background:none;  width:125px; border:none; margin-top:1px; color:#666; }


#homeSpotlight { width:240px; position:relative; }


.maintitle { font-weight:bold; background: #6A926D; color:#FFF; padding:2px 4px; width:100%}
.short_desc { font-size:11px; line-height:12px; color:#004812; }
					  
					  
/* TEMP HIDE TODO */					  
.pageIcons { display:none; }

/* LISTINGS*/		
.sub-Listings			 						{ padding: 5px 0 0px 0;   }
.sub-Listings .maintitle	 				{ position:relative; font-weight:bold;   margin:0 0 10px 0; text-transform: uppercase; border-top:1px solid #FFF;   }
.sub-Listings .maintitleRight				{ white-space:nowrap; float:right; margin:0px 0 0px 0px; font-size:11px; text-transform: none;  font-weight:normal; }
.sub-Listings .maintitleRight A 			{ text-decoration:none; color:#FFF; }
.sub-Listings .title	 						{ position:relative; font-weight:bold; text-decoration:none;  }


.sub-Listings#features 				 		{ margin-bottom:5px; margin-top:12px}

.sub-Listings#homeSpotlight .listings-Item  { clear:left; }	
.sub-Listings#homeSpotlight .listings-Item .image	{ float:left;   margin:1px 10px 10px 0px; }
.sub-Listings#homeSpotlight .spacer { clear:none; height:10px; }

.listings-Item								{ position:relative;}
.listings-Item>a		 					{ position:relative; display:block; text-decoration:none;  }
.listings-Item .image	 				{  border: 1px solid #A6610C; padding: 4px; margin:1px 0px 10px 10px; float:right;}
.listings-Item .image img	 			{ border: 0px;}
.listings-Item .text				   	{ color:#000000; font-size:11px; line-height:13px; margin:0px 0 0 0px; text-decoration:none;} 

.listings-Item a .text		{ text-decoration:none;} 
.listings-Item .text	P					{margin:0px; padding:0px}
.sub-Listings .text a				   	{ display:inline;} 
.listings-Item .title	 				{ color:#004812; font-size:12px; padding:0 0 1px 0; font-weight:bold; line-height:14px; margin:0px}
 .moreLink 				{ font-style: italic; color:#A6610C; font-size:10px; line-height:13px; text-decoration:underline; margin:1px 0 8px 0; font-family:arial;}
.listings-Item .spacer					{ clear:both; height:5px; line-height:1px; font-size:1px;}
.sub-Listings#features .dashline		 { clear:both;  border-top: 1px dashed #A5C3CF;  line-height:9px; font-size:5px; width:100%; }

.sub-Listings .listings-Item a:hover .title	{ color:#A6610C; }
.sub-Listings .listings-Item a:hover .moreLink	{ color:#A6610C; }
.sub-Listings .listings-Item a:hover .image	{ border-color:#09B734;}

.sub-Listings .listings-Item>a		{ padding:5px; }
.sub-Listings .listings-Item>a:hover { background:#dae4d9 url('/assets/images/listhover.jpg') repeat-x; }  

.sub-Listings#search .listings-Item>a		{ padding:0px;}
.sub-Listings#search .listings-Item>a:hover { background:none; }  

/*.sub-Listings#listpage .listings-Item { width:310px; float:left; margin-right:10px} // for block layout of pages */


.listPaging { background:#FFF; width:100%; text-align:center; height:16px; padding:4px 0px 4px 0; margin: -10px 0 15px 0;  font-size:10px}
.listPaging I			{ background-color:#FFFFFF; text-decoration:none; padding: 0px 2px 0px 2px;  font-size:10px;  border: 1px solid #6A926D; 
	  margin: 3px 1px 0px 3px; font-style: normal;  color:#6A926D;	 }
.listPaging B			{ background-color:#DAE4D9; text-decoration:none; padding: 0px 2px 0px 2px;  font-size:10px;  border: 1px solid #6A926D; 
	  margin: 3px 1px 0px 1px;  color:#004812;	 }
.listPaging A			{ background-color:#FFFFFF; text-decoration:none; padding: 0px 2px 0px 2px;  font-size:10px;  border: 1px solid #6A926D; 
	  margin: 3px 1px 0px 1px;  color:#004812;	 }
.listPaging A:hover 	{	text-decoration:none;	Color:#09B734; font-size:10px; }

#imageSide { width:225px;  overflow: hidden;}
#imageHorz { height:100px;  overflow: hidden; }



.searchNumber { float:left; width:18px; text-align:center; font-size:14px; }

.sub-Listings#search .text { margin-left:25px; }


.toolMyTrip { position:absolute; top:0px; right:15px; }
.toolMyTrip A { display:block; float:right; margin-left:10px;}

.pageLinks { margin:0 15px 5px 0px; }
.pageLinks DIV { display:inline; }

.mt-links { font-size:11px; line-height:12px; padding:5px;} 
.mt-links a {display: inline; padding:0px; text-decoration:underline; }
.mt-sidenotes { font-size:11px; margin:0px 10px 10px 20px; }
.mt-description { margin:3px 0 0 0}
.mt-sideDelete	{display: inline; }
.mt-sideDelete	a {display: inline; }
.mt-sidenotes  { font-size:11px; line-height:12px; background:#FFF; margin:0px; padding: 0 0 0 0px;  border-top:1px solid #CDD7CC;}
.mt-sidenotes .spacer {height:15px; }
.mt-sideitem { padding:10px; }
#mt-List .title { margin:0px 0px 0 0; }
#mt-List .text { margin:0px 10px 0 0; padding:5px;}
.mt-address { font-size:11px; line-height:12px; }
.mt-details { float:right; margin-right:30px; color:#005288;}
.mt-sideDelete { float:right; }
.mt-item TD { background:#fff; }
.mt-spacer { height:10px; }
.mt-msg		{ background:#FFF; border: 1px solid #438438; text-align:center; padding:10px; margin:50px; line-height:19px; color:#438438; }
.mt-top { background:#fff; margin:0px; padding:5px; }

.delPad { padding:5px; display:block; margin:0px}

.error { color:#ff0000; }

.tripLinks DIV { display:inline; }
.tripLinks { padding:3px 5px; margin: 3px 0px 5px 0px; }
.tripItem { padding:5px; background:#FFF; margin: 10px 10px 0 0px; }

BODY#popup { background:#FFF; padding:10px; }
BODY#popup .mt-decription {margin-top:10px;}
BODY#popup .mt-address {margin-top:10px;}
BODY#popup #trip_description { margin-bottom:10px; display:block;}
BODY#popup .title {color:#005288}

BODY#bubble { background:#FFF;  }
.mapwinAddress { font-size:11px; line-height:12px; color:#666; margin:0 0 5px 0; }

.mapwinTitle { font-size:13px; font-weight:bold; line-height:14px; color:#005288;  margin: 0 0 4px 0; }	
.mapwinDesc { height:90px; overflow: auto; font-size:11px; line-height:12px; }
.mapWinLinks { font-size:11px; margin: 5px 0 0 0; }	
.mapWinLinks DIV { display:inline; }
.mapwinPhoto { float:left; border:1px solid #CCC; padding:3px; margin:0px 10px 10px 0px;}


/* HIDE MAP ITEMS */
.mapDropTop { display:none; }

/* Calendar */
#eventCalendar TABLE { background:#FFF; border:1px solid #ccc !important; border-collapse: collapse !important;}
#eventCalendar TABLE TD {  }
#eventCalendar TABLE TABLE, #eventCalendar TABLE TABLE TD { border:none !important; }
#eventCalendar TABLE TD { color:#FFF; border:1px solid #ccc !important;padding:0px; margin:0px; }

.ecOtherMonth {}
.ecSelector {}
.ecDay, .ecToday, .ecSelect, .ecOtherMonth  { text-align:left; font-size:10px; line-height:11px; color:#000 !important; height:90px }

.ecDay SPAN, .ecToday SPAN, .ecSelect SPAN, .ecOtherMonth SPAN { display:block; margin:-10px 4px 5px 4px}

.ecDay A, .ecOtherMonth A, .ecToday A, .ecSelect A  { color:#999 !important; font-size:14px; font-weight:Bold;  text-decoration:none; padding:4px 2px; width:20px; display:block; text-align:center;
					background:#fff; border:1px solid #ccc; border-top:none; border-left:none;
} 
.ecDay SPAN A, .ecToday SPAN A, .ecSelect SPAN A, .ecOtherMonth SPAN A { font-size:10px; line-height:11px; color:#000; border:0px; color:#367C2B !important; width:auto; padding:0px; margin:0px; text-align:left;}
.ecDay SPAN A:hover, .ecToday SPAN A:hover, .ecSelect SPAN A:hover, .ecOtherMonth SPAN A:hover { color:#09B734 !important; }



.ecOtherMonth { background:#EEE; }
.ecOtherMonth A { background:#EEE; color:#aaa !important; }

.ecToday { background:#ccc;}
.ecSelect {background:#367C2B; color:#fff;}

#eventCalendar TABLE .ecHead TD {background:#367C2B; color:#fff; padding:5px 5px; font-weight:bold; font-size:13px;}
.ecHead TD A { color:#B3CCA5 !important; font-size:10px; line-height:11px; font-weight:normal; }
.ecDayHead {background:#6A926D; color:#Fff;}

/*.sub-datePanel{ background:#fff; padding:4px; font-size:11px; line-height:13px;} */

.createDiary  { position:absolute; top:-50px; right:0px; z-index:10}

.itinImage { float:right; margin:0 0 0 15px}
.itemby { font-weight:normal;  }
.itembyTitle { font-weight:normal; font-size:14px; line-height: 15px; margin-top:2px;  }
.itinStepImage  { float:right; margin:0 0 0 15px}

.dashline { clear:both;  height:1px; line-height:1px; font-size:1px; border-bottom:1px dashed  #6A926D; margin: 0px 0px 10px 0; padding-top:10px}


.error { font-size:11px; line-height:12px; float:left;}
.ditem { margin: 10px 0px; color:#000}
.ditem LABEL, .dImage LABEL { display:block; font-weight:bold; font-size:11px; color:#005288;  }
.dImage  { float:right; margin:10px 0 0 20px; } 
.dImage LABEL { margin-bottom:2px; }
.noimage { border:1px solid #CCC; background:#FFF; width:200px; height:80px; text-align:center; color:#aaa; padding-top:60px}

.imageFrame { width:350px; height: 150px; border:0px; margin-left:-100px; margin-top:10px}

.pushleft { margin-right:10px; }

.bmargin { margin: 0 5px; }

.pageText { margin-right:10px; }

.mailtolink A A:hover {
color:#ffffff;
color:#ffffff;
display:block;
float:right;
margin-left:10px;
}
