/* stylesheets for 3 Day tour web site */

/*---------------------------generic styles-----------------------------------*/

        body {
            margin: 0px; 
            padding: 0px;
            color: #333;
            background-image: url(../images/bgBlur.jpg);
            font-family: "Arial", "Helvetica", sans-serif;
            font-size: 1em;
            }
            
        h1 {
            display: inline;
            letter-spacing: .15em;
            }
            
        h2 {
            display: inline;
            letter-spacing: .15em;
            text-align: left;
            }
            
        h3 {
            font-size: 1.1em;
            }

        h4 {
            font-size: 1.0em;
            }
            
        h5 {
            font-size: 0.9em;
            }
            
        h6 {
            font-size: 0.8em;
            font-weight: bold;
            }

        p {
            font-size: 0.8em;
            line-height: 1.5em;
            }
            
        a {
            font-size: 0.8em;
            }
            
        li {
            font-size: 0.8em;
            line-height: 1.5em;
            }
            
        p a {
            font-size: 1em;
            }
            


/*--------------layout div's - indentation indicates nesting levels --------
----------------within document----------------------------------------------*/
        
        #container {
            border: solid 1px #000; /*IE seems to need a border here to keep the 
            navbar anchored against the left side of this container*/
            position: relative;
            top: 0px;
            left: 0px;
            background-image: url(../images/suntour.jpg);
            background-repeat: no-repeat;
            margin: 10px;
            } /*page wrapper*/
            
            #header1 {
                height: 150px;
                padding:  6px 0px;
                } /*wrapper to hold top navigation bar and title*/
                

                #navBarTop {
                    text-align: right;
                    border-top: solid 1px #000;
                    background-color: #f8c53b;
                    height: 1.3em;
                    margin-right: 0px;
                    margin-left: 0px;
                    padding: 0px 6px;
                    } /*background for navigation bar at top of screen*/
                
                #title {
                    border-top: solid 1px #000;
                    border-bottom: solid 1px #000;
                    background-image: url(../images/suntourFade.jpg);
                    margin-right: 0px;
                    margin-left: 0px;
                    text-align: center;
                    } /*title area at top of screen*/

            #header2 {
                background-position: 0px -156px;
                }/*wrapper used for the source of the floated news column*/
               

                #newsBar {
                    position: relative;
                    border-top: solid 3px #fada83;
                    border-right: solid 3px #70581a;
                    border-bottom: solid 3px #5c4916;
                    border-left: solid 3px #f9ce58;
                    background-color: #ffffcc;
                    width: 25%;
                    margin-right: 10px;
                    margin-left: 15px;
                    } /*floated news column*/
                
                    #newsTitle {
                        background-color: #f8c53b;
                        margin: 0px;
                        text-align: left;
                        padding: 3px;
                        padding-left: 10px;
                        } /*heading for news column*/
                        
                    #newsContent {
                        border: solid 1px;
                        margin: 0px;
                        margin-right: 0px;
                        padding: 10px;
                        text-align: left;
                        height: 360px;
                        overflow: auto;
                        } /*content area for news column*/



            #header3 {
                background-position: 0px -200px;
                } /*wrapper used to contain page heading*/

                #pageHeading {
                    border: solid 1px #000;
                    border-bottom: none;
                    background-color: #f8c53b;
                    text-align: left;
                    padding: 3px;
                    padding-left: 15px;
                    } /*heading for page contents*/
                
            #header4 {
                background-image: url(../images/suntour.jpg);
                background-repeat: no-repeat;
                background-position: 0px -200px;
                height: 50px;
                } /*wrapper used to contain page heading*/
                
            #contentContainer {
                border: solid 1px #000;
                background-color: #ffffcc;
                text-align: left;
                } /*wrapper for page contents*/
                
                #summary {
                    position: relative;
                    background-color: #ffffcc;
                    padding: 15px;
                    float: left;
                    width: 25%;
                    } /*floated column for summary text*/

                #content {
                    position: relative;
                    margin: 15px;
                    } /* wrapper for main content area of page*/
                
                #footer {
                    /*border: solid 1px #000;  */
                    text-align: center;
                    } /*wrapper for page footer*/
                
            #navBar {
                border-top: solid 1px #000;
                position: absolute;
                top: 280px;
                left: 0px;
                width: 120px;
                background-color: #f8c53b;
                } /*positioning for side navigation bar*/
                
            #navBarShort {
                border-top: solid 1px #000;
                position: absolute;
                top: 220px;
                left: 0px;
                width: 120px;
                background-color: #f8c53b;
                } /*positioning of side navigation bar for shorter pages*/

            #bottomImage {
                background-image: url(../images/bottom.jpg);
                background-repeat: no-repeat;
                height: 40px;
                width: 300px;
                width: 30%;
                clear: both;
                } /*floated image at bottom of page*/
                
            #validationFooter {
                text-align: center;
                } /* wrapper for validation links*/
                
