<-- *{ margin:0; padding:0; } html { min-height: 101%; overflow-y: scroll; } body{ height: 100%; background:#fffffc; color:#000; font:12px/16px Verdana, Arial, Helvetica, sans-serif; text-align: center; } .wrapper { position: relative; width: 980px; margin: 0 auto; visibility: visible; align: center; height: auto; text-align: left; background-image: url(images/leftside2.jpg); background-repeat: repeat-y; } h1 { text-align: left; font-size: 30px; color: #000066; } h2 { text-align: left; color: #000066; font-size: 16px; font-weight: bold; } h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #006666; } h4 { text-align: left; color: #000066; font-size: 13px; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-align: justify; } .tripname { text-align: left; color: #000066; font-size: 13px; font-weight: bold; } /* text: for written sections */ .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } /* text: for pinned notes */ .text-notes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #006666; text-align: justify; padding: 0px 25px 0px 25px; } /* text: for pinned notes */ .text-bold { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #006666; text-align: center; } /* text: for footer */ .text-small { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; } table.yellowbox { border: grey 3px solid; padding: 2px 0 2px 0; background-color: #ebf9ff; background-image:url(images/leftside.jpg) repeat-y; } #menubox { border: grey 3px solid; padding: 2px 0 2px 0; background-color: #ebf9ff; } #content{ margin: -18px 20px 0px 10px; text-align: justify; width: 740px; } #pinnednote { width:370px; align:center; background-image: url(images/notepaper2.jpg); margin: 0 -5px 0 -5px; } #infobox{ width: 600px; padding: 10px 10px 10px 10px; font-size: 11px; align: center; background-color:#ddffdd; border: grey 1px solid; } .floatleft { float: left; text-align: center; margin: 10px 20px 8px 0px; font-size: 90%; } .floatleft img { border: solid 1px #333333; } .floatright { float: right; text-align: center; margin: 10px 0 8px 20px; font-size: 90%; } .floatright img { border: solid 1px #333333; } .side-image { align: center; height: auto; width: 980px; background-image: url(images/leftside.jpg); background-repeat: repeat-y } /* -------------------------- VERTICAL MENU URL : http://www.styledmenus.com Copyrights by STYLED MENUS ----------------------------*/ #vmenuholder{ border: grey 3px solid; padding: 2px 0 2px 0; background-color: #ebf9ff; } #vmenu{ background:#fff; width:145px; border:1px solid #cccccc; padding:3px 3px 3px 10px; margin:15px 0 0 27px; font-family: Arial, Helvetica, sans-serif; } #vmenu *{ margin:0; padding:0; } #vmenu ul{ list-style:none; } #vmenu li{ list-style:none; display:block; border: 1px solid #cccccc; border-top:1px solid #ccccccc; border-bottom:1px solid #ccccccc; } #vmenu li a{ list-style:none; display:block; background:#666666 url(images/menu-static.jpg); color:#fffffc; text-transform:uppercase; font-size:11px; text-decoration:none; padding:7px 5px 8px 10px; font-weight: bold; } #vmenu li a:hover{ background:#fffffc url(images/menu2.jpg); color:#336666; text-decoration:none; } #vmenu li .current{ list-style:none; display:block; background:#fffffc url(images/menu2.jpg); color:#336666; text-transform:uppercase; font-size:11px; text-decoration:none; padding:7px 5px 8px 15px; font-weight: bold; } #vmenu li a.current, #vmenu li a:hover.current{ background:#fffffc url(images/menu2.jpg); color:#336666; text-decoration:none; } /*FOOTNOTE BOX Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #xsnazzy {width:600px; text-align: justify;} #xsnazzy p.caption {margin:0 10px; padding:5px; font-size:11px; font-family:Tahoma;} #xsnazzy {background: transparent; margin:0px 0px 0px 0px;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:transparent; border-left:1px solid #ccc; border-right:1px solid #ccc;} .xb1 {margin:0 5px; background:#ccc;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; background:transparent; border:0 solid #ccc; border-width:0 1px;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/page_menu.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #hoverpage {width:600px; height:230px; border:1px solid #aaa; background:#eff; position:relative; z-index:100; overflow:hidden;} #hoverpage table {border-collapse:collapse; margin:-1px;} #hoverpage ul#outer {background: url(images/pagemenu-bg.jpg); padding:0; margin:0;list-style:none;} #hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #hoverpage ul#outer li.page a.menuitem {font-family: Arial, Helvetica, sans serif; text-decoration:none;} #hoverpage ul#outer li.page a.menuheader {text-decoration:none; font-weight:bold; } #hoverpage ul#outer li.page a.menuitem:hover {background: url(images/pagemenu-current.jpg);text-decoration:none;} #hoverpage ul#outer li.page i {position:absolute;display:block;height:25px; right:420px;background:transparent;cursor:pointer;z-index:101;text-align:right;text-decoration:none;color:#00c;font-size:11px;font-style:normal;} #hoverpage ul#outer li.p1 i {top:20px;} #hoverpage ul#outer li.p2 i {top:45px;} #hoverpage ul#outer li.p3 i {top:70px;} #hoverpage ul#outer li.p4 i {top:95px;} #hoverpage ul#outer li.p5 i {top:120px;} #hoverpage ul#outer li.p6 i {top:145px;} #hoverpage ul#outer li.p7 i {top:170px;} #hoverpage ul#outer li.p8 i {top:195px;} #hoverpage ul#outer li.p9 i {top:230px;} #hoverpage ul#outer li.p10 i {top:255px;} #hoverpage ul#outer li div {display:block; width:550px; height:230px; padding:25px 25px 25px 25px; background:transparent; font-weight:normal; color:#444;} /* width = hoverpage width - padding left - padding right */ #hoverpage ul#outer li div img {border:1px solid #000;} #hoverpage ul#outer li div p.big {line-height:1em; color:#000066; font-weight:bold; font-size:1.5em; margin-top: -5px; margin-left: -200px; float: left;} #hoverpage ul#outer li div a {color:#00c; text-decoration:underline;} #hoverpage ul#outer li div em {display:block; width:195px; height:230px; float:left; background:transparent url(images/pagemenu-current.jpg) no-repeat 0 0; margin-left:-19px; margin-right:20px;} /* margin-left controls position of indicator image, margin-right controls space between menu and text */ #hoverpage ul#outer li.page div {display:block; width:550px; height:230px; padding:15px 25px 25px 25px; font-size:10px; font-weight:normal; color:#444;} /* width = hoverpage width - padding left - padding right */ #hoverpage ul#outer li.page p.norm {font-size:11px;} #hoverpage ul#outer li.p1 div {background:#fff url(images/pagemenu-bg.jpg);} #hoverpage ul#outer li.p2 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p3 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p4 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p5 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p6 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p7 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p8 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p9 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p10 div {background:#fff url(images/pagemenu-back.jpg);} #hoverpage ul#outer li.p1 div em {background-position: 0 500px;} #hoverpage ul#outer li.p2 div em {background-position: 0 25px;} #hoverpage ul#outer li.p3 div em {background-position: 0 50px;} #hoverpage ul#outer li.p4 div em {background-position: 0 75px;} #hoverpage ul#outer li.p5 div em {background-position: 0 100px;} #hoverpage ul#outer li.p6 div em {background-position: 0 125px;} #hoverpage ul#outer li.p7 div em {background-position: 0 150px;} #hoverpage ul#outer li.p8 div em {background-position: 0 175px;} #hoverpage ul#outer li.p9 div em {background-position: 0 200px;} #hoverpage ul#outer li.p10 div em {background-position: 0 225px;} #hoverpage ul#outer li.page div a:hover {text-decoration:none;} #hoverpage ul#outer li.page a:hover {white-space:normal;} #hoverpage ul#outer :hover div {position:absolute; left:0; top:0;} /*MENU FOR it ARCHIVE The original version of this style and the associated (x)html is available at http://www.cssplay.co.uk/menus/page_menu2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #archivemenu {width:350px; height:400px; border:1px solid #aaa; background:#eff; position:relative; z-index:100; overflow:hidden;} #archivemenu table {border-collapse:collapse; margin:-1px;} #archivemenu ul#outer {background:url(images/pagemenu-back3.jpg); padding:0; margin:0;list-style:none;} #archivemenu ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #archivemenu ul#outer li.page a.menuitem {text-decoration:none;} #archivemenu ul#outer li.page a.menuitem:hover {background: url(images/pagemenu-current3.jpg);text-decoration:none; cursor: nw-resize;} #archivemenu ul#outer li.page i {position:absolute; display:block; height:25px; right:300px; background:transparent; cursor:default; z-index:101; text-align:right; text-decoration:none; color:#00c; font-style:normal; cursor:default;} #archivemenu ul#outer li.p1 i {top:20px;} #archivemenu ul#outer li.p2 i {top:52px;} #archivemenu ul#outer li.p3 i {top:84px;} #archivemenu ul#outer li.p4 i {top:116px;} #archivemenu ul#outer li.p5 i {top:148px;} #archivemenu ul#outer li.p6 i {top:180px;} #archivemenu ul#outer li.p7 i {top:212px;} #archivemenu ul#outer li.p8 i {top:244px;} #archivemenu ul#outer li.p9 i {top:276px;} #archivemenu ul#outer li.p10 i {top:308px;} #archivemenu ul#outer li.p11 i {top:340px;} #archivemenu ul#outer li.p12 i {top:372px;} #archivemenu ul#outer li div {display:block; width:300px; height:400px; padding:25px; background:transparent; font-weight:normal; color:#444;} #archivemenu ul#outer li div img {border:1px solid #000; margin-right: -75px;} #archivemenu ul#outer li div p.big {line-height:0em; color:#666; font-size:1.5em; margin-top:0px; text-align:center; font-weight:bold;} #archivemenu ul#outer li div h.year {line-height:0em; color:#666; font-size:1.5em; margin-top:0px; text-align:center; font-weight:bold;} #archivemenu ul#outer li div em {display:block; width:70px; height:400px; float:left; background:transparent url(images/pagemenu-current3.jpg) no-repeat 0 0; margin-left:-19px; margin-right:20px; cursor: default;} #archivemenu ul#outer li.page div {display:block; width:300px; height:400px; padding:25px; font-weight:normal; color:#444;} #archivemenu ul#outer li.p1 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p2 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p3 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p4 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p5 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p6 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p7 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p8 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p9 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p10 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p11 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p12 div {background:#fff url(images/itpages-year.gif);} #archivemenu ul#outer li.p1 div em {background-position: 0 5px;} #archivemenu ul#outer li.p2 div em {background-position: 0 45px;} #archivemenu ul#outer li.p3 div em {background-position: 0 85px;} #archivemenu ul#outer li.p4 div em {background-position: 0 125px;} #archivemenu ul#outer li.p5 div em {background-position: 0 165px;} #archivemenu ul#outer li.p6 div em {background-position: 0 205px;} #archivemenu ul#outer li.p7 div em {background-position: 0 245px;} #archivemenu ul#outer li.p8 div em {background-position: 0 285px;} #archivemenu ul#outer li.p9 div em {background-position: 0 325px;} #archivemenu ul#outer li.p10 div em {background-position: 0 365px;} #archivemenu ul#outer li.p11 div em {background-position: 0 405px;} #archivemenu ul#outer li.p12 div em {background-position: 0 445px;} #archivemenu ul#outer li.page div a:hover {text-decoration:none;} #archivemenu ul#outer li.page a:hover {white-space:normal;} #archivemenu ul#outer :hover div {position:absolute; left:0; top:0;} /* TABLE DESIGN Spearmint tints > http://inspire.server101.com/bttdb/html/tables/ */ #archive { width: 384px; align: center; background: #ddffdd; border: 1px solid #009966; padding: 25x; } #archive table { margin: 0 0 1em; background: transparent; border-collapse: collapse; } #archive tr { font-size: 95%; } /* reduced font size to save space */ #archive tr tr { font-size: 100%; } /* prevent nested tables reducing font size further */ /* tinted rows */ /* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */ #archive tr { background: #DFD; border-top: 1px solid #009966; border-bottom: 1px solid #009966; } #archive tr.odd { background: #FFFFFC; border-top: 1px solid #009966; border-bottom: 1px solid #009966; } #archive tr.head { background: #DFD; } /* table cells */ #archive th { background: #AADDAA; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 0px 0px 5px; text-align: left; vertical-align: middle; height: 25px; } #archive td { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 0px 0px 5px; text-align: left; vertical-align: middle; height: 25px; } #archive th { font-weight: bold;} /* column headings */ #archive thead { font-weight: bold; border-top: 1px solid #009966; border-bottom: 1px solid #009966; background: #aaddaa; white-space: nowrap; } /* bottom row */ #archive tfoot { border-top: 1px solid #009966; border-bottom: 1px solid #009966; background: #aaddaa; } #contact tr { font-size: 95%; } /* reduced font size to save space */ #contact tr tr { font-size: 100%; } /* prevent nested tables reducing font size further */ /* tinted rows */ /* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */ #contact tr.odd { background: #ddffdd; border-top: 1px solid #009966; border-bottom: 1px solid #009966; } #contact tr.head { background: #ddffdd; } /* table cells */ #contact th { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 0px 0px 5px; text-align: left; vertical-align: middle; height: 25px; } #contact td { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 0px 0px 5px; text-align: left; vertical-align: middle; height: 25px; } #contact th { font-weight: bold;} /* column headings */ #contact thead { font-weight: bold; border-top: 1px solid #009966; border-bottom: 1px solid #009966; background: #aaddaa; white-space: nowrap; } /* bottom row */ #contact tfoot { border-top: 1px solid #009966; border-bottom: 1px solid #009966; background: #aaddaa; } .TripName { text-align: left; color: #000066; font-size: 13px; font-weight:bold } .TripDetails { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-align: justify; } .itcollage { background: #ECFFFD; background-image:url(members/IT_back_issues/images/itcollage.gif) }