@charset "UTF-8";
body  {
	font: 62.7% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#B4B9BC url(../images/body_bg2.jpg) left top repeat-y;
}
a { outline:none!important;}
#body_background {
	width:100%;
	height:100%;
	padding:0 0 4em 0;
	margin:0;
}
p {
	font-size:1.4em; /* 14px */
	line-height:1.65;
}
#navigation li, #header h1, #mainContent h1, #footer, #header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.twoColFixRtHdr #container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/*	background: #FDFBEF; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
	position:relative;
} 
.twoColFixRtHdr #container p {
}
.doNotDisplay { display:none; visibility:hidden;}

/* @group Header */

.twoColFixRtHdr #header {
/*	background: #D0E7F4;*/
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:150px;
	position:relative;
	width:100%;
	background:#24323C url(../images/header_bg.jpg) repeat-y left top;
	min-width:715px;
}

.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	margin:0 auto;
	text-align:center;
	width:100%;
	width:500px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	height:100px;
	color:white;
	font-size:4em;
	font-weight:normal;
	font-family:"Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive;
	margin-bottom:0;
	color:#ffffff;
	background:url(../images/header_logo.gif) center 30px no-repeat;
	text-indent:-9999px; font-size:1px; float:left;
	cursor:pointer;
/*	text-shadow:2px 2px 6px #333399;*/
}
#header h1 a { width:500px; height:100px; display:block; margin:0 auto; position:absolute; left:50%; margin-left:-250px; text-align:center; border:none; background-image:none;text-decoration:none; background-color:transparent!important; z-index:0; }
/*#header a:hover h1 {background-color:transparent; border:none;  background-position:0px -48px;}*/

#header h2, #header h3 {
	font-size:2.3em;
	height:1em;
	display:block;
	position:absolute;
	right:0px;
	top:5px;
	width:10%;
	min-width:715px;
	text-align:right;
	margin:0;
	padding:0;
	padding-right:10px;
	margin-left:-10px;
	color:white;
	font-weight:bold;
}
#header h3 { top:2.3em!important; font-size:medium;}
#header h3 a {  padding:.1em 5px; margin:0;}
#header h3 a:link { color:white;}
#header h3 a:visited { color:#ccc;}
#header h3 a:hover { color:black;}
#header h3 a:active { color:white;}



/* @end */

.twoColFixRtHdr #mainContent {
	margin: 0 auto; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left:10px;
	background:url(../images/top_decoration.gif) left top no-repeat;
	position:relative;
	width:705px;
} 
#contentWrapper { 
	background:url(../images/header_separator.jpg) left top repeat-x;
}

div.breadcrumbs { position:absolute; right:0; text-align:right; top:0; font-size:1.2em; width:99%; z-index:1; /*border:1px solid brown; border-top:none; border-right:none;*/ background:url(../images/dither-tan2.gif) left top repeat; padding:.4em 0 .3em 0;  padding-right:1%; margin-bottom: 5px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#mainContent p {
	margin-top: .5em;
}
#mainContent ul, div#sidebar1 ul, #mainContent ol { 
	margin:.25em 0; 
	margin-bottom:1.5em; 
	padding:0;
	font-size:1.2em; /* 12px */
}


#mainContent ul li, #mainContent ol li, #sidebar1 li {
/*	margin:.25em 0em .25em 1em;*/
}
#sidebar1 li, #mainContent ol li { margin-left:1.4em;}

#mainContent ul li {
	padding-left:1.4em;
/*	list-style:none;background:transparent url(../images/bullet-small.gif) 0px .55em no-repeat; */
}
#mainContent ul ul, div#sidebar1 ul ul { font-size:1.0em;}

#mainContent ul ul li, div#sidebar1 ul ul li { font-size:1.0em;
	background:none;
	list-style-image:none;
	list-style-type:circle;
	list-style-position:inside;
	padding-left:0;
}

#mainContent ul.time li { 
	font-weight: bold;
	 list-style:none;
	 background-image:none;
	 padding-left:0;
}
#mainContent ul.rental_block li { font-weight:normal; list-style:none; min-height:21px; overflow:visible; clear:left; }
#mainContent ul.rental_block li span.time {
	width:27px; overflow:hidden; text-indent:-9999px; float:left; display:block;
}
#mainContent ul.rental_block li span.price { font-weight:bold; color:#4B343C; /*clear:left; float:left; padding-left:27px;*/}
#mainContent ul li span.time.daytime {background:url(../images/bullet-sun.gif) 0px 0px no-repeat; height:21px; }
#mainContent ul li span.time.evening { background:url(../images/bullet-moon.gif) 0px 0px no-repeat; height:21px; }