/*---------------------------layout classes-----------------------------------*/

        div.centerColumn {
            margin: 0px 120px 0px 120px;
            }
            
        div.centerColumnWide {
            margin: 0px 60px 0px 120px;
            }
            
        div.floatRight {
            float: right;
            }
            
        div.floatLeft {
            float: left;
            }
            
        div.thumbs {
            position: relative;
            margin: 8px;
            float: left;
            }
            
        div.thumbs p {
            display: inline;
            width: 160px;
            text-align: center !important;
            }
            
        div.imageViewer {
            background-image: none !important;
            text-align: center !important;
            vertical-align: middle !important;
            }

  /*-------------------------------username entry------------------ */
        div.nameField {
            margin: 0px;
            float: left;
            }
            
        div.nameField form {
            display: inline;
            }
            
        div.nameField p {
            display: inline;
            font-size: 0.8em;
            }
   /*----------------------------------------------------------------  */

        div.spacer {
            clear: both;
            line-height: 1px;
            }
            
        span.alignRight {
            text-align: right;
            }

        /*--- form layout technique by Eric Meyers----*/

        div.formRow {
            border: solid 0px;
            clear: both;
            padding-top: 3px;
            width: 445px;
            font-size: .8em;
            }
            
        div.formRow span.leftCol {
            float: left;
            width: 100px;
            text-align: right;

            }

        div.formRow span.rightCol {
            float: right;
            width: 335px;
            text-align: left;
            }
            

            
/*----------------------navigation link appearance----------------------------*/

        #validationFooter p {
            color: #ddd;
            letter-spacing: .1em;
            }
            
        #validationFooter a:link, #validationFooter a:visited {
            color:#ddd;
            text-decoration:none;
            letter-spacing: .1em;
            }
            
        #validationFooter a:hover {
            color:#ffffff;
            letter-spacing: .1em;
            }
            
        #navBarTop a:link, #navBarTop a:visited {
            display: inline;
            color:#000000;
            text-decoration:none;
            background-color: #f8c53b;
            padding:  2px 3px;
            }
            
        #navBarTop a:hover {
            color:#ffffff;
            background-color:#d69d2e;
            }
        
        /* CSS2 selector 'focus' does not seem to be supported in IE6.0,
        Gecko based browsers do seem to support - gives "mouse hover"
        functionality to keyboard input/selection */
        #navBarTop a:focus {
            color:#ffffff;
            background-color:#d69d2e;
            }

        #navBar a:link, #navBar a:visited {
            display: block;
            color:#000000;
            text-decoration:none;
            }
            
        #navBar a:hover {
            display:block;
            color:#ffffff;
            background-color:#d69d2e;
            }

        #navBarShort a:link, #navBarShort a:visited {
            display:block;
            color:#000000;
            text-decoration:none;
            }
            
        #navBarShort a:hover {
            display:block;
            color:#ffffff;
            background-color:#d69d2e;
            }



/*----------------------content appearance------------------------------------*/

        #summary p {
            font-style: italic;
            line-height: 2em;
            }
            
        #content h3 {
            text-align: left;
            }
            
        #content p {
            text-align: justify;
            }
            
        p.copyRight {
        color: #999;
        font-size: .6em;
        text-align: center;
        }
        
        *.access {
            text-decoration: underline !important;
            }
            
        .noBorder {
            border: 0;
            }