/* generated by csscreator.com */ 
html, body{
   margin:0;
   padding:0;
   text-align:center;
   /* background: url('images/background.jpg') top left; */
   /* background-color: #E28B01;*/
   background-color: #CCCCCC;
} 
 
#pagewidth{
   width:700px;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
   border: 5px solid #FBA200;
   background-color: #FCC85C;
   /*background-image: url(images/bg.gif);*/
} 
 
#header{
   position:relative;
   height:109px;
   background-color:#FFFFFF;
   width:670px;
   background-image: url(images/banner.jpg);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 100px;
   color: #FFFFFF;
   letter-spacing: -12pt;
   padding-top: 50px;
   text-align: right;
   padding-right: 30px;
} 
.header_version {
   font-size: 14px;
}

 
#leftcol{
   width:175px;
   float:left;
   position:relative;
   /* background-color: #E28B01; */
 }

#pagewidth #wrapper #leftcol ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#pagewidth #wrapper #leftcol li {
   margin: 0px;
}

#pagewidth #wrapper #leftcol ul li a, #pagewidth #wrapper #leftcol ul li.here_last, #pagewidth #wrapper #leftcol ul li.here {
   display: block;
   height: 17px;
   width: 175px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 80%;
   padding-top: 3px;
}


 
#maincol{
   background-color: #FFFFFF;
   float: right;
   display:inline;
   position: relative;
   width:465px;
   padding-top: 10px;
   padding-bottom: 15px;
   padding-right: 30px;
   padding-left: 30px;
   background-image: url(images/bottom.jpg);
   background-repeat: no-repeat;
   background-position: right bottom;
 }
#maincol p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   text-align: justify;
}

 
#footer{
   height:19px;
   background-color: #B06B01;
   clear:both;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   text-align: center;
   padding-top: 6px;
   font-style: italic;
 } 
#maincol h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 130%;
   font-weight: bold;
   text-transform: uppercase;
   word-spacing: -1pt;
   color: #E28B01;
}

#footer a, #footer a:visited {
   color: #E28B01;
   text-decoration: none;
}

 

  /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#leftcol ul li a:link, #leftcol ul li a:visited {
   background-image: url(images/buttons.jpg);
   text-indent: 22px;
   text-decoration: none;
   font-size: 100%;
}
#leftcol ul li a:hover, #leftcol ul li a:active, #leftcol ul li.here_last, #leftcol ul li.here {
   background-image: url(images/rollover_buttons.jpg);
   text-indent: 22px;
   color: #FFFFFF;
   font-size: 100%;
}

#footer a:hover, #footer a:active {
   color: #E28B01;
   text-decoration: underline;
}
#leftcol2 {
   width:150px;
   float:left;
   position:relative;
   background-color:#FEB030;
   top: 10px;
   left: 10px;
   border: 1px solid #B06B01;
   margin-bottom: 10px;
}
#leftcol2 h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-transform: uppercase;
   color: #FFFFFF;
   letter-spacing: -1px;
   padding-bottom: 3px;
   padding-left: 4px;
}
#leftcol2 a, #leftcol2 a:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   color: #FFFFFF;
   padding-left: 10px;
}
#leftcol2 a:hover, #leftcol2 a:active {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: underline;
   color: #FFFFFF;
   padding-left: 10px;
}
#maincol a, #maincol a:visited {
   color: #E28B01;
   text-decoration: none;
}
#maincol a:hover, #maincol a:active {
   /* color: #E28B01; */
   color: #B5C9DF;
   text-decoration: underline;
}


/*** MORE ***/
img {
   border: none;
}
.EPG2_list_pic, .EPG2_single_pic, .EPG2_shadow, .EPG2_list_pic_random {
  border:none!important;
  float: left;
  background: url('images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('images/shadow.gif') no-repeat bottom right;
  margin: 8px 8px 0 5px !important;
  margin: 8px 6px 0 5px;
}

.EPG2_list_pic img, .EPG2_single_pic img, .EPG2_shadow img, .EPG2_list_pic_random img {
  border:none!important;
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9!important;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}
.EPG2_thumb_titles {
   font-size: 85%;
   clear:left;
   width: 90px;
   margin-right: 15px;
}
.EPG2_random_div {
   margin-left: 0px;
   margin-bottom: 5px;
}

.error {
   background-color: #FE7462;
   color: #FFFFFF;
   border: 2px solid #E41C01;
   width: auto;
   padding: 4px;
   font-weight: bold;
}



#maincol h1 {
   font-size: 140%;
}
#maincol h2 {
   font-size: 130%;
   color: #B06B01;
   clear: both;
}
#maincol h3 {
   font-size: 120%;
   color: #FBA200;
}
#maincol h4 {
   font-size: 110%;
   color: #1A69F0;
}
#maincol h5 {
   font-size: 105%;
   color: #01B213;
}