dl.addresses { font-size:1.4em; margin-left:1%;}
dl.addresses dt { font-weight:bold; margin-top:0;}
dl.addresses dd { margin:0; padding:0; padding-left:0em; margin:.25em 0em .25em 0;}
span.description { clear:left; width:100%; float:left;}
div.image a { float:left;  text-align:center;}
div.image { text-align:center; margin:.5em auto 5px auto; width:105px;}
div.fltlft.image { margin-right:20px!important;}
div.fltrt.image { margin-left:20px;}
.description p {
	line-height: 1.2em;
	font-size:1em;
	margin-bottom:0;
}

span.topper { display:block; width:100%; text-align:right;}

ul#formFields li { list-style:none; background-image:none; padding-left:0; margin:0px;}
ul#formFields li label {line-height:1em;}
label.tam { margin-bottom:0;}


.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	margin-top:20px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* tags */

#sidebar1 acronym, #maincontent acronym { cursor:help; border:none; text-decoration:none; border-bottom:1px dotted;}


/* ALL PURPOSE CLASSES */
/*.nospace {margin:0; padding:0; text-indent:0;}*/
.nomargin {margin:0!important;}
.margin20 { margin:20px 0 10px !important;}
.marginBottom20 { margin-bottom:20px;}
.padding20 { padding:20px 0 10px !important;}
.margin10 { margin:10px 0 5px !important;}
.padding10 { padding:10px 0 5px !important;}
.bordertop { border-top:1px solid #DAD8C2;}
.borderbottom { border-bottom:1px solid #DAD8C2;}
.alignright {text-align:right!important;}
.fancy { font-family: "Adobe Caslon Pro", "Book Antiqua", Garamond, Palantino, "Edwardian Script ITC", "Apple Chancery", "Adobe Garamond Pro Italic", cursive; color:#333; font-size:1.1em; font-weight:normal; z-index:9999;}
.serif { font-family:Georgia, "Times New Roman", Times, serif!important;}
.amp {font-size: 110%; font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic;} /* Thanks, Dan! */
.newwindow {background:url(../images/new-window.gif) 0em 0em no-repeat; min-height:14px;}



/* NAVIGATION */
div#navigation { position:relative; width:715px; margin:0 auto; text-align:center;}
#navigation ul, #navigation li {
	margin: 0px;
	padding: 0px;
	list-style:none;
	float:left;
}
#navigation ul { background:none; font-size:small; clear:both; display:block; height:29px; margin-top:-29px; padding-left:0px; position:absolute; left:auto;  width:715px;
}
#navigation li {
	display:block;
	padding:0em 0em;
	padding-right:10px;
	padding-right:5px;/* addded without home link */
}
#navigation li a {
	padding:0em;
	color:white;
	text-decoration:none;
	display:block;
}

/* ---- */

#navigation li a {
	background: -4px 2px no-repeat transparent;
	text-indent:-9999px;
	float:left;
	font-size:1px;
	height:22px;
	width:229px;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:0px;
	margin-left:0px;
	margin-left:0px;/* addded without home link */
	background:url(../images/navigation4.gif) left top no-repeat;
}

#navigation li#home a {
	width:63px;
	margin-left:0px;
	background-position:left top;
}
#navigation li#home a:hover { background-position:-497px 0 !important; }
#navigation li#home.active a, #navigation li#home a:active, #navigation li#home.active a:hover{ background-position:-248px 0 !important; }


#navigation li#az a {
	width:238px;
	background-position: -0px -36px;
}
#navigation li#az a:hover { background-position:-497px -36px !important; }
#navigation li#az.active a, #navigation li#az a:active, #navigation li#az.active a:hover { background-position:-248px -36px !important; }


#navigation li#services a {
	width:112px;
	background-position: -0px -72px;
}
#navigation li#services a:hover { background-position:-497px -72px !important; }
#navigation li#services.active a, #navigation li#services a:active, #navigation li#services.active a:hover { background-position:-248px -72px !important; }


#navigation li#about a {
	width:168px;
	background-position: -0px -109px;
}
#navigation li#about a:hover { background-position:-497px -109px !important; }
#navigation li#about.active a, #navigation li#about a:active, #navigation li#about.active a:hover { background-position:-248px -109px !important; }


