/*** 1010 Vacations, Inc. copyright 2007 ***/
body {
    margin: 15px 0px 0px 0px;
    background-image: url(images/bkgrdTan.jpg);
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;   }		

/*  Structural Elements */		
#frame {
    width: 981px; margin: 0px auto;
    background-image: url(images/bkgrdFrame.gif);
    background-repeat: repeat-y; text-align: left;
    padding-left: 3px;   
    padding-right: 6px;   
    min-width: 981px;        }
		
#navTop {
    width: 988px;
    background-image: url(images/bkgrdTan.jpg);
    margin-right: -5px; 
    position: absolute; top: 15px; }

#header{ /*** Placeholder for #navTop ***/
    margin-right: 6px;
    height: 18px;
	text-align: center;
    background: #999;
    width: 972px;   }

/* Utilities  */
.column {
	position: relative;
	float: left;    }

/* Masthead Elements  */
#wrapper {
    background-image: url(images/bkgrdMasthead.jpg); 
    background-repeat: repeat-x; 
    background-color: #DFECFC;
    margin-right: 6px;
    width: 972px;   }
    
#headline {    background-image: url(images/bkgrdMasthead.jpg); 
    background-repeat: repeat-x;
    vertical-align: middle;
    left: 320px; height: 121px;
	padding: 0 0 0 0px;
	width: 602px; 
	text-align: center; }
	
    #headline h1 { 
        margin: 15px 0px 5px 0px;
        font-size: 1.5em;   }
        
    #headline h2 {
        margin: 5px 0px 5px 0px;
        text-align: left;
        line-height: 1.5em; 
        font-size: 1.0em; 
        font-weight: normal; 
        letter-spacing: 0.1em; }

#logo {    background-image: url(images/bkgrdMasthead.jpg); 
    background-repeat: repeat-x;
	width: 300px;         
	padding: 0 0 0 20px;      
	right: 602px;   }

#xml {height: 111px; background-image: url(images/bkgrdMasthead.jpg); 
    background-repeat: repeat-x;
	width: 50px;
	padding: 10px 0 0 0;    }
		
    * html #logo { /*** IE Fix ***/
	    right: 611px;   }

#bread {
	clear: both;  padding-left: 20px; padding-top: 7px;
    margin-right: 6px; margin-bottom: 0px;
    width: 952px; height: 20px;
	background-image: url(images/bkgrdBread.jpg); 
    background-repeat: repeat-x; }
				
.trail {
    display: inline;			
    width: 700px; margin-bottom: 0px;
    float: left;
    text-align: left;}
			
    a.trail {
    }

#login {
    width: 172px; padding-right: 15px;
    text-align:right; margin-bottom: 0px;
    float: right;   }
						
    #login a  {
        font-weight: normal; 
        text-decoration: none;}

    #login a:hover {
        color: #f09;}

/* Content Elements - 2 Column */        
#main {background-image: url(images/bkgrdNavSide.gif);
    background-repeat: repeat-y;
    width: 972px; 
    margin: 0px; 
    padding:0px;    }

#above {
    width: 772px;
    left: 200px;    }
    
    #above h1 {   padding: 15px 10px 0px 20px; margin-bottom: 0px;
        font-size: 1.4em;
        color: #c00;
        font-weight:  bold;}

    #above p {
        margin: 0px; font-size: 1.0em;
        padding: 5px 10px 5px 20px; 
        line-height: 1.5em;       
         }
        
     #above h2 {
        line-height: 22px;
        background-color: #fece6f;
        margin-bottom: 10px; margin-top: 0px; 
        border-top: 1px #000000 solid;
        border-bottom: 10px #ffe390 solid;
        padding-left: 15px;
        font-size: 1.2em;
        font-weight: bold;  }        

.impact {
    float:  right; 
    padding-left: 10px; 
    padding-top: 15px; 
    padding-right: 15px;  }