#leftcol ul li a:hover, #leftcol ul li a:active, #leftcol ul li.here_last, #leftcol ul li.here {
   color: #FFFFFF;
}

/********* FORMS *************/
fieldset {
   padding: 4px 10px;
   margin-bottom: 5px;
   border: none;
   border-left: 1px solid #CCCCCC;
}

legend {
   display: none;
   margin: 0px;
   padding: 0px;
}

label, input, textarea, select {
   float: left;
   margin-bottom: 4px;
   padding-bottom: 2px;
   clear: left;
}

input, textarea, select {
   padding: 2px;
   background-color: #EAEAEA;
   border: 1px solid #CCCCCC;
   width: 300px;
   margin-right: 3px;
   clear: left;
}

input:hover, textarea:hover, input:focus, textarea:focus {
   background-color: #F4F4F4;
}

label {
   width: auto;
   text-align: left;
   padding-right: 10px;
   font-size: 76%;
   clear: left;
}

.RadioDiv label, .RadioDiv input {
   width: auto;
   float: left;
   font-size: 80%;
}
.RadioDiv label {
   margin-right: 15px;
}

.button, .NoFormButton {
   float: right;
   padding: 3px 10px;
   margin: 10px 15px 0px 0px;
   width: auto;
}





#leftcol2 h3 {
   margin: 0px 0px 0px 3px;
   padding: 2px;
   font-size: 80%;
}
/****** TABLE SEARCH FORM *************/
form.FSF_form input {
   width: 100px;
   float: left;
   margin: 0px 0px 2px 2px;
}

form.FSF_form label {
   float: left;
   width: auto;
   margin: 0px 5px 0px 15px;
   padding-right:0px;
}

.FSF_submit {
   padding: 0px;
   border: none;
   text-decoration: none;
   width: 21px !important;
   height: 21px;
   margin-left: 5px !important;
   float: left;
   clear: right;
}

.FSF_submit {
   /* background: url('images/SearchButton.gif') top left no-repeat; */
   background: url('/images/search.jpg') top left no-repeat;
}
input.FSF_submit:hover {
   border: 1px solid #FFFFFF;
}



.note {
   font-size: 80%;
   padding: 0px 5px;
   margin: 2px;
}

#maincol ul {
   font-size: 85%;
}
#maincol ul li {
   padding-bottom: 2px;
   padding-top: 2px;
}


/* Google Maps*/
div#google_map {
   height: 600px;
   border: 2px solid #E28B01;
   width: auto;
}

.map_notes {
   margin: 3px;
   border: 2px solid #B06B01;
   padding: 8px;
   width: 200px;
   height: 100px;
}

.map_notes h3 {
   margin: 0px;
   padding: 2px;
   font-size: 80%;
}
.map_notes p {
   margin: 0px;
   padding: 2px;
}



.package_price {
   float: right;
}


div.main_search form.FSF_form {
   display: none;
}



/****** TABLE ************/
.EPG2_table {
   border: none;
}

table {
   border: 1px solid #666666;
   font-size: 78%;
   width: 450px;
}

.table_wrapper {
   width: 450px;
}

th {
   font-weight: bold;
   text-align: left;
   border-bottom: 1px solid #666666;
   border-right: 1px solid #666666;
   background-color: #FEB030;
}

tr {
   text-align: left;
}

tr.odd_row {
   background-color: #EEEEEE;
}

td, th {
   padding: 3px 3px;
}


span.float_right {
   float: right;
}


div.directions_div {
   padding-top: 5px;
   border: 2px solid #B06B01;
   height: 60px;
}

div.directions_div img {
   float: left;
   padding: 5px;
}


a.directions_button {
   font-size: 100%;
   font-weight: bold;
}


form fieldset p {
   padding-left: 0px;
}


#maincol ul {
   font-size: 75%;
}


/********* paw list *******/
#maincol p {
   padding-left: 20px;
}
#maincol p.paw {
   background: url('images/paw-color-small.gif') top left no-repeat;
   padding-left: 20px;
}

#maincol p.note {
   color: #666666;
   font-size: 63%;
}

/*** image float right ***/
#maincol img.float_right {
   float: right;
  border: 1px solid #a9a9a9!important;
   padding: 4px;
   margin-left: 10px;
   margin-bottom: 10px;
   margin-top: 10px;
}

#leftcol img.EPG2_image_thumb {
   border: 1px solid #a9a9a9!important;
   padding: 4px;
   margin-left: 0px;
   background-color: #FFFFFF;
}