#navigation li#contact_us a {
	width:102px;
	background-position: -0px -145px;
	padding-right:0;
}
#navigation li#contact_us a:hover { background-position:-497px -145px !important; }
#navigation li#contact_us.active a, #navigation li#contact_us a:active, #navigation li#contact_us.active a:hover { background-position:-248px -145px !important; }


/* END NAVIGATION */


#mainContent h1 {
	padding-top: 30px;
	margin-top:0;
	text-indent:0;
	z-index:3;
}
#mainContent h3 { 
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color:#111;
}
#mainContent h3.product, #mainContent h3.learn {
	background: url(../images/arrow2.gif) 0 31px no-repeat;
	float: right;
	height: 56px;
	width: 234px;
	background-color: #fbfbfb;
	text-indent: -9999px;
	font-size: 1px;
	margin-bottom: 10px;
}
#mainContent h3.product a, #mainContent h3.learn a {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	background: url(../images/arrow2.gif) 0 -57px no-repeat;
	height: 56px;
	width: 234px;
}
#mainContent h3.product a:hover {
	background: url(../images/arrow2.gif) -1px -1px no-repeat;
}

#mainContent h3.learn {
	width:260px;
	height:56px;
	float:left;
}
#mainContent h3.learn a {
	background: url(../images/learn2.gif) 0px -1px no-repeat;
	width:265px;
	height:56px;
}
#mainContent h3.learn a:hover {
	background: url(../images/learn2.gif) -1px -59px no-repeat;
	height:56px;
}
#mainContent h4 { 
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color:#333;
}
#mainContent h5 {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color:#000;
}
#mainContent h2 {
	color:#192F5D!important;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:left;
	font-weight:normal;
	font-size:2.25em;
	word-wrap: break-word;
	width:99%;
}
#mainContent h2 strong { color:#192F5D;}

/* @group Page Headlines */


#mainContent h1.pageHeadline {
	margin-bottom:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:3em;
}

#indexpage #mainContent h1.pageHeadline {
	background: url(../images/az_logo2.gif) center 20px no-repeat;
	width:680px;
	height: 140px;
	text-indent: -9999px;
	font-size: 1px;
	padding-top: 20px;
}
#indexpage #mainContent h1.pageHeadline.smaller {
	background: url(../images/az_logo3.gif) center 20px no-repeat;
	width:705px;
	height: 100px;
}
#indexpage #mainContent h2.pageHeadline {
	font-size: 2.5em;
	text-align: left;
	margin-left: 35px;
}
/*
#aboutpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/about.gif) 0px 20px no-repeat;
}
#faqpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/faq.gif) 0px 20px no-repeat;
}
#gallerypage #mainContent h1.pageHeadline {
	background: url(../images/headlines/photo_gallery.gif) 0px 20px no-repeat;
}
#ratepage #mainContent h1.pageHeadline {
	background: url(../images/headlines/rental_information.gif) 0px 20px no-repeat;
}
#activitiespage #mainContent h1.pageHeadline {
	background: url(../images/headlines/area_activities.gif) 0px 20px no-repeat;
}
#contactpage #mainContent h1.pageHeadline {
	background: url(../images/headlines/contact_us.gif) 0px 20px no-repeat;
}
#directionspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/directions.gif) 0px 20px no-repeat;
}
#vendorspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/hotels_and_restaurants_head.gif) 0px 20px no-repeat;
}
#directionspage #mainContent h1.pageHeadline {
	background: url(../images/headlines/directions.gif) 0px 30px no-repeat;
	height: 60px;
}*/

/* div#frontpage { background: url(../images/frontpage/0256b.jpg) left top no-repeat; width:400px; height:228px;} */

.hide { float:left; position:absolute; left:-9999px; width:10px; top:0; display:block; height:.2px;}




/* @end */


