* {
        margin: 0;
}

body {
        background: #014A8C;
}

body, fieldset, legend, ul, ol, th, td {
        padding: 0;
}

fieldset, a img {
        border-width: 0;
}

.clear {
        height: 0;
        clear: both;
}

#columns, #header, #footer {
        width: 100%;
        min-width: 950px;
        text-align: center;
}

.outer {
        width: 950px;
        margin: 0 auto;
        position: relative;
}

.inner {
        text-align: left;
}

#columns {
        margin: 250px -15px 0 0;
        position: relative;
}

#columns .outer {
        background: url("../images/header-navigation.gif") 2px 0 repeat-y;
}

#columns .inner {
        background: url("../images/columns-bottom.gif") 2px 100% no-repeat;
}

.primary {
        width: 100%;
        margin-left: -90%;
        position: relative;
        float: right;
}

.secondary {
        width: 180px;
        margin-right: -10%;
        float: right;
}

.tertiary {
        width: 180px;
        float: left;
}

.primary .pad {
        padding: 0 195px 15px 195px;
        position: relative;
}

.secondary .pad {
        padding: 0 10px 63px 0px;
        position: relative;
}

.tertiary .pad {
        padding: 0 0 15px 10px;
        position: relative;
}

#header {
        height: 250px;
        left: 0;
        top: 0;
        margin-right: -100%;
        background: url("../images/header.jpg") 0 0 repeat-x;
        position: absolute;
}

#header .outer {
        width: 970px;
        height: 250px;
        background: url("../images/header-image.jpg") 100% 0 no-repeat;
        position: relative;
}

#header-logo {
        width: 383px;
        height: 118px;
        left: 35px;
        top: 40px;
        background: url("../images/GAA-homepage-FINAL-LOGO-2.png") 0 0 no-repeat;
        position: absolute;
}

#header-logo a {
        width: 100%;
        height: 100%;
        text-indent: -5000px;
        overflow: hidden;
        display: block;
}

#navigation {
        width: 946px;
        height: 57px;
        margin: 0 12px;
        top: 193px;
        background: url("../images/header-navigation.gif") 0 0 repeat-y;
        position: relative;
}

#navigation ul {
        width: 100%;
        padding-top: 2px;
        background: url("../images/header-navigation-ul1.png") 0 0 no-repeat;
        position: relative;
        float: left;
}

#navigation li {
        height: 30px;
        padding: 0;
        list-style: none;
        text-indent: -5000px;
        float: left;
}

#navigation-home {
        width: 67px;
        background: url("../images/header-navigation-home.png") -67px 0 no-repeat;
}

#navigation-about-footloose {
        width: 137px;
        background: url("../images/header-navigation-about-footloose1.png") -137px 0 no-repeat;
}

#navigation-destinations {
        width: 113px;
        background: url("../images/header-navigation-destinations.png") -113px 0 no-repeat;
}

#navigation-tour-search {
        width: 122px;
        background: url("../images/header-navigation-tour-search.png") -122px 0 no-repeat;
}

#navigation-book-now {
        width: 118px;
        background: url("../images/header-navigation-book-now.png") -118px 0 no-repeat;
}

#navigation-pre-tour-info {
        width: 136px;
        background: url("../images/header-navigation-pre-tour-info.png") -136px 0 no-repeat;
}

#navigation-community {
        width: 128px;
        background: url("../images/header-navigation-community.png") -128px 0 no-repeat;
}

#navigation-contact-us {
        width: 125px;
        background: url("../images/header-navigation-contact-us.png") -125px 0 no-repeat;
}

#navigation a {
        height: 100%;
        width: 100%;
        float: left;
}

#navigation li ul {
        width: 938px;
        text-indent: 0;
        left: 4px;
        top: 28px;
        background: none;
        position: absolute;
        display: none;
}

#navigation li:hover, #navigation li.selected, #navigation li.over {
        background-position: 0 0;
}

#navigation li:hover ul, #navigation li.over ul {
        display: block;
}

#navigation li:hover li {
        background-position: 0 0.8em;
}

#navigation li li {
        height: auto;
        padding-left: 8px;
        margin-right: 6px;
        text-indent: 0;
        background: url("../images/li-header-navigation.gif") 0 0.8em no-repeat;
}

#navigation li li.first {
        padding-left: 13px;
        background: none;
}

#navigation li li a {
        width: auto;
        height: auto;
        line-height: 27px;
}

#footer .outer {
        width: 584px;
}

#footer .inner {
        padding-top: 5px;
        text-align: center;
}

#footer .navigation {
        color: #FFF;
        font-size: 9px;
        line-height: 10px;
}

#footer .navigation a:link, #footer .navigation a:visited, #footer .navigation a:hover, #footer .navigation a:active {
        color: #FFF;
}

#footer-affiliations {
        width: 157px;
        height: 33px;
        right: -174px;
        top: -52px;
        background: url("../images/footer-affiliations.gif") 0 0 no-repeat;
        position: absolute;
}

.toggle {
        position: relative;
}
