/* CSS Document */

/*general rules*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#999999;
}

h2{
font-size:medium;
border-bottom:dotted #000000 1px;
}
table h2 {
font-size:11px;
margin:0;
display:inline;
border:none;
}
table img{
margin-left:5px;
}
h3{
font-size:small;
list-style:disc;
display:list-item;
margin-left:15px;
}
.indent{ /*for the sub "section" things in the get around links*/
margin-left:15px;
}

/*this aligns the text with the bottom of the section info for the info sections on the top*/
.bottomText{
position:absolute;
bottom:20px;
width:230px;
}

td{
border-bottom:solid #CCCCCC 2px;
padding:10px 0 10px 0;
}
.line{
height:2px;
margin:15px 0 15px 0;
border-bottom:solid #CCCCCC 2px;
}

/*slideshow stuff*/
#slideshow{
position:relative;
padding:10px;
}
#slideshow img{
position:absolute;
}



/*container positioning*/
#sky{
position:absolute;
top:0;
left:0;
width:100%;
height:50%;
min-height:311px; /*half the target height*/
}

#horizon{
position:absolute;
bottom:0;
width:100%;
height:0;
}

#container{
position:relative;
margin:auto;
padding:10px;
margin-top:-311px; /*half the target height*/
width:808px; /*the target width ("max" is optional--set to "width" and remove "width" from ie css)*/
background-image:url(/images/pageshadow.png);
background-repeat:no-repeat;
}

#content{
position:relative;
height:582px;
}


/*logo*/
#logolink{
position:absolute;
top:10px;
left:38px;
z-index:1000;
}
#logotext{
position:absolute;
top:100px;
left:44px;
z-index:1000;
}
#logoinfo{
position:absolute;
left:85px;
top:25px;
width:215px;
padding:10px 25px 10px 40px;
z-index:999;
opacity:.9;
filter:alpha(opacity=90);
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#FFFFFF;
}


/*menu*/
.dining{
top:0;
background-image:url(/images/menu/dining.png);
}
.shopping{
top:82px;
background-image:url(/images/menu/shopping.png);
}
.attractions{
top:164px;
background-image:url(/images/menu/attractions.png);
}
.lodging{
top:246px;
background-image:url(/images/menu/lodging.png);
}
.getaround{
top:328px;
background-image:url(/images/menu/getaround.png);
}
.newsevents{
top:410px;
background-image:url(/images/menu/newsevents.png);
}
.history{
top:492px;
background-image:url(/images/menu/history.png);
}
.tab{
position:absolute;
left:0;
width:114px;
height:92px;
text-indent:-9999px;
overflow:hidden;
background-color:transparent;
background-repeat:no-repeat;
}
.current{
left:auto;
right:0;
cursor:default;
}


/*section bar and info content*/
/*uses the above "top" values in the menu tabs for vertical positioning.*/
.section{
position:absolute;
top:25px;
right:45px;
height:79px;
width:290px;
padding-left:10px;
background-repeat:no-repeat;
z-index:99999999;
}
.section h1{
text-indent:-99999px;
background-position:left;
background-repeat:no-repeat;
height:40px;
margin:10px 0 0 -10px;
}
.subsection{
position:absolute;
top:75px;
left:470px;
z-index:99999999;
}
.subsection a{
float:left;
display:block;
margin-left:10px;
text-decoration:none;
color:#FFFFFF;
}
.subsection a:hover{
text-decoration:underline;
}


.welcomeBar{
background-image:url(/images/menu/sectionBars/welcome.png);
}
.diningBar{
background-image:url(/images/menu/sectionBars/dining.png);
}
.shoppingBar{
background-image:url(/images/menu/sectionBars/shopping.png);
}
.attractionsBar{
background-image:url(/images/menu/sectionBars/attractions.png);
}
.lodgingBar{
background-image:url(/images/menu/sectionBars/lodging.png);
}
.getaroundBar{
background-image:url(/images/menu/sectionBars/getaround.png);
}
.newseventsBar{
z-index:9999999;
background-image:url(/images/menu/sectionBars/newsevents.png);
}
.historyBar{
background-image:url(/images/menu/sectionBars/history.png);
}

.welcomeSection{
background-image:url(/images/menu/sections/welcome.png);
}
.diningSection{
background-image:url(/images/menu/sections/dining.png);
}
.shoppingSection{
background-image:url(/images/menu/sections/shopping.png);
}
.attractionsSection{
background-image:url(/images/menu/sections/attractions.png);
}
.lodgingSection{
background-image:url(/images/menu/sections/lodging.png);
}
.getaroundSection{
background-image:url(/images/menu/sections/getaround.png);
}
.newseventsSection{
background-image:url(/images/menu/sections/newsevents.png);
}
.historySection{
background-image:url(/images/menu/sections/history.png);
}

.index{
position:absolute;
top:-6px;
background-color:#FFFFFF;
}
.index h1{
color:#000000;
line-height:79px;
text-indent:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:xx-large;
font-weight:normal;
margin:0;
}

/*the two info sections are nested within the .section bar to give them the correct vertical position. this way, the only value inserted on the section page is the height of each info section.*/
.info{
position:absolute;
right:25px;
width:231px;
height:442px;
padding:120px 20px 20px 20px;
overflow:auto;
z-index:99999;
}
/*this covers the text behind the section heading*/
.infotop{
position:absolute;
right:40px;
width:216px;
height:60px;
padding:20px;
z-index:999999;
}

.welcomeinfo{
border-left:solid #3789BC 4px;
background-image:url(../images/sectionGradients/welcome.jpg);
}
.dininginfo{
border-left:solid #0062CA 4px;
background-image:url(../images/sectionGradients/dining.jpg);
}
.shoppinginfo{
border-left:solid #0092EE 4px;
background-image:url(../images/sectionGradients/shopping.jpg);
}
.attractionsinfo{
border-left:solid #199C95 4px;
background-image:url(../images/sectionGradients/attractions.jpg);
}
.lodginginfo{
border-left:solid #6CCB1E 4px;
background-image:url(../images/sectionGradients/lodging.jpg);
}
.getaroundinfo{
border-left:solid #C00708 4px;
background-image:url(../images/sectionGradients/getaround.jpg);
}
.newseventsinfo{
border-left:solid #F7790B 4px;
background-image:url(../images/sectionGradients/newsevents.jpg);
}
.historyinfo{
border-left:solid #6A0B7A 4px;
background-image:url(../images/sectionGradients/history.jpg);
}


#background{
position:absolute;
left:25px;
width:483px;
height:582px;
}
#picturecolumn{
position:absolute;
bottom:30px;
right:0;
width:62px;
padding-top:3px;
background-color:#FFFFFF;
}
#picturecolumn img{
padding-left:2px;
}

#binder{
position:absolute;
left:388px;
width:33px;
height:582px;
background-image:url(/images/binder.png);
background-repeat:no-repeat;
}

/*
.gradient{
position:absolute;
right:40px;
width:256px;
height:20px;
background-repeat:repeat-x;
z-index:2000;
}
.topg{
top:0;
background-image:url(/images/white_gradient_top.png);
}
.bottomg{
bottom:0;
background-image:url(/images/white_gradient_bottom.png);
}
.bottomsectiong{
top:-20px;
right:15px;
background-image:url(/images/white_gradient_bottom.png);
}
.topsectiong{
bottom:-20px;
right:15px;
background-image:url(/images/white_gradient_top.png);
}
*/
#footer{
font-size:x-small;
text-align:right;
margin:10px 50px 0 50px;
}
#footer span{
float:left;
text-align:center;
}
#footer a{
color:#000000;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}