/* menu tabs */

#header ul {

	z-index: 999999;

	position: absolute;

	margin:0; 

	padding: 0;

	list-style:none;

	right: 10px; 

	bottom: 0px !important; 

	font: bold 12px Arial, Helvetica, Verdana;	

}



#header li {

   display:inline;

   margin:0; 

   padding:0;

}



#header li a {

   float:left;

   margin:0;

   padding-right: 2px;

   color:#D6DFEA;

   text-decoration: none;

}



#header li a span {

   float:left;

   display:block;

   background: url("../images/tabright.gif") no-repeat right top;

   padding:6px 15px 7px 8px;

   color: #FFFFFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header li a span {float:none;}

/* End IE5-Mac hack */

#header li a:hover span {

	color: #374E63;

}

#header li a:hover {

   background-position:0% -42px;

}

#header li a:hover span {

   background-position:100% -42px;

}

#header li #current a {

   background-position:0% -42px;

	color: #7C0909;

}

#header li #current a span {

   background-position:100% -42px;

	color: #7C0909;

}

/* end menu tabs */



/* additional classes */

.clear { clear: both; }

.green { color: #9EC630; }

.gray  { color: #BFBFBF; }

.blue { color: #0000FF; }

.yellow {color: #1E5397; }



/* search form */

form.searchform {

	background: transparent;

	border: none;

	margin: 0; padding: 0;

}

form.searchform input.textbox { 

	margin: 0; 
	width: 105px;
	border: 1px solid #349CB7; 
	background: #FFF;
	color: #333; 
	height: 16px;
	vertical-align: top;
	padding: 2px 3px; 	

}

form.searchform input.button { 

	margin: 0; 
	padding: 0px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #349CB7;	
	width: 50px;
	vertical-align: top;

}



h1 {

	font: bold 14px Helvetica, Arial, Sans-serif; 
	color: #000000;	
	padding: 5px 0px 5px 0px;

}



.footertext{

font-family: Arial;

font-size: 11px;

color: #FFFFFF;

}



.footertext a{

color: #FFFFFF;

text-decoration:none;

}





#menutop{

background: #d2cab9 url(../images/mtright.gif) no-repeat top right;

position:relative;

}



#menubottom{

background: #d2cab9 url(../images/mbright.gif) no-repeat;

position:static;

}



#menubox {

background: #ECF4FD;

}





/*** left menu ***/



.markermenu{

width: auto; /*width of menu*/

}



.markermenu ul{

list-style-type: none;

margin: 0px;

padding: 0px;

}



.markermenu ul li a{

background: transparent url(../images/arrow-list-red.gif) no-repeat 2px center;

font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;

color: #349CB7;

display: block;

width: auto;

padding: 5px 0;

padding-left: 20px;

text-decoration: none;

border-top: 1px solid #ede7da;



}





* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 150px;

}



.markermenu ul li a:visited, .markermenu ul li a:active{

color: #349CB7;

}



.markermenu ul li a:hover{

color: #00014e;

text-decoration: none;

background-color: #e2dcd6;

background-image: url(../images/arrow-list.gif); /*onMouseover image change. Remove if none*/

}


.markermenu dt, #search dt, #cart-right-col dt{

	margin:0;

	font-size: 14px;

	font-weight: bold;

	padding:0.5em 1em;

	color: #ddd;

	background: #3d2619 url(../images/menu-title-back.jpg) top left repeat-x;

}


/*** other **/

.imgleft {

	border: 1px solid #d8cfc6;

	background-color: #FFFFFF;

	padding: 4px;

	margin-right: 10px;

	margin-bottom: 5px;

	float: left;

	}

	

.imgright {

	border: 1px solid #d8cfc6;

	background-color: #FFFFFF;

	padding: 4px;

	margin-left: 10px;

	margin-bottom: 5px;

	float: right;

	}



	

/* Navigation

-----------------------------------------------------------------------------*/



#navigation {

	float:right;

	width: 100%;

	margin: 0;

	margin-bottom: 10px;

}

.nav li{

	color:#555;

	display: block;

	background: #DCE2DE;

	border-bottom: 1px solid #ccc;	

}

.nav a{

	display: block;	

	padding: 4px;

	background: #FFFFFF url(../images/arrow.gif) 10px 50% no-repeat;

}

.navigation dl, #search dl, #cart-right-col dl {

	float:right;

	width: 100%;

	padding: 0;

}

.navigation dt, #search dt, #cart-right-col dt{

	margin:0;

	font-size: 14px;

	font-weight: bold;

	padding:0.5em 1em;

	color: #ddd;

	background: #3d2619 url(../images/menu-title-back.jpg) top left repeat-x;

}