p.update { 
    font-size: 10px !important;
    line-height: 12px !important;
    padding:  0 0 0 20px !important;
    color: #999 !important;   }

.gooAd {
    clear: right; 
    padding: 10px 0 0 17px  }

.listFeatured {
width: 757px;
    padding-left: 15px  }
    
    .list1Featured {
width: 772px;
    padding-left: 15px  }

/* Below Menu  */
.menu {
    position:relative;
    width:772px;
    height:2em;
    background:#fece6f;
    border-top:1px solid #000000;
    padding-bottom:1px;
    background: #fece6f;
    margin-bottom:2em;  }

    * html .menu {padding-bottom: 0;} /* IE Fix */ 

.menu ul {
    font-weight: bold;
    list-style-type:none;
    padding: 0 0 0 0px;
    margin:0 0 0 0px;
    width:767px; padding-left: 5px;
    height:100%;    }
    
.menu li{
float:left; 
}

.menu a, .menu :visited {
color:#000;
text-decoration:none;
}

.menu a b, .menu :visited b {
display:block;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
cursor: pointer;
border-bottom:1px solid #777;
}

.menu ul ul {
font-weight: bold;
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left: 0px;
width:767px;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#fee390;
}

.menu :hover {
white-space:normal;
}

.menu a:hover b {
color: #000000;
border-bottom-color:#fee390;
}


.menu li:hover > a b
{
color:#000;
background: #fee390;
border-bottom-color:#fee390;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}

.menu ul :hover ul li {
display:block; 
border-left:1px solid #777; 
background:#fee390; 
height:2em;
}
.menu ul :hover ul li a {
display:block; 
font-size:0.8em; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
color:#c00; 
padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#06c;
}

/*  Featured Elements  */

.boxFeatured{ float: right; text-align: left;
  overflow: hidden; display: inline;
width: 150px; height: 200px; font-size: 8.5pt;
margin: 6px 15px 6px 0px; 
padding: 11px; 
border: 1px #999999 solid;}


.boxSky{ float: right; 
  overflow: hidden; 
width: 160px; height: 600px; 
margin: 0px 15px 12px 0px; 
padding: 5px 6px 5px 5px;
border: 1px #999999 solid;}

p.featured 
{ font-size: 11px !important;
padding: 0px !important; line-height: 13px !important;
        text-align: left;
   
}


img.featured {
    margin-bottom: 5px; 
    border: 0px none; 
    text-align: center; }

h3.featured  {
    margin: 0px 0px 3px 0px;
    font-size: 8.5pt;
    font-style: normal;
    color: #06c;
    font-family: Verdana, Helvetica, sans-serif;
    text-align: center; }
				
.featured a:link, .featured a:visited {
color: #06c; 
text-decoration: underline;}

h3.featured  a:hover {
color: #f09;}



/*  Listing Elements  */
/* ------------------*/
    
.list {
width: 550px; 
border: 1px #999999 solid;  
margin: 0px; 
padding: 0px;  
}

h2.list {margin: 0px 0px 10px 15px;
font-size: 1.2em; text-align: center;
font-weight: bold; font-family: Georgia, Times, serif;
padding-left: 0px; width: 535px;
line-height: 22px;
background-color: #fece6f;
border-top: 1px #000000 solid;
border-bottom: none !important; 
}

.listing {
width: 530px; 
border: 1px #999999 solid;  
margin: 0px 0px 20px 15px; 
padding: 6px 10px 0px 10px; 
background-image: url(images/bkgdListing.jpg);
background-repeat: repeat-x;
}


.listingHead h3{ float:left;  display: inline;
font-weight: bold; padding: 0px 10px 0px 5px; font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
letter-spacing: .04em; margin-top: 0px;
}

.listingHead	{padding-top: 0px;}

p.listingHead {
			text-align:right;  margin-top: -3px !important;
			float: right;  font-size: 1.0em !important;
			padding: 0px 0px 0px 20px !important;
			
}


img.listingHead 	{
			text-align:right;
			float: left; 
			padding: 1px 12px 0 5px;
			
			
}

.clearBoth {clear: both; margin: 0px; line-height: 0px; padding: 0px; }



img.listingText { float: left; margin: 0px 10px 5px -10px; padding: 0px;
}

p.listingText { letter-spacing: 0.1em;
    font-size: 1.0em !important; padding: 5px 10px 5px 10px!important; margin: 0px; line-height: 1.3em !important;
}


ul.listText  { padding: 0px; margin: 0px; margin-bottom: 0px;
text-align: center;
list-style-type: none;}

li.listText {display: inline; padding: 0px 6px 0px 6px; font-size: 0.9em; }

li.listText  a:link{text-decoration: none; color:#0033CC; font-family: Verdana, Helvetica, Arial, sans-serif;}
li.listText a:visited{ text-decoration: none; color:#0033CC; font-family: Verdana, Helvetica, Arial, sans-serif;}
li.listText a:hover{ text-decoration: underline; color:#0033CC; font-family: Verdana, Helvetica, Arial, sans-serif;}


.listingText a:link{ font-weight: bold; text-decoration: none; color:#000; }
.listingText  a:visited{ font-weight: bold; text-decoration: none; color:#000;}
.listingText  a:hover{ font-weight: bold; text-decoration: none; color:#000;}

a.listMore:link, a.listMore:visited {  color: #ff0033; font-size: 0.8em; letter-spacing: 0.1em;
}

a.listMore:hover{text-decoration: underline;}

    


/*  Side Bar Navigation Elements  */
/* ------------------*/

#navSide { right: 772px;     background-image: url(images/bkgrdNavSide.gif);
    background-repeat: repeat-y;
width: 200px; }

.nav { 	
margin: 0px 10px 0px 10px;
border-bottom: 2px #0770b4 solid;
padding-bottom: 15px;
padding-top: 3px;}
			
h1.navV {
text-align: center !important; 
font-size: 12pt;
line-height: 20pt;
display: inline;
letter-spacing: 0px; 
font-style: normal;
color: #06c;
margin: 5px 0 0 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;}
				
h1.navV a {text-align: center !important;
color: #06c; 
text-decoration: none;}

h1.navV a:hover {
text-decoration: underline;}

ul.navlistV {
text-align: left; 
list-style: none; 
padding: 0px 0px 0px 4px; 
margin: 0px; 
line-height: 12pt;}

ul.navlistV li {list-style-image: none;
display: block;
margin: 0;
padding: 0;
list-style-type: none;}

ul.navlistV li a {
display: block; 
width: 155px; 
padding: 0 0 0 15px; 
border-width: 1px;
list-style-type: none;
border-color: #ffe #fff #ccc #fff; 
border-style: solid; 
color: #004dcc; 
text-decoration: none;
background: #d4e6fa;}

ul.navlistV li a:hover { 
color: #f09;
background: #eff4fa;
border-color: #aaab9c #fff #fff #ccc;}



    
    
/*  navTop Elements  */
/* ------------------*/
.topNavMenu ul.AspNet-Menu  {
width: 998px;  line-height: 14px; font-size: 11px;}

.topNavMenu ul.AspNet-Menu ul   { line-height: 14px;
}

.topNavMenu ul.AspNet-Menu ul ul    {line-height: 14px;
top: 5px;
left: 130px;  }

.topNavMenu li  {border-right: solid 1px #777;
width: 130px; background: url(images/bkgrdNavTop.gif) repeat-x;
    }

.topNavMenu ul.AspNet-Menu ul li    {background: #fc6; border-top: solid 1px #777; border-right: none;
width: 180px;   }

.topNavMenu li:hover, /* list items being hovered over */
.topNavMenu li.AspNet-Menu-Hover
{  z-index: 2; background: url(images/bkgrdNavTopHover.gif) repeat-x !important;
    
}

.topNavMenu a, /* all anchors and spans (nodes with no link) */
.topNavMenu span
{
    color: white;
    padding: 3px 4px 3px 8px;
    background:  url(images/arrowRight.gif) right center no-repeat;
}

.topNavMenu li.AspNet-Menu-Leaf a, /* leaves */
.topNavMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

/*.topNavMenu li:hover a,  hovered text 
.topNavMenu li:hover span,*/
.topNavMenu li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover span,
.topNavMenu li:hover li:hover a,
.topNavMenu li:hover li:hover span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.topNavMenu li:hover li:hover li:hover a,
.topNavMenu li:hover li:hover li:hover span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: black; 
    background: #f90;
}

.topNavMenu li:hover li a, /* the tier above this one is hovered */
.topNavMenu li:hover li span,
.topNavMenu li.AspNet-Menu-Hover li a,
.topNavMenu li.AspNet-Menu-Hover li span,
.topNavMenu li:hover li:hover li a,
.topNavMenu li:hover li:hover li span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: Black;  
    background:  url(images/arrowRight.gif) right center no-repeat;
}

.topNavMenu .AspNet-Menu-Selected /* this tier is selected */
{ color: black;
    background: url(images/bkgrdNavTopSelect.gif) repeat-x; 
}

.topNavMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    background: url(images/bkgrdNavTopSelect.gif) repeat-x; 
    /*border: solid 1px #0000ff !important; */
}

.topNavMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{   background: #FEC34E !important;
    /*border: solid 1px #0000ff !important;  border: solid 1px #ff0000 !important;*/
}
    
    

#EntertainmentMessage
{
    padding-top: 2em;
    clear: both;
}


#copyright {  
    width: 981px; 
    margin: auto auto; 
    text-align: center; 
    padding: 12px 6px 20px 3px;		
    background-image: url(images/bkgrdfooter.gif); 
    background-repeat:  no-repeat;
    min-width: 981px;   }
    
    #cleardiv {
clear: both;
height: 1em;}

.clearRight{clear: right;
height: 1px;}

/* ADMIN and Login Controls  */
 .rightblock
{
    border: 1px solid #DBDB79;
    margin: 20px 15px 0px 20px;
    padding: 15px;
    background: #FEFFAB url(images/background_columnright.gif) repeat-y;

    width:446px;
}

h4 {margin: 5px;}

.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 5px;
    margin-bottom: 10px;
    clear:right;
}

.aboveContent{margin: 15px 0px 0px 20px;}

.tabs1010 {margin: -15px 20px 0px 20px; }