a:link { color:#353A82; color:#143A82; color:#002974; color:#0032AA;}
a:visited { color:#76217E; color:#780878; color:#8234BE; color:#99087D;}
a:hover { color:#82341E; color:#402200; color:#992C08; color:#7E2500; color:#820000; text-decoration:none; background-color:#F0F0E7; background-color:#F6F5EB;}
a:active { color:#353A82; text-decoration:none;}

div.gallery a:link, div.gallery a:link img { border-color:#999966 ; color:#CCCC99; color:#999966 }
div.gallery a:visited, div.gallery a:visited img { border-color:#FDFBEF ; color:#FDFBEF;}
div.gallery a:hover, div.gallery a:hover img { border-color:#820000 ; color:#820000; background-color:transparent;}
div.gallery a:active, div.gallery a:active img { border-color:#0032AA ; color:#353A82; color:#0032AA;}

/* FAQ */
.faq dt {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 0em;
	padding-bottom: 0px;
}
ul.faq {margin-bottom:1em;}



/* FOOTER */


/* @group Footer */


#footer li { text-align:center; list-style:none; color:white; display:inline; line-height:1.5; padding:0px 4px 0px 5px; border-right:1px solid #666; font-size:1.2em;}

#footer a { color:black;}

#footer ul { margin:0 auto; padding:0; text-align:center; padding:7px 0 0px 0;}

#footer a:link { text-decoration:underline; color:black;}
#footer a:visited { text-decoration:underline; color:#666;}
#footer a:hover { text-decoration:none; background-color:transparent; color:black;}
#footer a:active { text-decoration:none; color:#ccc; color:black;}
#footer li.last { border:none;}



/* @end */

br.clearfloat {
	width: 100%;
	visibility: visible;
	float: left;
	margin: 0;
	padding: 0;
	height: 1px;
}

/* @group Index List */

div#indexlist {
/*	 width: 360px;*/
	 margin-top: 0;
	 padding: 0 10px;
	 margin: 0;
	 margin-left: 0px;
	 margin-bottom: 30px;
}
body#indexpage #indexlist ul {
	list-style:none; padding:0;
	margin:0;
	text-indent:0;
	font-weight: bold;
	font-size: 200%;
}
body#indexpage #indexlist ul li {
	background: url(../images/checkmark2.gif) no-repeat left 2px;
	padding-left: 35px;
	padding-top: 0em;
	margin-top: 10px;
}

body#indexpage #indexlist ul ul {
	font-weight: normal;
	padding-left: 25px;
	font-size: 75%;
	margin-top: .3em;
}
body#indexpage #indexlist ul ul li {
	text-indent:0;
	font-weight: normal;
	display: list-item;
	background: none;
	margin-top: .2em;
	padding-left: 20px;
	margin-left: 0;
	list-style: none;
	padding-top: .0em;
	background: url(../images/bullet.gif) no-repeat left .25em;

}

.fltlft.indexlisterama { width:390px!important; margin-left:10px;}

/* @end */
#imageContainer {
	position:relative;
	margin:auto;
	width:400px;
	margin:0; padding:0;
	margin-top:10px;
	height:266px;
	overflow:hidden;
}
.marginTop0 {margin-top:0; padding-top:0;}
#subtotal { background:#fcfcfc; color:#333; border:none;}

button{
    margin:10px 7px 5px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:120%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
	font-weight: bold;
}

sup {
    font-size: .6em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.6em;
}
sub {
    font-size: .6em;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}
div.highlight {
	background-color:#ffffff; 
	padding:1%;
	border:1px solid #444;
 }
 div.highlight.ntma { width:95%; padding:.5%; margin-bottom:20px;}
div.highlight.width33 {
	width:33%;
	margin-left:2%; 
}
div.highlight.width100 {
	width:98%;
}
div.highlight h2 { font-size:1.8em!important; margin:0; padding:0; line-height:1;}

table#cart p, table#cart h4 { line-height:1; font-size:1em;}
table#cart {font-size:1.2em;}
table#cart td {padding:5px 10px;}
th { color:#000066;}
tr.odd {background:#cfcfcf;}
tr.even {background:#fdfdfd;}
td.price { font-weight:bold; color:#000066;}
td.quantity { text-align:center;}
tr.tot td { padding:10px; background-color:#888;}
label.tot { font-weight:bold; color:#fff;}

h1.alert {background-color:#FFFFFF; line-height:1.5; padding:.5em 1em!important; margin:1em!important; border:1px solid #333;}
.success { color:green;}
.error { color:red;}#indexpage #body_background #container #contentWrapper #mainContent #indexlist .fltlft .pageHeadline {
	margin-top:0
!important;
	padding-top:0
!important;
	clear:none;
}
#indexpage #body_background #container #contentWrapper #mainContent #indexlist .fltlft {
	width:265px;
}
#indexpage #body_background #container #contentWrapper #mainContent #indexlist .fltlft main {
	width:265px;
}
#indexpage #body_background #container #contentWrapper #mainContent #indexlist .fltlft indexlisterama {
	width:400px;
}

a.ntma { font-size:1.4em; font-weight:bold;}
p.ntma { font-size:1.4em; font-style:italic; color:#333333; margin-bottom:0;}
.center { text-align:center!important;}
div.center { margin:0 auto;}
.larger { font-size:1.6em!important;}
a img, img a, img a:hover, a img:hover { border:none!important; background-color:transparent!important;}