/*CSS reset script*/
@import url("vacationPlanner.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* end CSS reset script*/

body
{ font-size:12px;}
 

#wrapper
{
font-family:Arial, Helvetica, sans-serif !important;
color:#333333;
font-size:12px;
width:899px;
margin:15px auto 25px auto !important;

}
#header
{
height:143px;
width:100%;
}

/* main navigation*/
div#nav,div#summerNav
{
background-image:url(../layout/nav_bg.jpg);
background-repeat:repeat-x;
background-position:left top;
display:block;
font-size:12px; 
height:23px; 
text-decoration:none;
width:100%;
z-index:50;
position:relative;
*margin-top:-4px;
}


div#nav ul,div#summerNav ul
{ margin:0px; padding: 0 ;
}
div#nav ul li,div#summerNav ul li
{
border-left:1px solid #9f9391;/*grey border*/
float:left !important;
display:inline;
list-style-type:none;
height:23px;
/*width:inherit;*/

}
div#nav ul li a,div#nav ul li a:visited, div#nav ul li a:active,div#summerNav ul li a,div#summerNav ul li a:visited,div#summerNav ul li a
{ color:#000;
text-decoration:none;
height:23px; 
/*display:block;*/
padding:5px 4px 0px 6px;
 text-shadow: 0px 1px 2px #aaa;


}
div#nav ul li:hover
{background-image:url(../layout/nav_bg_over.jpg);
color:#444;
}

 div#summerNav ul li:hover
{background-image:url(../layout/summer/nav_bg_over.jpg);
color:#444;
}
.topLinks
{
width:900px;
text-align:right;
height:24px;
vertical-align:top;

}
/* main content body*/
#contentwrapper  
{
border-left:1px solid #9f9391;/*grey border*/
border-right:1px solid #9f9391;/*grey border*/
*margin-top:-2px;

}
#contentwrapper *
{ font-family:Arial, Helvetica, sans-serif;
color:#333333; 

}
#maincontent
{
padding:4px;
min-height:307px;
z-index:2;
position:relative;
 
 
}

/*Footer styles*/
#footer
{
clear:both;
font-size:10px;
z-index:1;
position:relative;
}
#footer .footerNews
{
border-top:2px solid #666;
background-image:url(../layout/footer_span.jpg);
background-repeat:repeat-x;
height:23px;
width:100%;

}
/*the styles that show the bubble are setup in the javascript layoutFunctions.js*/
#footer .footerNews .newsBox
{
background-color:#ccc;
color:#444;
display:block;
float:left; 
height:14px;
margin-top:4px;
padding:2px 0px 0px 4px;
width:740px;
 
	position:relative;
	z-index:40;

}
#footer  .footerLinks
{
background-image:url(../layout/footer_span_bottom.jpg);
background-repeat:repeat-x;
border-top:1px solid #666;
clear:both;
height:23px;
font-size:12px;
list-style-type:none;
padding:14px 0px 0px 4px;
}
#footer a,#footer  a:active,#footer a:visited
{
color:#444;
font-weight:bold;
text-decoration:none;

}
#footer  a:hover
{
color:#666;
}


#footer  .footerLinks .mediaLinks
{
width:450px;
float:right;
margin-top: 0px; 
text-shadow: 0px 1px 2px #555;
}
#footer  .footerLinks .mediaLinks li
{ float:left;
list-style-type:none;
font-size:10px;
padding:0px 4px 0px 0px;
}
#footer  .footerLinks .mediaLinks li span
{
background-image:url(../layout/icon_sprite.png);
background-repeat:no-repeat;
background-position:left top;
width:25px;
height:24px;
display:block;
float:left;
margin-top:-4px;
padding-right:4px;
}
#footer  .footerLinks .mediaLinks li  a,
#footer  .footerLinks .mediaLinks li  a:visited,
#footer  .footerLinks .mediaLinks li a:active
{height:21px;
}
#footer  .footerLinks .mediaLinks li.mobile span 
{height:21px;
}

#footer  .footerLinks .mediaLinks li.mobile:hover span
{
height:21px;
background-position:-27px top;
}

#footer  .footerLinks .mediaLinks li.text span
{ 
background-position:left -20px;
}
#footer  .footerLinks .mediaLinks li.text:hover span
{ 
background-position:-27px -20px;
}
#footer  .footerLinks .mediaLinks li.rss span
{ background-position:left -43px;
}
#footer  .footerLinks .mediaLinks li.rss:hover span
{ 
background-position:-27px  -43px;
}
#footer  .footerLinks .mediaLinks li.facebook span
{ height:22px;
background-position:left -68px;
}
#footer  .footerLinks .mediaLinks li.facebook:hover span
{ 
background-position:-27px -68px;
}
#footer  .footerLinks .mediaLinks li.email span
{height:22px;
 background-position:left -89px;
}
#footer  .footerLinks .mediaLinks li.email:hover span
{ 
background-position:-27px -89px;
}
#footer  .footerLinks .mediaLinks li.blog span
{ background-position:left -112px;
}
#footer  .footerLinks .mediaLinks li.blog:hover span
{ 
background-position:-27px -112px;
}

#footer  .footerLinks .mediaLinks li.twitter span
{ background-position:left -136px;
}
#footer  .footerLinks .mediaLinks li.twitter:hover span
{ 
background-position:-27px -136px;
}
/*jquery UI resize the date picker*/
div.ui-datepicker{
 font-size:10px;
 z-index:100 !important;
}


 


ul#whatsHappening
{ margin:0;
padding:0;
 
list-style-type:none;
padding-left:4px;

}
ul#whatsHappening li 
{
float:left; 
padding:0px 5px 0px 5px;
color:#888;

} 
ul#whatsHappening li h4
{ z-index:250 !important;
position:relative; }
ul#whatsHappening li div 
{
	display: none;
 
	margin-top:-70px; 
 
	width: 225px; 
	padding-top:6px;
	margin-right:-165px;
	margin-left:-60px;
	background: url(../images/bubble_top.png) no-repeat right top;
	position:relative;
	z-index:1;
	
 font-weight:bold; 

}
ul#whatsHappening li div p {
	text-align:center;
	padding:0px 5px 0px 10px;
    margin-bottom: 40px; 
	height:40px;

	background: url(../images/bubble_btm.png) no-repeat right bottom;
}

.photogallery img
{
border:1px solid #888;
}
dl#eventsCal dt {
   font-weight:bold;
   color:#FFF;
   background-color:#9D342E;
   font-size:1.1em;
   padding:3px;
   margin-bottom:3px
 }