.navigation dd, #search dd, #cart-right-col dd {

	margin:0;

	padding:0;

	color: #a41902;

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	background: #e5e6de url(../images/arrow.gif) 5px 50% no-repeat;

	border-bottom: 1px dotted #c7c8c0;

}

.navbar a, .navbar a:visited {

	color: #349CB7;

	text-decoration:none;

	display:block;

	padding:5px 5px 5px 15px;

}



.navbar a:link {

	background: #e5e6de url(../images/arrow.gif) 5px 50% no-repeat;

	color: #349CB7;

	text-decoration:none;

}

.navbar a:hover {

	background: #f6f9e1 url(../images/arrowr.gif) 5px 50% no-repeat;

	color:#bf2d00;

	text-decoration:none;

}



/*** Green Arrow ***/



.arrowgreen{

	width: auto; /*width of menu*/

	border-style: solid solid none solid;

	border-color: #CACFD4;

	border-size: 1px;

	border-width: 1px;

	text-decoration: none;

}



.arrowgreen ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}

	

.arrowgreen li a{

	font: bold 14px Helvetica, Verdana, Arial, Helvetica, sans-serif;

	display: block;

	background: transparent url(../images/arrowblue.gif) 100% 0;

  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/

	padding: 4px 0 4px 10px;

	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/

	text-decoration: none;

}	

	

.arrowgreen li a:link, .arrowgreen li a:visited {

	color: #3C7FAF;

}



.arrowgreen li a:hover{

	color: #002A5A;

	background-position: 100% -32px;

                text-decoration: none;

}



	

.arrowgreen li a.selected{

	color: #26370A;

	background-position: 100% -64px;

}

	





.listmenu {

	font: bold 12px/1.6 Arial, Helvetica, sans-serif;

	padding: 0px 0px 0px 30px;

	}

	

a:link {

	color: #349CB7;

	text-decoration: none;



}



a:hover {

	color: #FD990D;

	font-style: normal;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

}



a:visited {

	color: #349CB7;

	font-style: normal;

	text-decoration: none;

}



a:visited:hover {

	color: #a51f00;

	font-style: normal;

	font-variant: normal;

	text-transform: none;

	text-decoration: none;

	}



/*** Bottons ***/



a.boldbuttons{

background: transparent url('../images/roundedge-brown-left.gif') no-repeat top left;

display: block;

float: left;

font: bold 13px Arial; /* Change 13px as desired */

line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */

height: 35px; /* Height of button background height */

padding-left: 15px; /* Width of left menu image */

text-decoration: none;

color: #ebeaea;



}



a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{

color: #ebeaea; /*button text color*/

}



a.boldbuttons span{

background: transparent url('../images/roundedge-brown-right.gif') no-repeat top right;

display: block;

padding: 6px 25px 7px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

}



a:hover.boldbuttons{ /* Hover state CSS */

text-decoration: underline;

color: #ffea00;

}





.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */

overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

width: 90%;

margin-left: 15px;



}

.leftimg{

	border: 1px solid #DDDDDD;

	background-color: #FFFFFF;

	padding: 4px;

	margin-right: 10px;

	margin-bottom: 5px;

	margin-top: 5px;

	float: left;

}



.read {

    font: Arial, Helvetica, sans-serif;

	color: #0E8102;

	text-decoration: none;

}



.trip a:hover{

    font: bold 11px Helvetica, Arial, Sans-serif;

	color: #FA8748;

	text-decoration: underline;

	

	

}



a.trip{

    font: bold 11px Helvetica, Arial, Sans-serif;

	color: #63636E;

	text-decoration: none;

}



.trip a: visited{

    font: bold 11px Helvetica, Arial, Sans-serif;

	color: #63636E;

	text-decoration: none;

	

	

}





.permitmenu {

	font: normal 12px/1.6 Arial, Helvetica, sans-serif;

	padding: 0px 0px 0px 5px;

	text-align:justify;

	padding-: 0px 0px 0px 5px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-top: 5px;

}

	

.drop-down  {

    font: Arial, Helvetica, sans-serif;

	color: #0E8102;

	font-size: 14px;

	width: 250px;

	height: 22px;

	text-decoration: none;

}
/*** Search ***/
#search p * { 
	vertical-align: middle;
}

#search p input { 
	width: 200px;
	font-size: 12px;
	padding: 3px;
	margin-top: 7px;
}

#search p input.submit { 
	width: auto;
	padding: 5px 10px 0 3px;
	border: 0;
}
