/* STRUCTURE ................................................. */ * { margin: 0; padding: 0; } body { margin:0; padding:0; min-width: 750px; background-color: #546163; } .clear { clear: both; } /*\*/ * html body {behavior: url(/csshover.htc);} /**/ /* SLIDESHOW ................................................. */ div#slideshow { float: right; border: 2px solid #FF9900; margin: 5px; width: 410px; height: 253px; padding: 0px; } /* TEXT ................................................. */ p { font: 14px/20px Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;padding: 0; } p a { color: #8e3a1a; text-decoration: underline; outline: none; } p a:visited { color: #8e3a1a; text-decoration: underline; outline: none; } p a:hover { color: #a25a00; text-decoration: none; outline: none; } .text { font: 12px/18px Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;padding: 0; } .text a { color: #8e3a1a; text-decoration: underline; outline: none; } .text a:visited { color: #8e3a1a; text-decoration: underline; outline: none; } .text a:hover { color: #a25a00; text-decoration: none; outline: none; } ul { font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; } ul a, a:visited { color: #6a3b00; text-decoration: none; outline: none; } ul a:hover { color: #a25a00; text-decoration: none; outline: none; } li.text { margin-left: 20px; } h2 /* Heading Large */ { font: 23px/25px "Times New Roman", Times, serif; color: #6c5440; margin: 0;padding: 0; border-bottom: 1px dotted #6c5440; } h3 /* Heading Medium */ { font: 21px "Times New Roman", Times, serif; color: #000; margin: 0; padding: 0; } h3 a, a:visited { color: #000; text-decoration: none; outline: none; } h3 a:hover { color: #0e757b; text-decoration: none; outline: none; } h4 /* Heading Small */ { font: 18px/20px "Times New Roman", Times, serif; color: #6c5440; margin: 0;padding: 0; } a.button { background: transparent url('images/button-a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; } a.button span { background: transparent url('images/button-span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } a.button:visited { color: #FFF; outline: none; /* hide dotted outline in Firefox */ } /* HEADER ................................................. */ #topsection { background: #ccc url(images/kayaking-header.jpg) no-repeat right top; height: 131px !important; /*Height of top section*/ margin: 0; padding: 0; /*margin-bottom: -2px;*/ } /*\*/ * html #topsection { margin-bottom: -2px; } /**/ .logo { width: 562px; height: 131px; float: left; margin: 0; background: url(images/logo.png) no-repeat left top; } /* NAVIGATION ................................................. */ .nav { width: 100%; height: 45px; margin: 0px auto; padding: 0px; background: url(images/paddle-bkgd.gif) repeat-x center top; text-align: center; } .paddle-lf { width: 122px; height: 45px; float: left; position: relative; margin: 0px 0px 0px 0px; background: url(images/paddle-lf.gif) no-repeat left top; } .paddle-rt { width: 122px; height: 45px; float: right; position: relative; margin: 0px 0px 0px 0px; background: url(images/paddle-rt.gif) no-repeat right top; } .hnav { height: 45px; font: bold 13px/18px Arial, Helvetica, sans-serif; color: #546163; word-spacing: 3px; text-align: center; text-decoration: none; } .hnav a { color: #546163; text-decoration: none; outline: none; } .hnav a:visited { color: #546163; text-decoration: none; outline: none; } .hnav a:hover { color: #000; text-decoration: none; outline: none; } .indent, ul, li { margin-left: 10px; font: 14px/20px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; list-style: disc url(images/bullet.gif) outside; } .indent a { color: #333; text-decoration: none; outline: none; } .indent a:visited { color: #333; text-decoration: none; outline: none; } .indent a:hover { color: #0e757b; text-decoration: none; outline: none; } /* CONTENT ................................................. */ #contentwrapper /*Col 2*/ { float: left; width: 100%; text-align: left; background: #f0dab4 url(images/pg-border-rt.gif) repeat-y right top;} #contentcolumn { margin-left: 245px; /*Set left margin to LeftColumnWidth*/ padding: 10px 60px 10px 30px; } .slideshow { float: right; margin: 10px; border: 3px solid #ffb03e; } #leftcolumn /*Col 1*/ { float: left; width: 245px; /*Width of left column*/ margin-left: -100%; text-align: left; background: #dac6a4 url(images/pg-border-lf.gif) repeat-y left top; overflow: hidden; } .leftbargrad { height: 12px; width: 300px; background: url(images/leftside-grad.gif) repeat-x left top; margin: 0px -23px 0px 0px;} .leftbarcontent { width: 175px; margin: 0px 0px 0px 47px;} .sideheading { width: 186px; height: 69px; background: url(images/side-heading.gif) no-repeat left top; margin: 0px 0px -30px 0px; padding: 30px 0px 0px 20px; } /* FOOTER ................................................. */ #footer { clear: left; width: 100%; height: 85px; background: #8e3a1a; text-align: center; } .footerlf { width: 47px; height: 85px; float: left; position: relative; background: url(images/pg-border-lf.gif) repeat-y left top; } .footerrt { width: 47px; height: 85px; float: right; position: relative; background: url(images/pg-border-rt.gif) repeat-y right top; } .footernav { font: 12px/18px Arial, Helvetica, sans-serif; color: #d88f4f; word-spacing: 3px; text-align: center; text-decoration: none; } .footernav a { color: #d88f4f; text-decoration: none; outline: none; } .footernav a:visited { color: #d88f4f; text-decoration: none; outline: none; } .footernav a:hover { color: #e8eda0; text-decoration: none; outline: none; } /*SLIDESHOW ......................................*/