/*** 1010 Vacations, Inc. copyright 2008 ***/

/*  Standard Page Elements */
    body    {   margin: 15px 0 0 0;
                padding: 0;
                background-image: url(images/bkgrdTan.jpg);
                text-align: center; 
                font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 8.5pt;
                }

    h1      {   font-weight: bold;
                font-size: 11pt;
                }
        
    h2      {
    padding: 10px 10px 0px 0px;
    margin-bottom: 0px;
    font-size: 11pt;
    color: #c00;
    font-weight: bold;
}
        
    h3      {   line-height: 23px;
                background-color: #a99477;
                color: #FFF;               
                border-bottom: 1px #7c6240 solid;                 
                margin-top: 0px; 
                padding-left: 15px; 
                margin-bottom: 0px;
                font-size: 12pt;
                }
        
    h4      {
    font-size: 11pt;
    font-family: Georgia, serif;
    color: #06c;
    margin-bottom: 0;
    margin-top: 10px;
}
    
    h5      {   line-height: 1.7em; 
                border-top: 2px #f60 solid;
                border-bottom: 1px #000000 dashed;
                padding-bottom: 5px;
                padding-left: 15px;
                font-size: 10pt;
                margin-bottom: 0px;
                }
    
    h6{}

/*  Structural Elements */

    #Frame  {   width: 989px;
                min-width: 989px;
                text-align: left; 
                margin: 0px auto; 
                padding: 0px 0px 0px 3px;
                background-image: url(images/bkgrdFrame.gif);
                background-repeat: repeat-y;
                }
                
    #Masthead { width: 980px;
                height: 170px;
                position: relative; 
                    top: 20px;
                    left: 0px;
                background-image: url('images/bkgrdMasthead.jpg'); 
                background-repeat: repeat-x; 
                }
                
    #Masthead h1{
                text-align: center; 
                margin: 25px 0 5px 330px;
                width: 540px;
                }
                       
    #Masthead p {
                width: 540px;
                margin: 5px 20px 5px 330px;
                line-height: 1.4em;  
                letter-spacing: 0.1em; 
                }
                
                
                             
                
/* Content Wrapper Elements - 2 Column */                
    #Content    {
                width: 980px; 
                margin: 0px; 
                padding:0px;                
                background-image: url(images/bkgrdSide.gif);
                background-repeat: repeat-y;
                }

    #Main   {   width: 740px; 
                float: right;  
                padding: 0 20px 20px 20px;
                }
                
    #Main p {   margin-top: 0px;
                padding-right: 10px; 
                line-height: 1.3em;
                } 

    #Media {
	width: 405px;
	height: 270px;
	z-index:5;
	float:  right; padding:0px; 
    margin-left: 10px; 
    margin-top: 20px; 
    margin-right: 0px;
    margin-bottom: 10px;
}
           
           
    p.pubDate { margin: 0px;
                line-height: 12px;
                padding:  0 0 0 0px;
                color: #777;   }
                
                
                
/* Tabbed Data -  */


h2.Tabs {margin: 0px; padding: 10px;}

p.Tabs {padding-left: 10px;}

p.Category  {   
                background-color: #ddd;
                color: #000; height: 15px;               
                border-top: 1px #FFF solid;                 
                margin-top: 0px; font-size: 7.5pt; 
                padding-left: 10px; padding-top: 1px; 
                margin-bottom: 0px; overflow:hidden;
                }               

  img.Category {
                padding: 10px; float: left;
      } 
       
ul.Category{
text-align: left; 
list-style: none; 
padding: 20px 10px 5px 4px; 
margin: 0px; 
} 


ul li a.Category { 
display: block; padding-top: 5px; height: 10pt; overflow: hidden;
width: 200px; font-weight: bold; 
font-size: 11px; text-decoration: none;
color: #06c; border-bottom: dashed 1px #999;
}

ul li a:hover.Category { 
color: #f09;
}

 table {margin-bottom: 10px;}        
 
 
 /*  Tabbed Listing Elements  */
/* ------------------*/
    
.listTab {
width: 535px;  
margin-left: 0px; margin-top: 10px;
padding: 0px; border: solid 1px #999;  
}

.listTabHead { background-color: #DFECFC; margin: 0px;
font-weight: bold; padding: 0px 5px 0px 10px;  width: 520px; font-size: 10pt;
}
.listTabHead h4 { display: inline; line-height: 20pt;
}


.listTabHead a{  text-decoration: none; color:#06c; font-size: 10pt;
}

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

.listingTab { background-color: #FEB; margin: 0px; padding-left: 15px; width: 520px; padding-bottom: 10px;

}
.listingTab a:link{   color:#06c; }
.listingTab  a:visited{   color:#06c;}
.listingTab  a:hover{ color:#039;}

.listingTabImage { float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 3px 0px;
}

.listingTabStars { float: right; margin: 5px 2px 5px 5px; padding: 0px;
}

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

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

a.listMore:hover{text-decoration: underline;}
 
 
 
 
 
 
 /*  Featured Elements  */
 
.Box{width: 400px;}
.boxFeatured{ float:right;text-align: left; background:#f1ede3;
  overflow: hidden;
width: 150px; height: 200px; 
margin-left: 2px;
padding: 11px; 
}


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

h4.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;}

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


.clearBoth {clear: both;}
 
 
 
/* Site Mechanics -  */            
    #Logo {position: absolute; top: 35px; margin-left: 20px;} 
   
    #RSS {position: absolute; top: 55px; margin-left: 940px; margin-top: 0px;}
   
    #Search {position: absolute; top: 165px; padding: 3px 0 0 0; margin-left: 15px; line-height: 20px;}

    #Trail {position: absolute; top: 175px; margin-left: 220px; font-size: 11px;}

    #Join {position: absolute; top: 175px; margin-left: 895px;}
						
        #Join a {text-decoration: none;}

        #Join a:hover {color: #f09;}
        
#TopNav {
    width: 996px;
    background-image: url(images/bkgrdTan.jpg);
    margin-right: -5px; 
    position: absolute; top: 15px; }

       
                
    #Copyright {    width: 989px;
                min-width: 989px;
                text-align: center; 
                margin: 0px auto; 
                padding: 12px 0px 20px 3px;		
                background-image: url(images/bkgrdfooter.gif); 
                background-repeat:  no-repeat;
                }



/*  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;*/
}






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

#NavSide {      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;}
			
h6.navV {
line-height: 20pt; font-size: 11pt;
display: inline;
letter-spacing: 0px; 
color: #06c;
margin: 5px 0 0 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;}

h6.navV a:link			{ text-decoration: none; text-align: center;color: #06c;}
h6.navV a:visited		{ text-decoration: none; text-align: center; color: #06c;}
h6.navV a:active		{ text-decoration: underline; text-align: center;color: #06c;}
h6.navV a:hover		    { text-decoration: underline; text-align: center;color: #06c;}

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: 1px 0 1px 15px;
font-size: 8pt; 
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;}

/* Vertical Nav Elements  */

hr.navV 			{ width: 170px; color: #fece6f; height: 2px; clear: both; margin: 0px 15px 0px 15px; }

p.navV{margin-bottom: 0px;
margin-left: 13px; margin-right: 13px;
margin-top: 5px;}


p.navV a:link			{color:#888; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:visited		{color:#666; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:active		{color:#666; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:hover		{color:#06c; background-color: transparent; text-decoration: underline; font-weight: bold; }