body {
	background-color:white;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0F0F0F;
	
}
A:Link
{
 text-decoration:none;
}
A:Visited
{

 text-decoration:none;
}
A:Hover
{

 text-decoration:underline;
}
.frame
{
	font-size: 10px;
	
}
.headerbar {
	

	
}

.menuitem {
	background:  url(../images/style/buttontop.gif);
	text-align: center;
	font-size: 10px;

}
.menuitemsel {
	background:  url(../images/style/buttontopsel.gif);
	text-align: center;
	font-size: 10px;
}
.menuitemsel a:link
{
	color:black;
	text-decoration:none;
}
.menuitemsel a:visited
{
	color:black;
	text-decoration:none;
}
.menuitemsel a:hover
{
	color:#cccccc;
}
.menuitem a:link
{
	color:black;
	text-decoration:none;
}
.menuitem a:visited
{
	color:black;
	text-decoration:none;
}
.menuitem a:hover
{
	color:gray;
}
.menubitem {
	background:  url(../images/style/buttonbot.gif);
	text-align: center;
	font-size: 10px;

}
.menubitem a:link
{
	color:black;
	text-decoration:none;
}
.menubitem a:visited
{
	color:black;
	text-decoration:none;
}
.menubitem a:hover
{
	color:gray;
}
.menubselitem {
	background:  url(/images/style/buttonbotsel.gif);
	text-align: center;
	font-size: 10px;

}
.menubselitem a:link
{
	color:black;
	text-decoration:none;
}
.menubselitem a:visited
{
	color:black;
	text-decoration:none;
}
.menubselitem a:hover
{
	color:red;
}
.SideMenuItemHover
{
font-size: 10px;
background:url(/images/style/ln2.gif);
}
.SideMenuItem
{
color:#FFFFCC;
font-size: 10px;
background:url(/images/style/ln1.gif);
}
.SideMenuSelItem
{
font-size: 10px;
background:url(/images/style/ln3.gif);
}
.SideMenuSelItem a:link
{
color:#FFFFCC;
text-decoration:none;
}
.SideMenuSelItem a:visited
{
color:#FFFFCC;
text-decoration:none;
}
.SideMenuItemHover a:link
{
color:#FFFFCC;
text-decoration:none;
}
.SideMenuItem a:link
{
color:#996600;
text-decoration:none;
}
.SideMenuItemHover a:visited
{
color:#FFFFCC;
text-decoration:none;
}
.SideMenuItem a:visited
{
color:#996600;
text-decoration:none;
}
.SideMenuItemHover a:hover
{
color:#FFFFCC;
text-decoration:none;
}
.SideMenuItem a:hover
{
color:#FFFFCC;
text-decoration:none;
}
	
.header {

}
.footer {

}
.leftpanel {
	background:url(../images/style/panelbg.jpg);
	font-size:11px;
	
	

}

.rightpanel {
	
	background:url(../images/style/panelbg.jpg);
	font-size: 10px;

}

.linkpanel
{
	
	font-size:10px;
}
.linkpanel
{
color:#996000;
}
.linkpanel a:link {
color:#996600;
}
.linkpanel a:visited {
color:#996600;
}

.title {
	font-size: 16px;
	color: #663300;
	font-weight: bold;
}
.PictureGalleryOver
{
	border: solid 1px #33BB00;
}
.PictureGalleryOut
{
	border-top: 1px solid gray;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid gray;
}
.PictureGallerySelOut
{
	border: solid 2px #F0F0F0;
}
.CMSeditable
{
border: dotted 1px gray;
margin: 2px 2px 2px 2px;
}




.summary {
	font-size: 9px;
	color: #666600;

}
/*
Price Tables 
*/
.price	{
	color: #333333;
	font: 11px tahoma,arial,verdana;
	line-height: 16px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 1px;
	background: url(../images/layout/pricebg.gif);
	}		
	
.pricetitle	{
	color: white;
	background: url(../images/layout/pricehd.gif);
	font: 11px tahoma, arial, verdana;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	}
.priceapts	{
	color: white;
	background: url(../images/layout/pricehdgreen.gif);
	font: 11px tahoma, arial, verdana;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	}
	
