body {
background:#25aae3;
}
#container {
background:#FFFFFF;
}
.entry-title a, .entry-title a:visited {
color: #2361a1;
}
.teasers_box h2 {
font-size: 20px;
}
.teasers_box .to_comments { color: #666; clear: both; }
.teasers_box .to_comments span { color: #111; line-height: 1em; }
.teasers_box .to_comments span.bracket { color: #ccc; }
.teasers_box .to_comments a { color: #666; text-decoration: none; }
.teasers_box .to_comments a:hover { color: #111; text-decoration: underline; }
.teasers_box .to_comments { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; }
.teasers_box .to_comments span { font-size: 1.833em; }
.teasers_box .post_tags { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; }
.breadcrumb {
padding-left: 12px;
font-size: 11px;
}
.menu {
width:945px; 
height:28px; 
font-size:0.85em; 
position:relative; 
z-index:100; 
padding-top: 5px;
background:#e09c37;
margin-bottom: 3px;
}


/* style the links for the top level */
.menu a, .menu a:visited {
word-break: normal;
word-wrap: normal;
text-align: left;
display:block;
font-size:11px;
text-transform: uppercase;
font-weight: bold;
color:#FFFFFF; 
height:28px; 
border:0px solid white; 
border-width:0 1px 0 0; 
background:#e09c37; 
padding-top: 5px;
padding-left: 4px;
padding-right: 6px;
line-height:18px; 
background-color: #e09c37;
background-repeat: repeat-x;
text-align: center;
}


/* position the second level flyout menu */
.menu ul ul {
margin-top: 6px;
width:105px;
}


.menu ul ul :hover > a.drop {
background:#e09c37 url(http://www.panamacitybeachvacations.org/img/drop.gif);
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position: relative;
margin-top: -5px;
}



/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#e09c37;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
background:#e09c37;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
text-transform: none;
background:#e09c37; 
color:#FFFFFF; 
height:auto; 
line-height:15px; 
padding-left:2px; 
padding-top: 7px; 
padding-bottom: 7px; 
width:160px;
border-width:0 0px 0px 0px;
text-align: left;
margin-left: 0px;
font-size: 12px;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e09c37;
width:160px;
text-transform: none;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#e09c37;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:160px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:-1px; }




/* hack to correct IE5.5 faulty box model */
* html .menu {
width:945px; 
w\idth:945px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:103px; w\idth:103px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:103px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:24px;t\op:24px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#fcb040;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#fcb040;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/*
.menu ul ul .current_page_item a {
  color: black;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}
*/

#header_wrap {
width: 950px;
height: 200px;
}

#left_wrap {
padding-left: 0px;
padding-top: 10px;
float: left;
width: 280px;
height: 200px;
}

#right_wrap {
float: left;
width: 645px;
height: 197px;
padding-left: 20px;
margin-top: 10px;
background-color: navy;
background-image: url(http://www.panamacitybeachvacations.org/img/app.jpg);
}
#button
{
width:50px;
height: 20px;
}

#bis_img {
float: left;}

#bis_name {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
padding-top: 20px;
padding-left: 5px;
float: left;
width: 165px;
}

#bis_info {
font-weight: bold;
font-size: 12px;
float: left;
padding: 3px;
width: 270px;
padding-top: 5px;
}

#bis_info_phone {

font-size: 18px;
color: #cc0000;
}
#about_bis{
	font-size: 11px;
	padding-top: 10px;
	float: left;
	width: 270px;
}


#call
{
margin-left: 317px;
margin-top: 55px;

}
#calltext
{font-size: 14px;
font-weight: bold;
color: #FFF; }

#number 
{
background-color: #feff99;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #9d9e99;
border-right-color-value: #9d9e99;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #9d9e99;
border-left-color-value: #9d9e99;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
width: 183px;
font-size: 19px;
font-weight: bold;
float: left;
}

#numberimg 
{float: left;
margin-top: 2px;
margin-left: 7px;
border-width:0px;}


#sidebars{
width: 32.9em;
float: right;
background-color: #d8d8d8;
}

#header
{
padding-right: 1.1em;
padding-left: 1.1em;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: #dddddd;
clear: both;
padding-top: 2px;
padding-bottom: 1.8em;
}


li.widget

{
width: 300px;
font-size: 1.3em;
line-height: 1.385em;
margin-bottom: 5px;
padding: 10px;
background-color: #FFF;

}

.sidebar ul.sidebar_list

{
padding-top: 5px;
padding-right: 10px;
padding-left: 5px;
}

.custom .sidebar h3 {
text-align: center;
padding: 2px;
text-transform: uppercase;
font-weight: bold;
color: #272727;
font-size: 1em;
line-height: 12px;
margin-bottom: 0.615em;
letter-spacing: 2px;
}

li.widget ul li

{
text-align: center;
margin-bottom: 0.692em;

}


#twitter_div {
width: 250px;
margin-left: auto;
margin-right: auto;
}

#content 
{
width: 62em;
float: left;
}
#content_box

{
width: 100%;
background-color: transparent;
background-image: none;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 63.4em 0pt;
}

#page {
padding-top: 2px;
padding-right: 2em;
padding-bottom: 2em;
padding-left: 2em;
margin-left: auto;
margin-right: auto; 
}

.transp {
float: none;
width: 200px;
height: 40px;
margin-left: 340px;
margin-top: 40px;
}