html {overflow: -moz-scrollbars-vertical;}

body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; background: url(../graphics/gradient.gif) top repeat-x #acc346;}
.page_home {background: url(../graphics/background-home.jpg) top left no-repeat; width: 1250px; height: 1004px; }
.page_text {background: url(../graphics/background-textpages.jpg) top left no-repeat; width: 1250px; height: 1004px; }
.page_text2 {background: url(../graphics/background-textpages2.jpg) top left no-repeat; width: 1250px; height: 1004px; }
.page_flash {background: url(../graphics/background.jpg) top left no-repeat; width: 1250px; height: 1004px; }

.text {position: absolute; top: 180px; left: 240px; width: 470px; height: 440px; overflow: hidden;}
.flash {position: absolute; top: 80px; left: 218px; width: 778px; height: 572px;}
.video {position: absolute; top: 180px; left: 400px; }
.video2 {position: absolute; top: 180px; left: 450px; }


p, td, li, blockquote {font-size: 12px; }
a {color: black;}
a:hover {color: #0068b3;}

h1 {color: #0068b3; font-size: 16px;}
h2, .content_rates_category1 {color: #0068b3; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #0068b3; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #0068b3; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}

.menu {width: 203px;}

a.homelink {width: 250px; height: 100px;} 

/*
change '#0068b3' to main site color

Background Color: #acc346

Blue - #0068b3

Lime - #acc346
*/



.menu a.menuitem{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-top: 10px;}


.menu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.menu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
display: none;
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.menu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.menu div.submenu{ /*DIV that contains each sub menu*/
background: white;
width: 170px;
}

.menu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
}

.menu div.submenu ul li{border: solid 1px white;}

.menu div.submenu ul li a{
display: block;
font: bold 12px  arial, sans-serif;
color: #0068b3;
text-decoration: none;
padding: 2px 0px 0px 10px;
font-style: italic;
margin: 0px;

}
.menu div.submenu ul li.subheader{
display: block;
font: bold 12px  arial, sans-serif;
color: #0068b3;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
font-style: italic;

}
.menu div.submenu ul li a.subsub{
display: block;
font: normal 12px  arial, sans-serif;
color: #0068b3;
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
font-style: italic;

}

.menu div.submenu ul li a:hover{
color: #acc346;
}

.menu div.submenu ul li a.subsub:hover{
color: #acc346;
}

/* ********** FLYOUT MENUS */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
/*border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;*/
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid black;*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #0068b3;
font-style: italic;


}

.anylinkmenu a:hover{ /*hover background color*/
color: #acc346;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

/* //////// FOR SCROLLING THUMBNAILS ON inside_gallery.php pages //////////// */

#pl {height:100px; border:0px solid #ddd; width:700px; position:relative; overflow:hidden; padding:5px 0px; float:left; }

#pl div.entries {height:85px; position:absolute; width:10000em;}


#pl div.entries a {float:left; width: 130px; height: 85px;  margin-left: 10px;}

.channel_wrap {width: 970px;}

a.nextPage, a.prevPage {display:block; width:24px; height:20px; margin:30px 10px; cursor:pointer; float:left;}


a.nextPage {background-image:url(../gallery/images/arrow-R.gif);}
a.prevPage	{background: url(../gallery/images/arrow-L.gif);}

a.nextPage.disabled, a.prevPage.disabled {visibility:hidden;}

.loadarea {background: url(../images/pic_bg.gif) no-repeat; width: 590px; height: 440px; padding: 3px 0px 0px 3px;position: absolute; top: 81px; left: 310px; }

.tagline {position: relative; top: 10px; left: 30px; font-family: arial; font-size: 12px; color: white;}
.scroller {top: 77px; left: 212px; border: solid 0px red;}