/*

*/
			.CssSwitcherOff 
			{
	
	color:#CC0000; 
	font: 15px tahoma, arial, verdana;
	text-align:center;
	background:url(../images/layout/tabs.jpg);
	}	
			.CssSwitcherOn 
				{
	background: url(../images/layout/tabson.jpg);
	font: 15px tahoma, arial, verdana;
	font-weight:bold;
	color:white;
	text-align:center;
	}	
	.CssSwitcherPanel { BACKGROUND: #DE0000; 
		
		}
	.tabframe
	{
	background: url(../images/layout/switchbg.jpg) fixed;
	font: 11px arial, verdana;
	padding: 0px;
	text-align:center;
	border-top: 1px solid gray;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid gray;
 background-color:#d0d0d0;

	}
	.tripbox
	{
		overflow: auto;
	height: 200px;
	width: 380px;
	background-color:white;
	border: 1px solid #cccccc;
	margin: 10px;
	}
	.tripitem
	{
	font-family: tahoma, arial;
	font-size: 11px;
	padding: 5px;
	color:#1E1E1E;
	border: 1px solid #cccccc;



	}
		.tripitemsel
	{
	font-family: tahoma, arial;
	font-size: 11px;
	background: #f0f0f0;
	padding: 5px;
	border: 1px solid #cccccc;
	color:black;
	}
	
.lefttext {

	font-size: 10px;
}
.righttext {
font-size: 10px;
}
input{
	font-size: 10px;
	border: 1px solid #F0F0F0;
	
}
select
{
font-size: 10px;
color: #5B3E00;
}



/*
 Prev/Next Arrow styles: I'm giving them a button appearance,
 and pushing them to the sides of the page with CSS floats.
*/

.photoArrow {
 display: none;
 width: 5em;
 padding: 0.1em;
 text-align: center;
 color: white;
 background-color: #5080B0;
 border: 1px solid #5080B0;
 border-color: #A0E0FF #205080 #205080 #A0E0FF;
 cursor: pointer;
}
.photoPrevActive {
 display: block;
 float: left;
}
.photoNextActive {
 display: block;
 float: right;
}


/*
 The list is shrunk down, with only the active item displayed.
 A cool alternative to this is to display the list with "overflow: auto" to
 the side of your photos, as the script allows you to click items to jump to them!
 You could have a list of thumbnails, linking to the full-size images, and use
 photoItemActive to put a border/background around the active image...
*/

.photoListActive {
 margin: 0 0 1em 0;
 padding: 0em 6em;
 text-align: center;
 list-style: none;
}
.photoListActive li {
 margin: 0;
 padding: 0;
 color: #567;
 display: none;
}
.photoListActive li.photoItemActive {
 display: block;
}
.photoListActive a {
 color: #34C;
}


/* It's a good idea to wrap your photos in an area the size of the largest photo */

.photoContainer {
 height: 259px;
}


/* OK, the photo area itself. Nothing too special here, a border and some padding. */

.photoArea {
 position: relative;
 visibility: hidden;
 margin: 0 auto 0 auto;
}
.photoAreaActive {
 visibility: visible;
 border: 2px solid #996600;
}


/*
 The AutoPlay setup is complicated; the two styled spans are alternately hidden and
 shown depending on the script state. I also have a small loading message that is
 shown to the right.
*/

.photoAutoDisabled {
 display: none;
}
.photoAutoPlay, .photoAutoPause {
 display: block;
 width: 5em;
 padding: 0.1em;
 text-align: center;
 color: white;
 background-color: #5080B0;
 border: 1px solid #5080B0;
 border-color: #A0E0FF #205080 #205080 #A0E0FF;
 cursor: default;
}
.photoAutoPlay span, .photoAutoPause span {
 display: none;
 width: 5em; /* IE/Mac fix */
}
.photoAutoPlay .photoAutoPlayLabel {
 display: block;
}
.photoAutoPause .photoAutoPauseLabel {
 display: block;
}

.photoLoadMessage {
 float: right;
 visibility: hidden;
 font-style: italic;
 text-align: center;
}